/*
Theme Name: Darren Chu DDS
Theme URI: http://www.?.com
Description: theme for darren chud dds website
Version: 1.0
Author: Brian Parks - http://creativewhirlwind.com
Tags: Dentistry, dentist

*/

/* Site Colors

Background: #618c99 - Also, a gradient image

Text: #000000

Links: #267faa

Active Links: #a72c0f

Footer Links: #FFFFFF

Tags Bar on the Blog: #c7b796

*/





/*------------------------------------------------------------------*/


html {background-color:#4e7084; background-image:url(images/site-bg.png);
	background-repeat:repeat-x; } 


body {
	text-align:left;
	background-image:url(images/site-bg.png);
	background-repeat:repeat-x;
	font-family: catriel, Arial, Helvetica, sans-serif;
	background-color:#4e7084;
	position:relative;
}






img { border:0; }

img a {border:0;}

a.img {border:0;}


a { color:#267faa; text-decoration:none; border-bottom: solid #5a8b98 1px; }
a:hover { color:#a72c0f; text-decoration:none; border-bottom: solid #a72c0f 1px; }

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}


em {font-style:italic;  }



@font-face {
  font-family:catriel;
  src: url(fonts/catriel regular.ttf);
}


.alignleft {float:left; margin:0 30px 0 0;
}

.alignright {float:right; margin:0 0 0 30px;
}


#old-new { margin:0 0 30px 30px;

}


#page-wrap {
	width: 1024px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

#header {  margin:0 0 0 0; padding:0 0 0 0;  }


/* LOGO */




#logo 						{
	height: 125px;
	width: 1024px;
	position: relative;
	top: 5px;
	left: 10px;
}					

#logo a {border-bottom:none;}

#logo.logo, h1.logo 		{ 	width: 1024px; height: 125px; overflow: hidden; display: block; margin: 0;												}
        		
#logo.logo, h3.logo 		{ 	width: 1024px; height: 125px; overflow: hidden; display: block; margin: 0;												}

#logo.logo a 				{	display: block; width: 100%; text-indent: -9999px; height: 100%; background-color: #fff;								}
         
#logo.logo a img 			{	text-indent: 0;																											}





















#contact-info {
	
	width:1024px;
	margin: 12px 0 0 0;
	
	text-align:center;
	
	}
	
#contact-info p {font-family:Georgia, "Times New Roman", Times, serif; font-size:160%; }
	
	

#photobar {background-image:url(images/photobar.png); background-repeat:no-repeat; width:1004px; height:243px; margin:20px 0 0 0; padding: 17px 0 0 8px;
}

#photobar ul li { display:inline;}

#photobar li { margin:7px; }


#photos { position:relative; top:-155px; width:739px;

}

#schedule 						{
	height: 78px;
	width: 186px;
	position: relative;
	top: 8px;
	left: 770px;
}					


#schedule a {border-bottom:none;}

#schedule.schedule, h2.schedule 		{ 	width: 186px; height: 78px; overflow: hidden; display: block; margin: 0;												}
        		
#schedule.schedule a 				{	display: block; width: 100%; text-indent: -9999px; height: 100%; background-color: #fff;								}
         
#schedule.schedule a img 			{	text-indent: 0;																											}



#questions 						{
	height: 78px;
	width: 186px;
	position: relative;
	top: 40px;
	left: 770px;
}					


#questions a {border-bottom:none;}

#questions.questions, h2.questions 		{ 	width: 186px; height: 78px; overflow: hidden; display: block; margin: 0;												}
        		
#questions.questions a 				{	display: block; width: 100%; text-indent: -9999px; height: 100%; background-color: #fff;								}
         
#questions.questions a img 			{	text-indent: 0;																											}

	



















/* NAV BAR */


#navigation {
	
	clear: both;
	margin:-10px 0 0 20px;
	width: 1024px;
	height: 40px;
	padding:0 0 0 0;
	
}


ul#navbar li {
			display:block;
			float:left;
			}
			
			
			ul#navbar li a {
				display:block;
				outline:none;
				width:136px;height:40px;
				background:transparent url(images/navbar/navbar.png) no-repeat 0 0;
				text-indent:-9009px;
				margin-left:3px;
				text-decoration:none;
				border:none;

				
				
				
				}
			ul#navbar li a:hover
			{background-position:0 -40px}
			
			
			
			
			ul#navbar li#services a {
				width:136px;
				background-position:-139px 0;
				}
				
				
				ul#navbar li#services a:hover {
					background-position:-139px -40px
					}
			
			
			
			
			ul#navbar li#education a { 
				width:133px;
				background-position:-278px 0;
				}
				ul#navbar li#education a:hover {
					background-position:-278px -40px
					}
			
			
	
			
			
			ul#navbar li#appointments a {
				width:133px;
				background-position:-414px 0;
				}
				 ul#navbar li#appointments a:hover {
					background-position:-414px -40px
					}
			
			
			
			ul#navbar li#new-patients a {
				width:130px;
				background-position:-548px 0;
				}
				ul#navbar li#new-patients a:hover {
					background-position:-548px -40px
					}
			

 			 ul#navbar li#contact-us a {
				width:133px;
				background-position:-680px 0;
				}
				ul#navbar li#contact-us a:hover {
					background-position:-680px -40px
					}
  
  
  ul#navbar li#dentists-blog a {
				width:133px;
				background-position:-813px 0;
				}
				ul#navbar li#dentists-blog a:hover {
					background-position:-813px -40px
					}
  
  
 */
  
  
  
  





ul#navbar li a:hover,
.page-id-70 ul#navbar li a {background-position:0px -40px;}

ul#navbar li#services a:hover,
.page-id-70 ul#navbar li a {background-position:0px -40px;}





ul#navbar li#services a:hover,
.page-id-90 ul#navbar li#services a {background-position:-139px -40px;}

ul#navbar li#services a:hover,
.page-id-90 ul#navbar li#services a {background-position:-139px -40px;}


ul#navbar li#education a:hover,
.page-id-93 ul#navbar li#education a {background-position:-278px -40px;}

ul#navbar li#education a:hover,
.page-id-93 ul#navbar li#education a {background-position:-278px -40px;}



ul#navbar li#appointments a:hover,
.page-id-96 ul#navbar li#appointments a {background-position:-414px -40px;}

ul#navbar li#appointments a:hover,
.page-id-96 ul#navbar li#appointments a {background-position:-414px -40px;}


ul#navbar li#new-patients a:hover,
.page-id-101 ul#navbar li#new-patients a {background-position:-548px -40px;}

ul#navbar li#new-patients a:hover,
.page-id-101 ul#navbar li#new-patients a {background-position:-548px -40px;}


ul#navbar li#contact-us a:hover,
.page-id-104 ul#navbar li#contact-us a {background-position:-680px -40px;}

ul#navbar li#contact-us a:hover,
.page-id-104 ul#navbar li#contact-us a {background-position:-680px -40px;}


ul#navbar li#dentists-blog a:hover,
.blog ul#navbar li#dentists-blog a {background-position:-813px -40px;}

ul#navbar li#dentists-blog a:hover,
.blog ul#navbar li#dentists-blog a {background-position:-813px -40px;}



/*----------------------HOMEPAGE TEMPLATE -----------------------------*/









/*----------------PAGE CODE STARTS HERE-----------------------*/

.page {
}
	

	
.page p { 
	
}
	



#page-content {
	background-color:#fff; width:1002px; margin: 8px 0 0 0; padding: 25px 0 25px 0; min-height:550px;
}


#page-content p {font-size:116%;  line-height: 20px; margin: 0 30px 15px 30px;
}

#page-content h1 {
	color:#000;
	font-size:200%;
	margin: 0 30px 5px 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


#page-content h2 {
	margin:0 30px 5px 30px;
	color:#000;
	font-size:140%;
	font-family: catriel, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}


#contact-banner 						{
	height: 81px;
	width: 810px;
	margin:30px auto 15px auto;
}					


#contact-banner a {border-bottom:none;}

#contact-banner.contact-banner, h3.contact-banner 		{ 	width: 810px; height: 81px; overflow: hidden; display: block; margin: 0;												}
        		
#contact-banner.contact-banner a 				{	display: block; width: 100%; text-indent: -9999px; height: 100%; background-color: #fff;								}
         
#contact-banner.contact-banner a img 			{	text-indent: 0;																											}



#dental-associations ul  {list-style:none; margin:0; padding-bottom:20px;

}

#dental-associations li {display:inline;}















/* ------------BLOG CODE STARTS HERE----------------- */




#master-container { margin-top:8px; width:1002px; background-image:url(images/fake-column-bg.jpg); }


#blog-content {
	background-color:#fff; width:771px; margin: 8px 0 0 0; padding: 25px 0 0 0;   float:left;  clear:both; min-height:500px;
}


#blog-content h2 { margin: 0 30px 15px 30px; font-size:150%;
}


#post-info p { font-size:116%;  line-height: 20px; margin: 0 30px 15px 30px; }

#post-info a {color:#8dc329; border-bottom: 1px solid #b7c329; }


/* #5a8b98 */




.post {
	
	padding: 0;
	margin:0 0 0 0;
}

.post h1 {
	margin:0 30px 10px 30px;
	color:#a72c0f;
	font-size:180%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.post h1 a {color:#a72c0f; border-bottom: 1px solid #a72c0f;

}

.post h1 a:hover {color:#267faa; border-bottom: 1px solid #267faa;
}

.post p {font-size:116%;  line-height: 20px; margin: 0 30px 15px 30px;
	
	
}


.post p a, post p a:visited { 
}


.post p a:hover { 
}


.post h2 {
	margin:0 0 5px 0;
	color:#000;
	font-size:150%;
	margin: 0px 30px 15px 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


.post h3 {
	
}









.post strong { color:#222; font-weight:bold;
	
}


.post ul					{ 	margin: 15px 0 15px 30px; padding-left: 0; list-style: none; font-size:116%;   }

.post ol					{ 	margin: 0 0 12px 30px; padding-left: 0; list-style: none; font-size:116%;   }

.post li					{ 	margin:3px 0 0px 15px;  list-style:disc;
							 	background-repeat: no-repeat; background-position: center left;	
}



.post li a { color: #267faa; text-decoration:none; border-bottom: 1px solid #267faa;
}


.post li a:hover { color:#a72c0f;  text-decoration:none; border-bottom: 1px solid #a72c0f; border-top:none; padding:0;
}



.post img { text-decoration:none; border:0; 
}



#author-tags {
	background-color:#b7aa8c;
	padding: 1px 30px 0;
	height: 21px;
	color: #000;
	margin: 0 0 15px 0;
}


#author-tags p {font-size:100%; padding:0; margin:0;
}

#author-tags p a {color:#fff; border-bottom:none;
}

#author-tags p a:hover {
	color:#000;
	border-bottom:none;
}




@font-face {
  font-family:HarabaraHand;
  src: url(fonts/HarabaraHand.ttf);
}


#comments-footer {
	margin: 0 0 40px 0;
	padding: 1px 30px 0;
}

#comments-footer h3 {font-family:HarabaraHand, georgia, "Times New Roman", Times, serif; font-size:135%}

















 #clearone {clear:both;}







#sidebar-wrap{
	margin: 8px 2px 0 0;
	background-color: #FFF;
	float: right;
	width: 218px;
	padding: 25px 0 25px 0;
	
	
}



#sidebar-wrap a {border:none}
#sidebar-wrap a:hover {border:none;}

#sidebar.sidebar, h3.sidebar 		{
	width: 217px;
	height: 80px;
	overflow: hidden;
	display: block;
	margin: 0px 0 0 0;
}
        		

#sidebar.sidebar a 				{	display: block; width: 100%; text-indent: -9999px; height: 100%; background-color: #fff;								}
         
#sidebar.sidebar a img 			{	text-indent: 0;			}



h3.categories { margin:10px 0 5px 0; height:47px; width:218px; background-image:url(images/sidebar/categories.png); text-indent:-9999px; }

h3.archives { margin:10px 0 0 0; height:47px; width:218px; background-image:url(images/sidebar/archives.png); text-indent:-9999px; }



.categories {font-size:108%; line-height:21px; text-align:center; 
}

.archives {font-size:108%; line-height:21px; text-align:center; 
}






/*--------------single post blog styles------------------*/










/*-----------------------COMMENTS FORM SECTION-----------------------------*/

#comments-section {
	background-color:#B7AA8C;
	margin: 30px 0 0 0;
	padding: 30px 30px 30px 30px;
}




#comments-section h3 {
	margin:0 0 5px 0;
	color:#000;
	font-size:150%;
	}

.commentlist li, #commentform input, #commentform textarea {
	
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}



#commentform input {
	width: 200px;
	padding: 2px;
	margin: 5px 5px 10px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 10px 0 5px auto;
	float: right;
	
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 0 20px 0;
	list-style: none;

	}
.commentlist li ul li { 
	
	
}

.commentlist p {
	margin: 10px 0 10px 0;
	color:#000; font-size:100%;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	border:none;
	text-decoration:none;
	font-size:90%;
	font-weight:normal;
	
	}

.commentmetadata a {
	border-bottom:none;
	color: #F5F5F5;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #000;
	}

 
 .comment-name { font-size:116%; margin-bottom:5px;}
 
 .comment-name a {
	border-bottom:0;
	text-decoration:none;
	color: #FFF;
}





/* ------------COMMMENTS------------------*/




#clear {clear:both; }











/*-----------------------404 PAGE--------------------------------------------*/












/* FOOTER */


#footer {
	height: 38px;
	width:780px;
	
	margin: 0 auto 50px auto;
	clear:both;
	text-align:center;
	
}

#footer ul{ padding-top:10px;
}


#footer li {display:inline; color:#fff; font-size:108%; line-height:20px;
}

#footer li a {color:#fff; border:none; text-decoration:none;}