/*
Theme Name:Starkers
Theme URI:http://elliotjaystocks.com
Description:The totally nude Wordpress theme. Phwoar! (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";/* 
GENERAL 
*/

.hidden { visibility: hidden }

html { margin-top: 0;  }

body{background-color:#E9E9E9;font-family:Monaco,'Lucida Console', monospace;font-size:10px;color:#606058;line-height:12px;  overflow-x: hidden}

#wrapper { width: 960px }

.long-hyphen{width:180px;float:left;margin:0 12px 0 0}
.clear{clear:both}
h2{font-weight:normal}
a{ color: #E9E9E9; text-decoration: none; outline: none; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in }
a:hover { -webkit-transition:color .3s ease-in; -moz-transition:color .3s ease-in; transition:color .3s ease-in }

/* 
COLOURS 
*/
.salmon{color:#FF6E7A !important}
.turquoise{color:#00BFBF !important}
.dark-turquoise{color:#007375!important}
.pink{color:#BF00BF !important}
.yellow{color:#E8A100 !important}
.green{color:#00BF00 !important}
.dark-brown {color:#28280A !important}
.brown{color:#8C6635 !important}
.orange{color:#E3661A !important}
.red{color:#DB2E00 !important}

/* 
HEADER 
*/ 

.menu-nav-container { width: 100%; height: 36px; background: #606058 url(img/header-background.gif) repeat-x; padding: 0 0 0 204px }
.menu-item { float: left; margin: 12px 12px 0 0; background: url(img/tab-back.gif) repeat-x  }
.menu-item a { color: #A0A09B; width: 78px; height: 18px; display: block; text-align: left; padding: 6px 0 0 6px }
.current_page_item, 
.archive #menu-item-366,
.single-post #menu-item-366 { background: #E9E9E9 none; color: #A0A09B  }

.current_page_item a, 
.archive #menu-item-366 a,
.single-post #menu-item-366 a { color: #606058 !important}

#header{width:960px;height:24px;margin:12px}
#header h2 { width: 180px; float: left; margin-right: 12px;  }

#logo{background-repeat:no-repeat;float:left;text-indent:-999px;background-image:url('img/notblog-logo.png');width:180px;height:18px;margin:0 12px 0 0}

.page-template-portfolio-php #logo,
.blog #logo { width: 372px }
#logo a { display: block }

.page-template-portfolio-php #logo { background-image: url(img/notjones-logo.png) }
.page-template-portfolio-php .menu-nav-container { background-image: none }

/* 
INFO COLUMN
*/
#infoColumn{margin:0 0 0 12px;width:180px;float:left}
#infoColumn p a {color:#606058}
#infoColumn p a:hover {color:black}
dl{border-top: #AAA999 1px solid;padding:11px 0 0 0;margin:12px 0 -12px 0}
dt{margin:0 12px 0 0;float:left;}
dd{margin:0 0 12px 24px;}
/* 
folio-item
*/
.content{float:left;margin:12px 0 0 12px;position:relative; width: 576px}
#folio-content { width: 756px }


.folio-item {color:#E9E9E9;width:756px;height:564px;background-color:#606058; overflow: hidden; margin: 0 0 12px 0}
.folio-item-media li {display: none}

.folio-item-media, .folio-item-video{width:756px;height:564px;float:left;position:relative}
.folio-item-content{position:relative;left:372px;top:-564px;margin:0 0 -120px 0;float:left}
.folio-item-pagination{float:left;width:180px;margin:0 0 0 12px;}
.folio-item-details{color: white; float:left;width:168px;margin:12px 0 0 12px;position:relative;top:-565px;left:564px}

#onefourseven.folio-item-details ul {margin-top: 0; margin-bottom:0}
#onefourseven.folio-item-details ul li {margin-left: 24px;}
.folio-item-media iframe {margin:12px}

.folio-item-pagination{width:180px;z-index:90;position:relative;left:384px;top:-84px;}
.minusBtn,.plusBtn{display:block;width:48px;height:48px;text-indent:-10000px;position:relative;cursor:pointer;z-index:998;}
.minusBtn{top:12px;left:12px;background:transparent url('img/minus.png') no-repeat 0 0;}
.plusBtn{top:-36px;left:72px;background:transparent url('img/plus.png') no-repeat 0 0;}

/* FOOTER */

.footer{margin:0 0 48px 12px; height: 24px; width: 960px}
#col4{margin:0; width:150px}
.footer p {display:inline}

.col{width: 180px; margin: 0 12px 0 0 ; float:left; padding: 0}
#backToTop{color: #606058; width:180px; float:left; border-bottom: #AAA999 1px solid; margin: 108px 0 0 0; padding: 0px 0 2px 0;  }

#blog-footer .col { margin: 12px 12px 0 0; width: 180px }
#work-footer { margin-left: 0 }

/* BLOG */
.blog a, 
.single a,
.archive a {color: #606058 }

.blog a:hover,
.single a:hover,
.archive a:hover { color:#000000 }

.widget a { color: #A0A09B }

.widget a:hover {color:black}

#blog-footer { border-top: #AAA999 1px solid; }
#pagination{ margin: 10px 0 }
#pagination a { width: 180px; display: inline-table; margin: 0 10px 0 0  }
/* POSTS */
.post { margin: 0 12px 12px 0 }
#single-content .post { margin-bottom: 0 }
.post-entry { float: left; width: 180px; background: none;  color:#606058; border-top: #AAA999 1px solid;padding:11px 0 0 0; }
.post-images { width: 372px; float: left; margin-left: 12px }
.post-images img { margin-bottom: 10px }
.post-images img:last-child { margin-bottom: 0 }
.entry-title {color:#606058}
.entry-title:hover {color:black}
.post p, .post-meta { color: #A0A09B }

a.tweet-link { color: #00BFBF }
 a.facebook-link{ color: #007375 }

/* SIDEBAR */

#sidebar { float: left; width: 180px; margin: 12px 0 0 0}

.widget { margin: 0 0 12px 0 }
.widget h3 { font-weight: normal }

/* COMMENTS */

#comments { width: 574px; margin: 12px 0 0 0  }
#comments h3 { font-weight: normal; display: block; width: 180px; border-top: #AAA999 1px solid; padding: 12px 0; float: left   }

.comment-date { color: #A0A09B; display: inline }
.comment-author { display: inline; margin: 0 0 12px 0;  }
.comment-author a { color: #606058 }


.commentlist { float: left; margin: 0 0 0 12px; border-top: #AAA999 1px solid; padding: 12px 0 0 0; width: 372px}
.comment { margin: 0 0 12px 0; border-bottom: #AAA999 1px solid;  padding: 0 0 12px 0 }
.comment:last-child { border: none; padding-bottom: 0 }
.comment-text p{ margin: 12px 0 0 0 }
#respond { border-top: #AAA999 1px solid; width: 564px;}
#respond h3 { border: none }
#commentform { margin: 12px 0 0 192px; width: 372px; color: white}
/* #commentform p { margin: 0 0 12px 0 } */

#respond label { vertical-align: top }

#commentform input, #commentform textarea {  font-family:Monaco,'Lucida Console', monospace;font-size:10px;margin: 0 0 12px 0; border: none; color: white; padding: 0 12px }
#author, #email, #url { width: 252px; height: 36px;  background: #606058; }
#commentform #comment { width: 348px; background: #A0A09B; padding: 12px}
#submit { margin-bottom: 0; width: 84px; height: 36px; background: #FF6E7A; cursor: pointer }