/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

 @import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css"; 
@import "http://www.romanodermatology.com/css/nav.css";
@import "http://www.romanodermatology.com/css/structure.css";
@import "http://www.romanodermatology.com/css/style.css";


body {
	margin: 0px;
	padding: 0px;
	background: url(http://www.romanodermatology.com/images/bg.jpg) top center no-repeat #CFD4D7;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#page-wrap {
    width: 990px;
	margin: 0 0 0 140px;
	auto: -250px;
	min-height: 100%;		 
    height: auto !important;
	height: 100%;
	display:inline-block;
}


#push {
    height: 5px;
}

#topnav {
    width: 760px;
    float: left;
	background-color: #DBF4F9;
}

div#back {
	float: left;
	width: 990px;
	background:url(http://www.romanodermatology.com/images/main.jpg) repeat-y;
	}
	
div#bg {
	float: left;
	width: 990px;
	background:url(http://www.romanodermatology.com/images/mainheaders.jpg) no-repeat;
	}

#main-col {
	float: left;
	width: 626px;
	overflow: hidden;
	margin:0;
	padding: 70px 25px 10px 45px;
	line-height: 20px;
	background:url(http://www.romanodermatology.com/images/mainheaders.jpg) no-repeat #FFF;	
}

#sidebar {
	float: right;
	width: 240px;
	overflow: hidden;
	margin:0;
	padding:70px 25px 0 25px;
}

#clear {
	clear: both;
	width: 990px;
	height: 10px;
	overflow: hidden;
	background: #B08193;
	padding-left: 280px;
	}	
	
#footer {
	clear: both;
	float: left;
	width: 900px;
	padding:15px 45px 0 220px;
	margin: 0 auto;
	line-height: 20px;
	font-size: 11px;
	color: #9b4a6a;
}

#break {
	width: 65%;
	border-top: 1px solid #666666;
	margin: 0 0 10px 100px;
}


.clear {
	clear:both;
}

/* TYPOGRAPHY */

a {color: #9b4a6a; text-decoration: none; font-weight: normal;}
a:hover { color: #cb7a9a;}

/* ol, ul, li { list-style-type: disc; list-style-image: none; list-style-position: outside;} */

#main-col h1, h2,h2 a, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #424f58;}

#main-col h1 { font-size: 24px; padding: 5px 0 5px 0; }
#main-col h2 { font-size: 18px; padding: 5px 0 5px 0; }
#main-col h3 { font-size: 14px; padding: 5px 0 5px 0; }
#main-col p { padding-right: 35px;}
/*#main-col a { color: #9b4a6a; text-decoration: none;}
#main-col a:hover { color: #cb7a9a;}*/
#main-col h2, h2 a, h2 a:hover { font-size: 16px; font-weight: bold; text-decoration: none;}
#main-col h2 a:hover { text-decoration: underline;}
#main-col ol, ul { list-style-type: disc; color:#333333; font-weight:bold;}
#sidebar h2 { font-size: 16px;  padding: 10px 0 5px 10px; list-style-type: none; text-align: left;}
#sidebar p { font-weight: normal;}
#sidebar a{text-decoration: none; color: #9b4a6a; font-size: 12px;}
#sidebar a:hover {text-decoration: underline; color: #676e71;}
#sidebar ul { list-style-type: none; padding: 0 10px;}
#sidebar ul li { margin-left: 10px; }
#sidebar ul ul li{
	list-style-image:url(http://www.romanodermatology.com/images/bullet.jpg);
	color:#333333;
	text-align:left;
	font-weight: normal;
	margin-left: 27px;
}
#footer p { float: left; text-align: left; padding: 0; margin: 11px 0 0 0; width: 100%;}
#footer ul { float: left; padding: 0; margin: 11px 0 0 0; width: 100%; list-style-type: none;}
#footer li { display: inline; padding-right: 10px;}
#footer a { color: #676E71; text-decoration: none; font-weight: normal;}
#footer a:hover { text-decoration:underline;}

/* BLOG ENTRIES */

.post { margin: 0 0 40px 10px; text-align: left;}
.post p	{ margin: 0 0 10px;} 
ol.commentlist { list-style: disc;}
ol.commentlist li p { font-size: 12px; margin: 0 0 20px 10px;}
.time { margin:0 0 5px 10px;}
#respond { margin: 0 0 0 10px;}
.inputTxt { FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER: #CCCCCC 1px solid; color: #333333; width:200px; background-color: #FFFFFF; margin: 2px 0 2px 0;}
.inputComment { FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER: #CCCCCC 1px solid; color: #333333; width:350px;	background-color: #FFFFFF; margin: 5px 0 5px 0;}
.inputButton { font-weight: bold; cursor: pointer; color: #ffffff; font-size: 10px; width: 120px; background-color: #87a7a4; }
.link2 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 17px; font-weight: normal; color: #5b7170; text-decoration: none;}