/* 
Theme Name:OnTeethWhitening.com
Theme URI:http://www.onteethwhitening.com/
Description:WordPress theme released by <a href="http://www.teethwhitening.com/">OnTeethWhitening.com</a>.
Version:1.0
Author:OnTeethWhitening.com
Author URI:http://www.teethwhitening.com/
*/

body {margin:0; background:url(images/body_bg.png); font-family:Arial, Helvetica, sans-serif;}

#container {width:946px; margin:0 auto;}

#header {height:102px; background:url(images/header_bg.png) 34px 15px no-repeat;}
#logo {float:left; text-indent:-9999px; margin:41px 0 0 144px; display:inline;}
#logo a {width:316px; height:33px; display:block; background:url(images/logo.png) no-repeat; outline:none;}
#slogan {float:right; width:296px; height:36px; background:url(images/slogan.png) no-repeat; margin:41px 33px 0 0; text-indent:-9999px; display:inline;}

#text {margin-right:250px;}
#text_top {background:url(images/text_top.png) no-repeat; height:8px; font-size:1px;}
#text_bottom {background:url(images/text_bottom.png) no-repeat; height:8px; font-size:1px; margin-bottom:4px;}
#text_main {background:url(images/text_bg.png) repeat-y; padding:26px 34px;}
#text br {line-height:0;}
#text p {margin:10px 0;}
#text h1 {font-size:28px; font-weight:normal; margin:-4px 0 -4px 0; color:#8EA9C4; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:25px;}
#text h1.margin {margin-bottom:8px;}
#text h2 {font-size:24px; font-weight:normal; margin:22px 0 -2px 0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:21px;}
#text h2 a {text-decoration:none;}
#text h3 {font-size:20px; font-weight:normal; margin:24px 0 10px 0; color:#7D9CBB; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
#text ol, #text ul {padding:0; margin:10px 0;}
#text li {margin-left:40px;}

#text, #sidebar {font-size:13px; line-height:17px; color:#444444;}
#text a, #sidebar a {color:#D0AF86;}
#text a:hover, #sidebar a:hover {color:#BB8B50;}

#sidebar {width:246px; float:right; margin-left:4px;}
.sidebar_top {background:url(images/sidebar_top.png) no-repeat; height:8px; font-size:1px;}
.sidebar_main {background:url(images/sidebar_bg.png) repeat-y; padding:10px 24px 16px 24px;}
.sidebar_bottom {background:url(images/sidebar_bottom.png) no-repeat; height:8px; font-size:1px; margin-bottom:4px;}
#sidebar h3 {font-size:20px; font-weight:normal; margin:0 0 8px 0; color:#7D9CBB; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
#sidebar h3 a, #sidebar h3 a:hover {color:#7D9CBB; text-decoration:none;}
#sidebar ul {margin:0px; padding:0px;}
#sidebar li {list-style:none; padding:1px 0 1px 12px; background:url(images/li.png) 0px 8px no-repeat;}

#footer {color:#F5F7FA; clear:both; text-align:center; font-size:11px; height:30px; padding-top:20px;}
#footer a {color:#F5F7FA;}
#footer a:hover {color:#E4E9F1;}

#searchform {margin:0;}
#searchform #searchsubmit {width:30px; border:1px solid #8EA9C4; background-color:#9FB6CD; color:#FFFFFF; font-weight:bold; cursor:pointer;}
#searchform #searchsubmit:hover {border:1px solid #7D9CBB; background-color:#8EA9C4;}
#searchform #s {width:140px;}

#navigation {margin:25px 0 40px 0;}
#navigation a {border:1px solid #8EA9C4; background-color:#9FB6CD; color:#FFFFFF; font-weight:bold; text-decoration:none; padding:1px 3px; display:block;}
#navigation a:hover {border:1px solid #7D9CBB; background-color:#8EA9C4; color:#FFFFFF;}

.aligncenter {margin:0 auto;}
.alignleft {float:left;}
.alignright {float:right;}
.alignnone {}

acronym {border-bottom:1px dotted #444444;}
.line {border-top:1px dashed #DDDDDD;}
.comment {border:1px solid #EEEEEE; margin:10px 0; padding:7px; background-color:#F9F9F9; font-size:12px; line-height:15px;}
#text .comment p {margin:6px 0;}
.white {background-color:#FFFFFF; padding:10px 15px 3px 15px;}

#commentform {margin:0;}
#commentform #comment {width:500px;}
#commentform #author, #commentform #email, #commentform #url {width:250px;}
#commentform #submit {width:130px; border:1px solid #8EA9C4; background-color:#9FB6CD; color:#FFFFFF; font-weight:bold; cursor:pointer;}
#commentform #submit:hover {border:1px solid #7D9CBB; background-color:#8EA9C4;}
#commentform p {margin:5px 0;}
#commentform small {font-size:11px;}

#contactform {margin:20px 0 0 0;}
#contactform div {margin-top:5px;}
#contactform label {display:block; float:left; width:90px;}
#contactform #comment {width:500px;}
#contactform #author, #contactform #email {width:250px;}
#contactform #submit {margin-left:90px; margin-top:3px; cursor:pointer; border:1px solid #8EA9C4; background-color:#9FB6CD; color:#FFFFFF; font-weight:bold;}
#contactform #submit:hover {border:1px solid #7D9CBB; background-color:#8EA9C4;}

#footer_mobile,#slider,#middle{
	display:none;
}

@media only screen and (max-device-width: 480px) {
	#slogan,.search_desktop{
		display:none;
	}
	.category #text, .home #text{
		display:none;
	}
	#text{
		width:640px;
		margin:0 auto;
		float:left;
		height:auto;
	}
	.search #text{
		min-height:400px;
	}
	#middle{
		display:block;
		-moz-box-shadow: 4px 1px 15px 1px #9CB2C8 inset;
		background: url("images/blue-tile.png") repeat-x scroll 0 0 #91ABC5;
		clear: both;
		color: #FFFFFF;
		float: left;
		height: auto;
		margin: 0 auto;
		min-height: 163px;
		width: 640px;
	}
		#middle h2{
			font-size:38px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			margin:20px 20px;
		}
		#middle p{
			font-size:20px;
			margin:0 20px 20px 20px;
		}
	#container{
		width:100%;
		margin:0;
	}
	#header{
		width:640px;
		float:left;
		clear:both;
	}
	
	#slider{
		display:block;
		background: url("images/slide.png") no-repeat scroll 0 0 transparent;
		clear: both;
		float: left;
		height: 240px;
		margin: 0 auto;
		width: 640px;
	}
	#footer{
		display:none;
	}
	.single #sidebar{
		display:none;
	}
	#sidebar{
		width:640px;
		margin:0 auto;
		float:left;
		height:auto;
	}
		#sidebar .sidebar_top{
			background:url(images/text_top.png) no-repeat 0 -3px transparent;
			height:5px;
		}
		#sidebar .sidebar_main{
			background:url(images/text_bg.png) repeat-y;
		}
			#sidebar .sidebar_main h3{
				font-size:38px;
				margin:10px 0 20px;
			}
		#sidebar .sidebar_bottom{
			background:url(images/text_bottom.png) no-repeat;
		}
		
	/*#sidebar h3 {
		font-size:50px;
		font-weight:normal;
		margin:0 0 8px 0;
		color:#7D9CBB;
	}
	#sidebar li,#footer{
		font-size:21px;
	}*/
	#footer_mobile{
		display:block;
		height:auto;
		-moz-border-radius: 5px 5px 5px 5px;
		background: url("images/footer.png") repeat-x scroll 0 0 transparent;
		clear: both;
		color: #FFFFFF;
		float: left;
		margin: 20px auto 30px;
		min-height: 150px;
		position: relative;
		width: 640px;
		font-size:20px;
	}
		#footer_mobile .footer-menu {
			margin: 20px 20px 10px;
			/*position: absolute;
			width: 600px;*/
			float:left;
		}
			#footer_mobile .footer-menu a{
				color:#fff;
				text-decoration:none;
			}
		#footer_mobile .search {
			background: url("images/search.png") no-repeat scroll 0 0 transparent;
			height: 43px;
			float:left;
			margin:0 0 0 10px;
			/*margin: 60px 15px 10px;
			position: absolute;
			width: 610px;*/
		}
			#footer_mobile .search input[type="text"] {
				background: none repeat scroll 0 0 transparent;
				border: none;
				height:auto;
				max-height: 50px;
				float:left;
				font-size:18px;
				margin-top: 5px;
				width:540px !important;
			}
			#footer_mobile .search input[type="submit"] {
				background: none !important;
				border: none !important;
				text-indent: -9999px !important;
				width: 70px !important;
				float:left;
			}
		#footer_mobile .copyright {
			margin: 0 20px 10px;
			/*position: absolute;
			width: 600px;*/
			float:left;
		}
	

}