/*  
Theme Name: Printed Finger
Designer: Stephen Daoud
*/

/* main styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html,body{height:100%;}
body {
	background:#000 url(images/bg.jpg) no-repeat scroll center top;
	margin:0; 
	padding:0; 
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
}

#content a:link, #content a:visited , #contentabout a:link, #contentabout a:visited {color:#4c7574; text-decoration:none;}
#content a:hover,#content a:active, #contentabout a:hover,#contentabout a:active, #sidebar a:hover,#sidebar a:active {color:#333; text-decoration:underline;}
#sidebar a:link, #sidebar a:visited{color:#770303; text-decoration:none;}
#sidebar a:hover{color:#333; text-decoration:underline;}
#container, x:-moz-any-link {z-index:10;} /* Firefox 2 */
#container, x:-moz-any-link, x:default {z-index:auto;} /* Firefox 3 */
#container {
	width:1000px;
	background:url(images/content.gif) repeat-y scroll left top;
	margin:0 auto;
	position:relative;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
}
#desk{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-500px;
	width:1000px;
	background:url(images/bg2.jpg) no-repeat center top;
	z-index:-1;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
}
#header {
	width:1000px;
	height:378px;
	background:url(images/head.jpg) 0 0 no-repeat;
}
#content {width: 460px; float:right; padding:20px 180px 20px 20px;}
#contentabout {width: 460px; padding:20px; margin-left:220px;}
#contentportfolio, .collageportentry{width: 500px; padding:20px; margin-left:220px;}
.collageportentry h1, .textportentry h1, .soundportentry h1{
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#4c7574;
	width:150px;
	margin-left:10px;
}
.collageportentry h2, .textportentry h2, .soundportentry h2{
	width:200px;
	margin-left:10px;
	font-size:12px;
	padding-top:5px;
	color:#333333;
}
#contentportfolio  ul, .collageportentry ul, .soundportentry ul{
	width:150px;
	float:left;
	list-style-type:none;
}
#contentportfolio ol{
	display:none;
}
.collageportentry ol{
	list-style-type:none;
	text-align:right;
	float:right;
	width:280px;
	margin-right:-50px;
}
.collageportentry ol li{
	float:left;
}
.textportentry{
	padding-bottom:260px;
}
.collageportentry{
	clear:both;
}

#contentabout .errorentry h2{
	color:#4C7574;
	font-size:18px; 
}
#contentabout .errorentry p{
	color:#333333;
	font-size:12px; 
	margin-bottom: 30px;
	margin-top:5px;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#footcontainer {
	width:1000px;
	margin:0 auto;
	position:relative;
}
#footer {
	position:absolute;
	width:100%;
	height:187px;
	bottom:0;
	text-align:center;  
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif; 
	font-size:11px; 
	background:url(images/footer.png) no-repeat center top;
}
#foothold{
	float:left;
	padding-left:520px;
	padding-top:100px;
	text-align:right;
	line-height:18px;
	width:270px;
}
#foothold2{
	width:110px;
	float:right;
	margin-top:100px;
	padding-right:65px;
	text-align:left;
	line-height:18px;
}
#footer a:link, #footer a:visited {color:#880b15; text-decoration:none;}
#footer a:hover, #footer a:active {color:#333333; text-decoration:underline;}
#rssdiv{
	position:absolute;
	bottom:50px;
	left:205px;
}

/* header */
#header h1 {margin:0; color:#FFF; padding:45px 0 0 30px; font-size:36px; font-weight:normal;}
#header h2 {margin:0; color:#FFF; font-size:16px; padding:0 0 0 30px; font-weight:normal;}
#header a:link, #header a:visited, #header a:hover, #header a:active {color:#FFF; text-decoration:none;}
#pig{position:absolute;margin:81px 0 0 725px;}
#nlist{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 465px;
	text-align:right;
	position:absolute;
	z-index:2;
	display:inline;
}
#nlist li{
	float:left;
	margin:0;
	padding:0 17px 0 0;
}
#plist1{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:140px 100px 0;
	text-align:left;
}
#plist2{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:55px 100px 0;
	text-align:left;
}
/* Navigation */
#n1 a{
	display: block;
	width: 74px;
	height: 31px;
	background: transparent url(images/nav01l.jpg) no-repeat;
	outline:none;
}
#n1 a:hover{background-position: -74px 0}
#n2 a{
	display: block;
	width: 73px;
	height: 41px;
	background: transparent url(images/nav02l.jpg) no-repeat;
	outline:none;
}
#n2 a:hover{background-position: -73px 0}
#n3 a{
	display: block;
	width: 40px;
	height: 47px;
	background: transparent url(images/nav03l.jpg) no-repeat;
	outline:none;
}
#n3 a:hover{background-position: -40px 0}
#n4 a{
	display: block;
	width: 53px;
	height: 44px;
	background: transparent url(images/nav04l.jpg) no-repeat;
	outline:none;
}
#n4 a:hover{background-position: -53px 0}
#n5 a{
	display: block;
	width: 45px;
	height: 58px;
	background: transparent url(images/nav05l.jpg) no-repeat;
	outline:none;
}
#n5 a:hover{background-position: -45px 0}
#n6 a{
	display: block;
	width: 63px;
	height: 57px;
	background: transparent url(images/nav06l.jpg) no-repeat;
	outline:none;
}
#n6 a:hover{background-position: -63px 0}
#p1 a{
	display: block;
	width: 69px;
	height: 27px;
	background: transparent url(images/p01.jpg) no-repeat;
	outline:none;
}
#p1 a:hover{background-position: -69px 0}
#p2 a{
	display: block;
	width: 117px;
	height: 27px;
	background: transparent url(images/p02.jpg) no-repeat;
	outline:none;
}
#p2 a:hover{background-position: -117px 0}
#p3 a{
	display: block;
	width: 63px;
	height: 27px;
	background: transparent url(images/p03.jpg) no-repeat;
	outline:none;
}
#p3 a:hover{background-position: -63px 0}
#p4 a{
	display: block;
	width: 94px;
	height: 27px;
	background: transparent url(images/p04.jpg) no-repeat;
	outline:none;
}
#p4 a:hover{background-position: -94px 0}
#p5 a{
	display: block;
	width: 83px;
	height: 27px;
	background: transparent url(images/p05.jpg) no-repeat;
	outline:none;
}
#p5 a:hover{background-position: -83px 0}
#portnav{
	position:absolute;
	z-index:1;
	width:337px;
	margin-left:494px;
	background:url(images/dropdown.png) top no-repeat;
	clear:both;
}
/* posts... */
.post {padding:0;}
.post h1 {font-size:24px;}
.post h2 {font-size:18px;}
.post h1, .post h2 {padding:0; margin-bottom:0;}
.post h1 a:link, .post h1 a:visited, .post h2 a:link, .post h2 a:visited {color:#4c7574;text-decoration:none;}
.post h1 a:hover, .post h1 a:active, .post h2 a:hover, .post h2 a:active {color:#333;text-decoration:underline;}
.post small {font-size:11px; padding:0; margin-top:0; color:#999;}
.post blockquote {
	margin:24px;
	padding:12px 24px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	font-size:14px;
	font-style:italic;
	text-align: center;
	
}
#content .entry, #contentabout .entry, #singlecontent .entry {font-size:12px; color:#333; line-height:18px; padding:0;}
#content .entry img, #contentabout .entry img {padding:3px; margin:0 5px;}
img.wp-smiley {border:none;}
.postmetadata {font-size:11px; text-align:left; color:#333; clear:both;padding-bottom:20px;}
.more-link {font-style:italic;}
.postdate {background: transparent url(images/date.png) no-repeat;width:68px;height:81px;margin-left:485px;position:absolute;}
.postdate h1{font-size:13px;padding-top:20px;text-align:center;}
.postdate h2{font-size:20px;text-align:center;}

.post .entry h1 {font-size:18px; text-align:left; line-height:24px;}
.post .entry h2 {font-size:16px; text-align:left;}
.entry legend {"Lucida Grande", Arial, Helvetica, sans-serif; font-size:18px;}
th, td {padding:5px;}
cite {"Lucida Grande", Arial, Helvetica, sans-serif;}
pre {overflow:scroll; padding:5px 10px; background-color:#EEE;}
* html pre {padding:5px 10px; background-color:#EEE; width:500px;}
.no-result {text-align:center; padding:10px 20px;font-size:14px;}
.multipages {text-align:center; font-size:12px; color:#333;}
#singlecontent{
	width: 460px; 
	margin:0 auto;
}
#singlecontent a:link, #singlecontent a:visited {color:#4c7574; text-decoration:none;}
#singlecontent a:hover,#singlecontent a:active{color:#333333; text-decoration:underline;}
#singlecontent hr{
	border: 1px dashed #333;
	border-style: none none dashed;
}
.entry img{
	margin:24px auto;
	border: 8px solid white;
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#666,=50);
	display:block;
}


/* ...and comments */
#comments {text-align:center; font-size:16px; color:#333; padding-top:40px; }
#commentform p {font-size:12px;padding-top: 12px;}
.commentlist {font-size:11px; line-height:16px; padding:0 20px; }
.commentlist li {padding: 15px 5px; margin-top:10px;}
.commentlist cite {font-weight:bold;}
.commentlist li .avatar {
	border: 3px solid white;
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=135);
}
#respond {font-size:14px; color:#333; text-align:center; padding-top:40px; }
.nocomments {text-align:center; padding:0 20px; font-size:12px; color:#333;}
.tags {border:1px solid #CCC; background-color:#EEE; padding:3px; margin-right:20px;}


/* sidebar */
#sidebar ul {margin:40px 50px 0 -70px; padding:0; list-style-type:none;}
#sidebar ul li ul { font-size:11px; margin:0 0 0 10px; padding:0;}
#sidebar ul li ul li {margin:0 0 0 10px; padding:20px 0 0; line-height:14px; text-align:left;}
#sidebar ul li h2 {font-size:14px; padding:10px 0 0 20px; text-align:left;}
#sidebar ul li h2 a:link, #sidebar ul li h2 a:visited {color:#770303; text-decoration:none;}
#sidebar ul li h2 a:active, #sidebar ul li h2 a:hover {color:#333; text-decoration:underline;}
#sidebar p, .textwidget {font-size:11px;}
#sidebar table {margin:0 auto; font-size:11px;}
#sidebar {
	width:160px; 
	float:left; 
	text-align:right;  
	padding:40px 0 0 180px;
	background: transparent url(images/side.png) right no-repeat;
	height:705px;
}

/* twitter... */
li.twitter-item {padding:10px 0 0}
#follow{
	margin:20px 0 0 20px;
	font-size:14px;
	text-align: left;
	width:85px;
	float:left;
}

#follow a{
	color:#770303;
	text-decoration:none;
}

#follow a:hover{
	color:#333;
	text-decoration:underline;
}


/* other */
.navigation {text-align:left; font-size:12px; margin:0 20px 0 0; padding:10px 10px 10px 0;}
fieldset {
	background:transparent url(images/search.png) no-repeat scroll 0 0;
	width:176px;
	padding:12px;
	margin-left:280px;
}
input#s{
	background:none repeat scroll 0 0;
	border:0 none;
	color:#333333;
	font-size:0.8125em;
	font-size-adjust:none;
	font-stretch:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-left:55px;
	margin-top:-2px;
	width:100px;
}
#searchform{
	padding-bottom: 24px;
}
.libera {clear:both;}
.clearmain {
	clear:both;
	height:187px;
}
#contentabout ul{
	list-style-type:none;
}
.archiveyear{
	float:left;
	padding-right:20px;
}
.errorentry img{
	border: 1px solid #4c7574;
	margin:0 auto;
	width:500px;
}

/* Sound */
.audioplayer_container{
	padding-left:10px;
} 
.soundportentry h3{
	float:left;
	font-size: 18px;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif; 
	color:#4c7574;
}
.soundportentry{
	padding-bottom: 100px;
	clear:both;
	height:auto;
}
.audioplayer_container object{
	position: absolute;
	left:500px;
}

.audioplayer_container span{
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:12px;
	position: absolute;
	left:500px;
	color:#333333;
}

.audioplayer_container span a, .audioplayer_container span a:visited{
	color:#4c7574;
	text-decoration:none;
}

.audioplayer_container span a:hover{
	color:#333333;
	text-decoration: underline;
}

/* Performance */
.performportentry img{
	float:left;
	margin:0 12px 12px 0;
	border: 8px solid white;
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=135);
}

.performportentry p{
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
.performportexcerpt p{
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

.performportentry h1, .performportexcerpt h1{
	clear:both;
	padding:24px 0 12px 0;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#4c7574;
}

.excerptimg{
	width:150px;
	height:150px;
	float:left;
	margin:0 12px 12px 0;
	border: 8px solid white;
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=135,strength=13);
}

.excerpttxt{
	width:300px;
	float:right;
}

/* Portfolio Pages */
.pagetitle{
	text-align: center;
}

.pagetitle h1{
	font-size: 24px;
	color:#4c7574;
}

.pagetitle h2{
	font-size:14px;
	color:#333333;
}

/* Text Portfolio */
.textportentry p{
	float:right;
}
.textportentry a{
	margin:0;
	padding:0;
}
.textportentry img{
	float:right;
}

/* Archive */
.archivedate{
	float:left;
	width:100px;
	color:#333;
}

.archivetitle{
	float:right;
	width:350px;
}

/* About styles */
#contentabout h1{
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#4c7574;
	padding-bottom:24px;
}

#contentabout p{
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

#contentabout h2 {font-size:18px; text-align:left; color:#4c7574; padding:24px 0;}


/* Contact styles */
.letter{
	float:left;
	width:70px;
	font-size: 12px;
	color:#333;
}

.coninfo{
	float:right;
	width:380px;
	font-size:12px;
	color:#333;
}

/* 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;
	float: right;
	width: 140px;
	font-size: 12px;
	color: #333;
}
#contactForm ol input, #contactForm ol textarea {
	border: 1px solid #4c7574;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 300px;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #4c7574;
}

#contactForm ol textarea { height: 200px; width: 300px; }
#contactForm ol input:focus, #contactForm ol textarea:focus { background-color: white; border-color: #333; color:#333}
.error, .errortitle { color: #f00; }
#contactForm ol li .error { font-size: 12px;}

#contactForm ol li.screenReader { margin-bottom: 0; }
#contactForm ol li.buttons button {
	background: #4c7574;
	border: 1px solid #4c7574;
	color: #000;
	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: #333; background-color:white; border:1px solid #4c7574; }
#contactForm ol li.buttons button:active { left: -1px; position: relative; top: -1px; }
#contactForm ol li.buttons, #contactForm ol li.inline { float: left; width: 460px; }
#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;
}

/* align */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}