/*
Theme Name: dermatopedia
Theme URI: http://www.erickandersen.com
Description: Created by <a href="http://erickandersen.com/">Eric K. Andersen</a>
Version: 1.0.0
Author: Eric K. Andersen
Author URI: erickandersen.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* Layout */
body {
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	font-family: Arial, Verdana, Sans-Serif;
	background: #24159c url(images/blue-bk.jpg) left top repeat-x;
	color: #000;
}

/* Default */
a {
	color: #000066;
}

a:hover {
	color: #333399;
}

h1 {
	font-size: 1.2em;
}

h2 {
	font-size: 1.1em;
}

h3 {
	font-size: 1em;
}

blockquote {
	padding: 0 0.5em;
	border-left: 5px solid #f0e8a7;
	margin: 0;
	background-color: #f8f8e2;
}

img.alignleft {
	float: left;
	margin: 0 .8em .8em 0;
}

img.alignright {
	float: right;
	margin: 0 0 .8em .8em;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

a img {
	padding: 5px;
	border: 1px solid #ccc;
}

form {
	padding: 0;
	margin: 0;
}

/* Layout */
#container {
	
	width: 980px;
	margin: 0 auto;
}

#header {
        width: 875px;
	height: 115px;
background: url(images/header_bg.jpg) right top no-repeat;
margin: 0 auto;
}

#header h1 {
	padding: 25px 0 0 53px;
	margin: 0;
	color: #000066;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 2em;
}

#header h1 a,
#header h1 a:hover {
	text-decoration: none;
	color: #000066;
}

#header .description {
	padding: 55px 0 0 46px;
	color: #021184;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 1.0em;
}

#page {
	padding: 0 53px;
	
}

#pageinner {
	position: relative;
	margin: 13px 0 0 0;
}

#navcontainer ul {
	background: url(images/headerBarBk.png) repeat;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 100%;
}

* html #navcontainer ul {
	background: #972f07 url(images/headerBarBkForIE6.jpg) no-repeat;
}

#navcontainer ul li { 
	display: inline; 
}

#navcontainer ul li#first a,
#navcontainer ul li#first a:hover {
	cursor: default;
	background-image: none;
	text-decoration: none;
}

#navcontainer ul li a {
	color: #fff;
	margin: 5px 0 0 0px;
	padding: 4px 14px 8px 12px;
 font-size: 0.75em;
	text-decoration: none;
	background: url(images/headerBarLiBk.gif) right 3px no-repeat;
	float: left;
}

#navcontainer ul li a:hover {
	text-decoration: underline;
}

#navcontainer ul li.current_page_item a,
#navcontainer ul li.current_page_ancestor a {
	background: url(images/searchBarBk.gif) repeat-x;
 font-size: 0.75em;
	color: #000066;
	padding: 4px 12px 8px 12px;
	margin-left: 2px;
	font-family: Arial, Verdana, Sans-Serif;
	font-weight: bold;
}

#navcontainer ul li.current_page_item a:hover,
#navcontainer ul li.current_page_ancestor a:hover {
	text-decoration: none;
}

#navcontainer ul li a:hover {
	text-decoration: underline;
}

#searchBar {
	clear: left;
	background: url(images/searchBarBk.gif) repeat-x;
	text-align: right;
}

#searchform {
	padding: 5px;
}
#s {
	border: 1px solid #bbb;

}
#s2 {
	border: 1px solid #666666;


}

#searchsubmit {
	border: 1px solid #bbb;
	background: #fff url(images/buttonBk.gif) repeat-x;
}
#searchsubmit2 {
width:104px;
height:28px;
color:#fff;
font-size: 0.8em;
font-weight:bold;
	background: #fff url(images/blue-button.jpg) no-repeat;
}
#searchsubmit2:hover {
color:#ff0000;
}

#browsesubmit {
	border: 1px solid #bbb;
	background: #fff url(images/buttonBk.gif) repeat-x;
}

#sidebar {
	float:left;
	left: 0;
	top: 0;
	width: 200px;
height:auto;
	margin: 0;
	color: #000;

}

#sidebar a {
	color: #000066;

}

#sidebar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#sidebar ul li {	
	background-color: #fefef6;
	margin: 0 0 13px 0;
	font-size: 0.85em;

}

#sidebar ul li h2 {
	margin: 0;
	background: url(images/searchBarBk.gif) repeat-x;
	color: #000066;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 1.3em;
	padding: 3px 3px 3px 10px;

}
#sidebar ul li p,
#sidebar ul li div {
	padding: 5px 10px 10px 10px;
	margin: 0;
}

#sidebar ul li table {
	padding-bottom: 5px;
}

#sidebar ul li table caption {
padding: 5px 0 0 0;
}

#sidebar ul li ul {
	padding: 0.3em 0;
}

#sidebar ul li ul ul,

#sidebar ul li ul ul ul,
#sidebar ul li ul ul ul ul,
#sidebar ul li ul ul ul ul ul {
	padding: 0;
}

#sidebar ul li ul li {
	font-size: 1em;
	padding: 0.2em 1em 0.2em 0;
	margin: 0 0 0 1em;
}

#sidebar ul li ul li li,
#sidebar ul li ul li li li,
#sidebar ul li ul li li li li,
#sidebar ul li ul li li li li li {
	margin: 0 0 0 1em;
}

#sidebar ul li ul li a {
	text-decoration: none;
	background: url(images/sidebarBullet.gif) left center no-repeat;
	padding-left: 1em;
}
#sidebar ul li ul#themeswitcher li a,
#sidebar ul li ul li.recentcomments a {
	background-image: none;
	padding-left: 0;
}
#sidebar ul li ul#themeswitcher li,
#sidebar ul li ul li.recentcomments {
	background: url(images/sidebarBullet.gif) left center no-repeat;
	padding-left: 1em;
}

#sidebar ul li ul li a:hover {
	color: #000066;
}

/* Calendar */
#wp-calendar {
	width: 100%;
}

#wp-calendar th,
#wp-calendar td {
	text-align: center;
}

#wp-calendar td#today {
	font-weight: bold;
}

h2.pagetitle {
	background: #fefef6 url(images/searchBarBk.gif) repeat-x;
	margin: 0;
	color: #000066;
	font-family: Arial, Verdana, Sans-Serif;
	padding: 3px 0px 3px 10px;
}

#content {
position:relative;
width:658px;
margin: 0 0 0 212px;
padding: 0px 0px 0px 0px;
background-color: #ffffff;

}

#contentinner {
width:600px;
	margin: 0 0 0 8px;
	padding: 5px 10px 10px 10px;
	font-size: 0.9em;
	line-height: 1.5em;


}

#innerright {
position:relative;
width:200px;
margin-left:350px;
	padding: 5px 5px 10px 0px;
	font-size: 0.9em;
	line-height: 1.5em;
}
#innerleft {
position:relative;
width:240px;
float:left;
	padding: 5px 10px 10px 10px;
	font-size: 0.9em;
	line-height: 1.5em;
}

/* Post */
.post h2 {
	padding-bottom: 0px;
	margin: 0 0 1px 0;
	text-align: left;
	font-size: 1.1em;
	color: #000066;
}

.post h2 a {
	text-decoration: none;
	color: #000066;
}
.post h2 a:hover {
	text-decoration: underline;
	color: #003366;
}

small.postmetadata {
	font-size: 0.85em;
}

ul.postmetadata {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.85em;
}

ul li.tags {
	float: left;
}

ul li.comments {
	text-align: right;
}

div.divider {
	background: url(images/divider.gif) center center repeat-x;
	height: 47px;
	margin: 1em 0;
}

div.navigation {
	text-align: center;
	font-family: Garamond, Georgia, serif;
	padding: 0 0 2em 0;
}


#singlepost {
	background: url(images/searchBarBk.gif) center bottom repeat-x;
	padding: 10px 10px 49px 10px;
	margin: 0;
	font-size: 0.9em;
	line-height: 1.5em;
}
#singlepost img {
	margin: 4px 0px 4px 4px;
	padding: 4px 0px 4px 4px;
	
}

#commentwrapper {
	background: #dfd797 url(images/commentBottomBk.gif) center bottom repeat-x;
	padding: 0 15px 49px 15px;
}

#commentwrapper h2 {
	margin: 0;
	padding: 0.5em 0;
}

/* Comment */
h2.commentheading {
	font-size: 1.2em;
	color: #fefef6;
	font-family: Garamond, Georgia, serif;
}

ol.commentlist {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Verdana, Sans-Serif;
	color: #000066;
}

ol.commentlist a {
	text-decoration: none;
}

img.avatar {
	border: 3px solid #fefef6;
	margin: 0 0.5em;
}

ol.commentlist li.commentind {
	padding: 0 0 2em 0;
	margin: 0;
}

ol.commentlist li.commentind cite {
	font-style: normal;
}

p.commentsedit {
	font-size: 0.9em;
	margin: 0 0 0 0.5em;
}

.commentindheader {
	border-bottom: 1px dotted #fefef6;
}

.commentindheader img.avatar {
	float: left;
}

ol.commentlist li.alt .commentindheader {
	text-align: right;
}

ol.commentlist li.alt .commentindheader img.avatar {
	float: right;
}

ol.commentlist li.alt p.commentsedit {
	text-align: right;
	margin: 0 0.5em 0 0;
}

/* Comment form */
form#commentform input,
form#commentform textarea {
	border: 1px solid #bbb;
}

input#author,
input#email,
input#url {
	width: 60%;
}

textarea#comment {
	width: 90%;
}

input#submit {
	border: 1px solid #bbb;
	background: #fff url(images/buttonBk.gif) repeat-x;
}

#footer {
	clear: both;
	height: 108px;
width: 885px;
	margin: 0 auto;
	font-family: Arial, Verdana, Sans-Serif;
	text-align: right;
	font-size: 0.7em;
	color: #fff;
}

#footer p {
	margin: 0;
	padding: 0.9em;
	line-height: 1.5em;


}

#footer a {
	color: #fff;

}

#footer a:hover {
	color: #fff;



text-decoration: underline;
}

div#recaptcha_widget_div {
	float: right;
}

/* Wordpress required */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #000066;

	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {

	margin: 0;
	padding: 0;
	border: 0 none;


}


.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

h3.subpages {
	padding: 1em 0 0.5em 0;
	margin: 0;
}

ul.subpages {
	padding: 0 0 0 1em;
	margin: 0 0 0 1em;






	list-style: square;
}

#catnav ul {

	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 78%;
}


}

#catnav ul li { 
	display: inline; 
}

#catnavul li#first a,
#catnav ul li#first a:hover {
	cursor: default;
	background-image: none;
	text-decoration: none;
}

#catnav ul li a {
	color: #000066;
	margin: 2px 0 0 0px;
	padding: 4px 14px 10px 12px;
 font-size: 0.85em;
	text-decoration: none;
	background: url(images/headerBarLiBk.gif) right 3px no-repeat;
	float: left;
font-weight: bold;
}

#catnav ul li a:hover {
	text-decoration: underline;
}

#catnav ul li.current_page_item a,
#catnav ul li.current_page_ancestor a {
	background: url(images/blueBarBk.gif) repeat-x;
 font-size: 0.85em;
	color: #000066;
	padding: 4px 12px 6px 12px;
	margin-left: 2px;

	font-weight: bold;
}

#catnav ul li.current_page_item a:hover,
#catnav ul li.current_page_ancestor a:hover {
	text-decoration: none;
}

#catnav ul li a:hover {
	text-decoration: underline;
}
#bigbox p,
#bigbox2 p,
#bigbox1 p {
	font-size: 13px; 
	line-height: 20px;
	font-family: arial, helvetica, Georgia, "Times New Roman", times, serif;
	text-align: left; 
	margin: 2px 12px 2px 12px;
	padding: 0px;
}

#smallbox p {
	font-size: 13px; 
	line-height: 16px;
	font-family: arial, helvetica, Georgia, "Times New Roman", times, serif;
	text-align: center; 
font-weight: bold;
	margin: 4px 6px 4px 9px;
	padding: 0px;
}


#homecontent {
position:relative;
width: 650px;
	margin: 0px 0px 0px 8px;
	padding: 10px 0px 0px 0px;
background-color: #ffffff;
z-index:1;

}
#button {
margin: 22px 0px 0px 230px;
z-index:25;
	
}

#button3 {
margin: 25px 0px 0px 200px;
z-index:25;
	
}

#button4 {
margin: 2px 0px 0px 200px;
z-index:25;
	
}
#buttonsm {
	
	margin: 8px 0px 4px 20px;
	z-index:20;
}
#bigbox h1,
#bigbox2 h1,
#bigbox1 h1{
    background: none;
	color: #000066;
	font-size: 24px; 
	line-height: 26px;
	font-weight: normal; 
	font-family: arial, helvetica, Georgia, "Times New Roman", times, serif;
	text-align: left; 
	margin: 0px 2px 2px 5px;
	padding:  6px 2px 0px 6px;

}
#homederm h2 {
     background: none;
	 color: #000066;
	font-size: 14px; 
	line-height: 16px;
	font-weight: normal; 
	font-family: arial, helvetica, Georgia, "Times New Roman", times, serif; 
	text-align: center; 
	margin: 24px 12px 4px 2px;
	padding:  0;
}

#smallbox h2 {
     background: none;
	 color: #000066;
	font-size: 14px; 
	line-height: 16px;
	font-weight: normal; 
	font-family: arial, helvetica, Georgia, "Times New Roman", times, serif; 
	text-align: center; 
	margin: 4px 2px 4px 2px;
	padding:  2px 2px 2px 2px;
}


#bigbox {
 	width: 344px;
	height: 143px;
	float:left;
	color: #000;
	background: #fff url(images/bigboxbg.jpg) no-repeat top;
	border:#000066 1px solid;
	margin:  0px 3px 3px 0px;
	padding: 0px 0px 0px 0px;
z-index:2;
}

#bigbox1 {
position:relative;
width: 350px;
	height: 113px;
	color: #000;
	background: #fff url(images/bigboxbg.jpg) no-repeat top;
	border:#000066 1px solid;
	margin:  5px 0 3px 142px;
	padding: 0px 0px 0px 0px;
z-index:12;

}
#bigbox2 {
position:relative;
 	width: 318px;
	height: 143px;
	float:left;
	color: #000;
	background: #fff url(images/bigboxbg.jpg) no-repeat top;
	border:#000066 1px solid;
	margin:  0px 3px 3px 0px;
	padding: 0px 0px 0px 0px;
z-index:12;
}

#box {
position:relative;
width:658px;
min-height:150px;
margin:  10px 0px 0px 0px;
padding: 0px 0px 0px 0px;


}
#smallbox {
 	width: 143px;
	height: 133px;
	float:left;
	color: #000;
	background: #fff url(images/bigboxbg.jpg) no-repeat top;
	border:#000066 1px solid;
	margin:  0px 3px 3px 0px;
	padding: 10px 0px 0px 0px;
z-index:2;
}

#smallbox2 {
 	width: 143px;
	height: 143px;
	color: #000;
	float:left;
	background: #fff url(images/bigboxbg.jpg) no-repeat top;
	border:#000066 1px solid;
	margin:  0px 3px 3px 0px;
	padding: 10px 0px 0px 0px;

}
#homesearch {
	float:left;
	position: relative;
	margin: 2px 5px 8px 25px;
}

#homederm {
width: 300px;
	float:left;
	position: relative;
	margin: 32px 0px 8px 175px;
}

#homederm img {
	float:right;
	position: relative;
	margin: 0;
}


#sideadbox {
float:left;
	width: 200px;
         height:200px;
	margin-top: 8px;

}
#postlisttitle {
	font-family: arial, helvetica,Garamond, Georgia, serif;
	font-size: 1.0em;
	line-height: 1.8em;

}

#header-ad {
position: relative;
 	width: 520px;
	height: 96px;
	color: #000;
text-align:center;
	float:right;
font-size: 0.8em;
	margin:  -3px 0px 0px 0px;
	padding: 0px;
border:1px solid #fff;

}
#header-ad img{
position: relative;
float:none;
border: none;
}
#mainadbox {
position:relative;
float:right;
 	width: 472px;
	height: 64px;
	color: #000;
	background: #eee;
	border:#000066 1px solid;
	margin:  20px 90px 0px 0px;
padding: 2px;
z-index:12;

}
#mainadbox2a {
position: relative;
width: 472px;
height: 64px;
color: #000;
background: #eee;
border:#000066 1px solid;
margin:  30px 0px 0px 70px;
padding: 2px;

}
#browse {z-index: 25; 

  }
#browse a:link, #browse a:visited {position: absolute; 

  width: 102px; height: 28px; 
  background: url(images/browse-swap.jpg) bottom left no-repeat;
 }
#browse a:hover {background-position: top right;}
#browse a em {display: block;
}

#searchb {z-index: 25; 

  }
#searchb a:link, #searchb a:visited {position: absolute; 

  width: 102px; height: 28px; 
  background: url(images/search-button1.jpg) bottom left no-repeat;
 }
#searchb a:hover {background-position: top right;}
#searchb a em {display: block;
}

#homederm a:link,
#homederm a:active {
    font-style: normal;
	text-decoration: none; 
	color: #003399;
	}
#homederm a:visited  {
	font-style: normal;
	text-decoration: none; 
	color:#000;
	}	

#homederm a:hover {
	font-style: normal;
	text-decoration: underline; 
	color: #000;

}