/*
Theme Name: TollesonTerry_2014
Theme URI: http://tollesonterry.net
Description: Default theme for tollesonterry.net
Version: 0.1
Author: Terry Tolleson + The Erin!
Author URI: http://erinrocks.com
Tags: custom

*/


* {font-size: 100%; padding: 0; margin: 0; border: 0; }

body 		{ color: #6b6b6b; font-family: 'Open Sans', sans-serif; background:url('//tollesonterry.net/2011images/tt-net-bkgd.png'); line-height: 1.5em; }
a		{ color: #6b6b6b; text-decoration: none; }

#column1	{ width: 35%; font-family: "Open Sans"; color: #6b6b6b; text-transform: uppercase; font-size: 1.2em; padding-top: 80px; max-width: 250px; float: left; }
#logo		{ margin-bottom: 20px; }
#column1 h3	{ font-weight: normal; padding-top: 15px }
#column1 a	{ text-decoration: none; font-family: "Open Sans"; color: #6b6b6b; font-size: 0.9em; margin-left: 30px; }
#column1 a.active	{ color: #ccc; }
#column1 ul.submenu		{ margin-left: 20px; margin-bottom: 20px; }
#column1 ul.submenu li		{  }
#column1 ul.submenu li a	{ text-transform: none; font-size: 0.7em; font-style: italic; }


#column2	{ float: left; max-width: 500px; margin-left: 100px; padding-top: 160px; color: #ccc; font-size: 0.82em; line-height: 20px; text-align: center;}
#column2 img	{ margin: 10px 0 20px 0; }
#column2 img.main	{ max-width: 500px; height: auto; }
#column2 img.supp	{ max-width: 500px; width: 85%; margin: 0 auto;}
#column2 h3		{ font-size: 15px; margin-bottom: 7px; font-weight: normal }

@media(max-width:600px){
	#column1 	{ float: none; width: 100%; padding-top: 10px; }
	#column2	{ float: none; width: 95%; padding-top: 10px; margin-left: 0px; text-align: center; margin: 0 auto; }
	#column2 img	{ width: 95%; max-width: 95%;  }
}




#container	{ margin: 0 auto; width: 400px; text-align: center; color: #68757e; font-size: 1.em; }
#container p	{ margin: 0 0 4px 0; }

#content	{ text-align: left; }


.divider	{ background: url('//tollesonterry.net/2011images/divider.png') no-repeat; font-size:1px;  width: 377px; height: 1px; margin: 5px 0px 0px 0px; padding:0px }

.ac-container{
	width: 325px;
	margin: 10px auto 30px auto;
	text-align: left;
}
.ac-container label{
	font-weight: normal; 
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: 30px;
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;

	
}

.g {
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.33, rgb(14,173,173)), color-stop(0.67, rgb(0,255,255)));
background-image: -moz-linear-gradient(center bottom, rgb(14,173,173) 33%, rgb(0,255,255) 67% );
padding: 1px;
}

.g > div { background: #fff; }

.ac-container div	{ background: url('images/2014/menudivider.png') no-repeat; }
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
}
.ac-container input:checked + label:hover:after{
}
.ac-container input{
	display: none;
}
.ac-container article{
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}
.ac-container input:checked ~ article.ac-small{
	width: 325px;
	height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 230px;
}