/*   
Theme Name: Stephen Daoud Illustration
Theme URI: www.littlewhalestudio.com
Description: Custom theme for Stephen Daoud Illustration
Author: Stephen Daoud
Version: 1.0
*/

/* Temporary Styles (Delete When Live) */

#temp p{
	color:black !important;
}

#headertemp{
	height:220px;
}

/* Main Styles */

html, body{
	height:100%;
}

body{
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;	
}

.clear{
	margin:0 auto;
	width:960px;
	height:50px;
	clear:both;
}

.clearsmall{
	margin:0 auto;
	width:960px;
	height:36px;
	clear:both;
}

#wrapper{
	width:100%;
	position:relative;
	min-height:100%;
	min-width:960px;
	margin-bottom:-115px;
	background-color:#282828;
}

#main{
	padding-top:35px;
	padding-bottom:100px;
	background-color:#282828;
}

/* Header */

#header{
	width:100%;
	background-color:white;
	height:220px;
}

/* Navigation */

#nav{
	width:100%;
	height:45px;
	background: transparent url(images/diagonals.gif) repeat scroll left top;
	min-width:960px;
}

#navcontainer{
	height:45px;
	background: none;
}

#navline{
	height:2px;
	width:100%;
	background-color:#282828;
}

#navminwidth{
	height:2px;
	width:960px;
	background-color:#282828; 
}

#navcontainer ul{
	margin:0 !important;
}

#navcontainer ul li{
	margin-top:12px;
	text-align:center;
}

#navcontainer ul li a{
	font-style:normal !important;
	font-size:14px;
	width:60px !important;
	padding:1px 0 2px 0;
	background-color:white;
	display:block;
}

#navcontainer ul li a:hover{
	text-decoration:none !important;
	background-color:#e70079;
	color:white;
}

/* Home */

#welcome{
	height:63px;
	background: transparent url(images/diagonals2.gif) repeat scroll left top;
	text-align:center;
	font-size:80px;
	font-family: baskerville,palatino,"palatino linotype",georgia,serif;
	font-weight:600;
	color:white;
	text-align:center;
	padding:45px 0 0 0 !important;
	margin:0 !important;
}

/* Archive */

#archive li ul li{
	color:white !important;
}

.folder a span{
	color:white !important;
}

/* News */

div.entry{
	margin-bottom:36px;
	clear:both;	
}

ul.tweets li{
	margin-bottom:18px;
}

/* Gallery */

.slideshow-container {
	position: relative;
	clear: both;
}

span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
a.advance-link {
	display: block;
	text-align: center;
}

a.advance-link:hover{
	text-decoration:none !important;
}

.pagination .current{
	background-color:#e70079;
	width:20px;
	color:white;
	text-align:center;
	padding: 0 5px;
	margin-right:10px;
}

.pagination a{
	background-color:white;
	width:20px;
	color:#e70079;
	text-align:center;
	padding: 0 5px;
	margin-right:10px;
}

.pagination a:hover{
	background-color:#e70079;
	color:white;
	text-decoration:none;
}

.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

ul.thumbs li{
	margin-bottom:18px;
}

.tleft{
	float:left;
}

.tright{
	float:right;
}

div.top{
	height:18px;
	margin-bottom:18px;
}
div#controls{
	height:18px;
	margin-bottom:18px;
}

.ss-controls{
	float:left;
}

.nav-controls{
	float:right;
}

.nav-controls .prev{
	margin-right:10px;
}

/* About */

.aboutimg{
	float:right;
	background: transparent url(images/diagonals.gif) repeat scroll left top;
	padding:9px;
	margin-left:18px;
	margin-bottom:18px;
}

/* Contact */

img.badge{
	margin-right:18px;
	width:61px;
	height:61px;
}

/* Forms */

#contactForm ol { float: left; list-style: none; margin: 0; width: 100%; }
#contactForm ol li {
	clear: both;
	float: left;
	margin-bottom: 18px;
	position: relative;
	width: 100%;
}
#contactForm ol label {
	cursor: pointer;
	display: block;
	width: 300px;
	font-size: 12px;
	color: white;
}
#contactForm ol input, #contactForm ol textarea {
	border: none;
	width: 300px;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;	
	line-height: 18px;
	color: #e70079;
	background-color:white;
}
#contactForm ol input{height:27px;}
#contactForm ol textarea { height: 180px; width: 300px; }
#contactForm ol input:focus, #contactForm ol textarea:focus { background-color: white; color:black}
.error, .errortitle { color: #e70079; font-style:italic;}
#contactForm ol li .error { font-size: 12px;}

#contactForm ol li.screenReader { margin-bottom: 0; }
#contactForm ol li.buttons button {
	background: #e70079;
	border: none;
	color: white;
	cursor: pointer;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 16px;
	overflow: hidden;
	padding: 6px 3px 3px 3px;
	width: 100px;
	text-align:center;
}
#contactForm ol li.buttons button:hover { color: #e70079; background-color:white;}
#contactForm ol li.buttons button:active { left: -1px; position: relative; top: -1px; }
#contactForm ol li.buttons, #contactForm ol li.inline { float: left; width: 160px; }
#contactForm ol li.inline input { width: auto; }
#contactForm ol li.inline label { display: inline; float: none; width: auto; }
#contactForm .screenReader {
	left: -9999px;
	position: absolute;
	top: -9999px;
}

input#sendCopy{
	height:auto !important;
	margin-right:12px;
}

/* Comments */

img.avatar{
	float:left;
	margin-right:18px;
	margin-bottom:18px;
	clear:left;
}

.commenttop{
	height:72px;
	position:relative;
}

div.commenttophold{
	position:absolute;
	bottom:0;
	left:90px;
}

.commentmetadata{
	margin-bottom:0 !important;
}

h2#respond{
	clear:both;
}

h3.commenttitle{
	margin:0 !important;
	font-size:18px !important;
}

div#comments{
	width:380px;
	margin-right:320px;
}

h2.subscribe{
	clear:both;
}

.allcomments{
	clear:both;
}

/* Comments Form */

#commentform ol { float: left; list-style: none; margin: 0; width: 100%; margin-bottom:18px; }
#commentform ol li {
	clear: both;
	float: left;
	margin-bottom: 18px;
	position: relative;
	width: 100%;
}
#commentform ol label {
	cursor: pointer;
	display: block;
	width: 300px;
	font-size: 12px;
	color: white;
}
#commentform ol input, #commentform ol textarea {
	border: none;
	width: 300px;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;	
	line-height: 18px;
	color: #e70079;
	background-color:white;
}
#commentform ol input{height:27px;}
#commentform ol textarea { height: 180px; width: 300px; }
#commentform ol input:focus, #commentform ol textarea:focus { background-color: white; color:black}
.error, .errortitle { color: #e70079; font-style:italic;}
#commentform ol li .error { font-size: 12px;}

#commentform ol li.screenReader { margin-bottom: 0; }
#commentform ol li.buttons button {
	background: #e70079;
	border: none;
	color: white;
	cursor: pointer;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 16px;
	overflow: hidden;
	padding: 6px 3px 3px 3px;
	width: 100px;
	text-align:center;
}
#commentform ol li.buttons button:hover { color: #e70079; background-color:white;}
#commentform ol li.buttons button:active { left: -1px; position: relative; top: -1px; }
#commentform ol li.buttons, #contactForm ol li.inline { float: left; width: 160px; }
#commentform ol li.inline input { width: auto; }
#commentform ol li.inline label { display: inline; float: none; width: auto; }
#commentform .screenReader {
	left: -9999px;
	position: absolute;
	top: -9999px;
}

/* Footer */

#footer {
   height: 115px;
   position: relative;
   background-color:gray;
   min-width:960px;
}

#foottop{
	height:20px;
	width:100%;
	background-color:white;
}

#footbottom{
	height:95px;
	width:100%;
	background: transparent url(images/diagonals.gif) repeat scroll left top;
}

.clearfooter {
   height: 115px;
   clear: both;
}

.topline p{
	margin:20px 0 0 0 !important;
	background-color:#e70079;
	color:white;
	padding:2px 0 3px 12px;
}

.bottomline p{
	margin:8px 0 0 0 !important;
	background-color:#e70079;
	color:white;
	padding:2px 0 3px 12px;
}

#foothold p a{
	color:white !important;
	font-style:normal !important;
}

/* Type */

body{
	font-size:12px;
	line-height:18px;
}

p{
	margin-bottom:18px;
	color:white;
}

h1{
	font-size:48px;
	line-height:54px;
	margin-bottom:18px;
	font-family: baskerville,palatino,"palatino linotype",georgia,serif;
	color:white;
	font-weight:normal;
	font-style:italic;
	letter-spacing: 1pt;
}

h1.posttitle{
	margin-bottom:0 !important;
}

h2{
	font-size:24px;
	line-height:36px;
	margin-bottom:18px;
	font-family: baskerville,palatino,"palatino linotype",georgia,serif;
	color:white;
	font-weight:normal;
	font-style:italic;
	letter-spacing: 0.5pt;
}

h2.sidebartop{
	margin-top:18px !important;
}

h2.posttitle{
	margin-bottom:0 !important;
}

h2.lineheightsmall{
	line-height: 24px;
}

h3{
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	font-style:italic;
	margin-bottom:18px;
	color:white;
}

h3.extitle{
	font-family: baskerville,palatino,"palatino linotype",georgia,serif;
	font-size:18px;
	margin-bottom:0;
	letter-spacing: 1pt;
	font-weight:normal;
}

ul,ol{
	margin-bottom:18px;
	color:white;
}

ul.archivesub{
	margin-bottom:0 !important;
}

a{
	color:#e70079;
	cursor:pointer;
	font-style:italic;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a.titlelink{
	font-size:14px;
	line-height:18px;
}