/*   
Theme Name: CityChiro
Description: City Chiropractic Seattle Theme.
Author: Bryan Littlefield and Kyle Littlestar
Version: 0.1a
*/

@import url('reset.css');
@import url('typography.css');
@import url('forms.css');






/* 		.-------------------------------.
________|  Calling Specific Fonts here  |____________________________________ */





@font-face {
    font-family: 'AvianoSansRegular';
    src: url('/font/aviano_sans-webfont.eot');
    src: url('/font/aviano_sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/aviano_sans-webfont.woff') format('woff'),
         url('/font/aviano_sans-webfont.ttf') format('truetype'),
         url('/font/aviano_sans-webfont.svg#AvianoSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BlairMdITCTTMedium';
    src: url('/font/blairmditc-webfont.eot');
    src: url('/font/blairmditc-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/blairmditc-webfont.woff') format('woff'),
         url('/font/blairmditc-webfont.ttf') format('truetype'),
         url('/font/blairmditc-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}







/* 		.-------------------.
________|  General Styling  |____________________________________ */



body {
	
	background: #949494;
	
}




/* 		.----------.
________|  Header  |____________________________________ */


#header{
	
	margin-left: -8px;

}
#header a{
	font-family: Verdana,Helevetica;
	font-size: 82px;
	color: #1B1B1B;
	text-decoration: none;
	font-weight: bold;
	line-height: 98px;
}


/* 		.--------------.
________|  Navigation  |____________________________________ */


#nav{

	width: 961px;
	font-family: 'BlairMdITCTTMedium','AvianoSansRegular',sans-serif;
	margin-top: -16px;
	border-top: 4px solid #B1BB1C;
	position: relative;
	height: 25px;
	background: black;
	
}
#search{
	float:right;
	margin-right: 9px;
	margin-top: 13px;
}
#searchsubmit {
    font-weight: bold;
    padding: 3px;
    border: solid 1px #B2B2B2;;
    background: #333;
    border-radius: 3px;
	color:#fff;
}
#searchsubmit:hover{
	background-color: #7D7D7D;
	cursor: pointer;
	-webkit-transition: all 500ms cubic-bezier(0.170, 0.790, 0.115, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.170, 0.790, 0.115, 1.050); 
   -moz-transition: all 500ms cubic-bezier(0.170, 0.790, 0.115, 1.050); 
    -ms-transition: all 500ms cubic-bezier(0.170, 0.790, 0.115, 1.050); 
     -o-transition: all 500ms cubic-bezier(0.170, 0.790, 0.115, 1.050); 
        transition: all 500ms cubic-bezier(0.170, 0.790, 0.115, 1.050); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.170, 0.790, 0.115, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.170, 0.790, 0.115, 1.050); 
   -moz-transition-timing-function: cubic-bezier(0.170, 0.790, 0.115, 1.050); 
    -ms-transition-timing-function: cubic-bezier(0.170, 0.790, 0.115, 1.050); 
     -o-transition-timing-function: cubic-bezier(0.170, 0.790, 0.115, 1.050); 
        transition-timing-function: cubic-bezier(0.170, 0.790, 0.115, 1.050); /* custom */
}
#nav #search-text{
	float:left;
	margin-right: 7px;
}
#nav #search-box{
	float:left;
	margin-right: 10px;
}
#nav #search-btn{
	float:right;
	margin-top: -5px;
}
#nav form {
	height:35px;
	width:100%;
	}
#nav #expand{
	-webkit-appearance: none;  
	-webkit-transition: all .4s ease-in-out; 
	position:relative; 
	float:right;
	display:block;
	outline:none;
	padding-left:10px;
	line-height:16px;
	margin:0px;
	margin-top: -5px;
	border:2px solid #3C3D3C; 
	width:100px;
	height:24px; 
	-webkit-border-radius:50px;
}
#expand{ 
	position:relative; 
	-webkit-border-radius:50px;
	width:100px;
}
::-webkit-input-placeholder {
	font-style:italic;font-size:13px; 
}
 input[type="search"]::-webkit-search-cancel-button { 
	display: none; 
} 
#expand:hover, #expand:focus{
	width:100px;
}

#nav #expand:hover, #nav #expand:focus{
	width:200px;
}
input::-webkit-input-placeholder {
	color:transparent;	 
}
input:hover::-webkit-input-placeholder {
	color:transparent;	 
}
#nav form:after{
}


/* 		.---------------------------.
________|  Navigation List Styling  |____________________________________ */


.divider {
	
	color: #B1BB1C;
/*	margin-left: 30px;*/
	
}


.menu { 

	background: #000;

}

#nav ul {
	
	font-size: 13px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding-left: 0;

}
#nav li {
	float: left;
	position: relative;
	margin-left: 20px;

	
}

#nav a {

	font-weight: normal;
	display: inline-block;
	line-height: 25px;
	padding: 0 0px 0 0px;
	text-decoration: none;
	color: white;
	font-size: 12px;
	overflow: hidden;	
	
}

#nav a:nth-last-child() {
	
	padding: 0 0 0 0;
	
}

#nav a:nth-child(1) {
	
	margin-left: 10px;
	
}

#nav ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 42px;
	left: 0;
	width: 188px;
	z-index: 99999;
	
}
#nav ul ul li:hover {
	background-color: #fff;
}
#nav ul ul ul {
	left: 100%;
	top: 0;
}
#nav ul ul ul li a {
	font-size: 10px;
}
#nav ul ul a {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	border-top: 1px dotted #ddd;
	border-bottom: 1px solid #B4B4B4;
	border-left: 1px solid #B4B4B4;
	border-right: 1px solid #B4B4B4;
	color: #444;
	font-size: 11px;
	font-weight: bold;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
	

}

#nav ul ul a:hover {
	background: #f9f9f9; /* Show a solid color for older browsers */
	border-top: 1px dotted #ddd;
	border-bottom: 1px solid #B4B4B4;
	border-left: 1px solid #B4B4B4;
	border-right: 1px solid #B4B4B4;
	color: #444;
	font-size: 11px;
	font-weight: bold;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;

}


#nav li:hover > a, #nav ul ul :hover > a, #nav a:focus {
	}   	     
#nav li:hover {

	-webkit-transition: all 500ms cubic-bezier(0.245, 0.640, 0.115, 1); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.170, 0.790, 0.115, 1); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.170, 0.790, 0.115, 1.050); 
   	-moz-transition: all 500ms cubic-bezier(0.170, 0.790, 0.115, 1.050); 
    -ms-transition: all 500ms cubic-bezier(0.170, 0.790, 0.115, 1.050); 
    -o-transition: all 500ms cubic-bezier(0.170, 0.790, 0.115, 1.050); 
     transition: all 500ms cubic-bezier(0.170, 0.790, 0.115, 1.050); /* custom */

	-webkit-transition-timing-function: cubic-bezier(0.170, 0.790, 0.115, 1); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.170, 0.790, 0.115, 1.050); 
	-moz-transition-timing-function: cubic-bezier(0.170, 0.790, 0.115, 1.050); 
    -ms-transition-timing-function: cubic-bezier(0.170, 0.790, 0.115, 1.050); 
    -o-transition-timing-function: cubic-bezier(0.170, 0.790, 0.115, 1.050); 
     transition-timing-function: cubic-bezier(0.170, 0.790, 0.115, 1.050); /* custom */}

#nav li:hover > a, #nav a:focus {
	color: #B1BB1C;
}
#nav ul li:hover > ul {
	display: block;
	
}
#nav .current_page_item > a, #navigation .current_page_ancestor > a {
	color: #fff;
}
#nav .current_page_item {
	font-weight: bold;
	
	
}


.description{
	margin-left: 10px;
	font-size: 20px;
	color: #464646;
}



/* 		.-----------.
________|  Sidebar  |____________________________________ */


#sidebar{

	width: 200px;
	float: left;
	margin-left: 0px;
	background: white;
	padding: 0 10px 0 10px;
	
}

#sidebar li{
	list-style: none;
}


/* 		.--------.
________|  Grid  |_________________________________________________ */


#container{

	width: 961px;
	margin: 18px auto 0 auto;
	background: #FFF;
	border-bottom: 3px solid #B1BB1C;
	padding-bottom: 50px;
	box-shadow: 0px 5px 15px #444;
	
}

#content{
	width: 732px;	
	float: left;
	background-color: #FFF;
	margin-left: 9px;
	padding-bottom: 50px;
	padding-top: 50px;
}

.clear{
	clear: both;
}

/* 		.-----------.
________|  Styling  |____________________________________ */

.white{
	color:#fff;
}

/* 		.---------------------.
________|  Wordpress Styling  |____________________________________ */

.meta{ font-size:10px;margin-bottom: 12px;color:#747474;
}
.post { 

	padding: 50px;

}

.post:nth-child(even) {
	
	background: #f2f2f2;
	
}
#sidebar a{ 
	color:#B1BB1C;
	text-decoration: none;
	
}
#sidebar a:hover{}
.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }
$post-body .wp_themeSkin iframe{
	background-color: #fff !important;
}


/* 		.-------------.
________|  Print CSS  |____________________________________ */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
}	







/* 		.------------------.
________|  Footer styling  |____________________________________ */



#fInfo {
	
	margin: 10px auto 0 auto;
	width: 900px;
	color: #FFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

#fInfo a {
	
	color: #FFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}

#fInfo a:visited {
	
	color: #B1BB1C;
	text-decoration: none;
	
}

#fInfo a:hover {
	
	color: #B1BB1C;
	
}






/* 		.--------------------.
________|  Floats and clear  |____________________________________ */



.floatR {
	float: right;
}

.floatL {
	float: left;
	
}

.clear {
	
	clear: both;
}