/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous Kubrick by Michael Heilemann)
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";
a { color:#00295a; text-decoration:underline; }
a:hover { color:#0049aa; text-decoration:underline;}
h2,h3 { font-size:26px;}
h4 {font-size:16px;}
p { line-height:1.75em; margin-bottom:2em;}
body { background:#d2d2d2 url(images/bg1.jpg) top center fixed; font-size:12px; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; line-height:1.5em; color:#666}
h1,h2,h3,h4,h5,h6 { font-family:Georgia, "Times New Roman", Times, serif;}
#header { height:300px; background:url(images/topnav_bg.jpg) top repeat-x;}
#wrapper { margin:0 auto; width:960px; position:relative;}
#leftside { float:left; width:680px;}
#rightside { float:right; width:265px; margin-top:34px;}
#footer { clear:both; width:100%; background:url(images/footer_bg.png) repeat-x; background-position:00px 0; margin-top:20px;}
/* HEADER */
#sixsix8_logo { margin-top:0px; width:920px; height:200px; position:relative; background:url(images/sixsix8_logo.png) no-repeat;}
#sixsix8_logo a { width:320px; height:70px; display:block; text-indent:-10000px; outline:none; position:absolute;
top:40px; left:300px;}
#mainnav {width:350px; margin:0 auto; background:url(images/topnav.jpg) no-repeat;}
#mainnav ul { width:350px; height:25px;}
#mainnav li.page_item {float:left; display:block;}
#mainnav li.page_item a span {display:none}
#mainnav li a {display:block; text-indent:-10000px;}
#mainnav li.page-item-2 a {width:65px; height:25px; background:url(images/topnav.jpg); background-position:0 0;}
#mainnav li.page-item-4 a {width:67px; height:25px; background:url(images/topnav.jpg);; background-position:-65px 0}
#mainnav li.page-item-7 a {width:86px; height:25px; background:url(images/topnav.jpg); background-position:-132px 0}
#mainnav li.page-item-8 a {width:58px; height:25px; background:url(images/topnav.jpg); background-position:-218px 0}
#mainnav li.page-item-9 a {width:74px; height:25px; background:url(images/topnav.jpg); background-position:-276px 0;}
#mainnav li.page-item-2 a:hover {background-position:0 -25px;}
#mainnav li.page-item-4 a:hover {background-position:-65px -25px;}
#mainnav li.page-item-7 a:hover {background-position:-132px -25px;}
#mainnav li.page-item-8 a:hover {background-position:-218px -25px;}
#mainnav li.page-item-9 a:hover {background-position:-276px -25px;}
/* -- HOME -- */
#avail { position:absolute; top:375px; left:775px;}
.buttons { width: 210px; height: 20px; margin:0 auto; }
.buttons .prev,
.buttons .next { cursor: pointer; float:left; text-indent:-10000px;}
.buttons .prev{ background: url('images/prevnext.png') 0 0; width: 100px; height: 20px; }
.buttons .prev:hover{ background-position: 0 -20px; }
.buttons .next{ background: url('images/prevnext.png') -100px 0; width: 70px; height: 20px; }
.buttons .next:hover{ background-position: -100px -20px; }
#showcaseImages_wrapper {}
.showcaseImages, .showcaseImages ul { width: 545px; height: 277px; position: relative; overflow: hidden; visibility: visible;}
.showcaseImages ul li { position:relative}
.showcaseImages ul li, .showcaseImages ul li .item {
width: 545px; height: 277px; background:url(images/showcase_bg.png) no-repeat; }
.showcaseImages ul li .item a img {
width: 494px; height: 244px; position:absolute; top:16px; left:25px; }
.pattern1, .pattern2 { display:block;
height: 276px; position: absolute; z-index:10; width:155px;}
.pattern1 {
background: url(images/fade_left.png) no-repeat; left: 0px;}
.pattern2{
background: url(images/fade_right.png) no-repeat; right: 10px;}
.showcaseTexts {
overflow: hidden; visibility: visible; left: 0px; width: 535px;border:1px solid #ccc; margin-top:5px;}
.showcaseTexts, .showcaseTexts ul, .showcaseTexts ul li {
width: 525px; height: 200px; color: black; }
.showcaseTexts,.showcaseTexts ul,.showcaseTexts ul li .item {
position: relative;}
.showcaseTexts ul li .item {
width: 520px; height: 200px; padding: 10px; }
.showcaseTexts ul li .item h2.ctr { font-size:32px; text-align:center}
.showcaseTexts ul li .item h2 a {
color: #000; font-size:32px;}
.showcaseTexts ul li .item p.fS10 {
color:#474747; font-size:12px; font-style:italic; margin:0 0 5px 0;}
.showcaseTexts ul li .item p.fS10 a {
text-decoration:none;}
.showcaseTexts ul li .item p.readMore {
right:50px; bottom: 10px; }
.showcaseTexts ul li .item p.readMore a {
color: black; background-color: #fff; opacity: 0.7; filter: alpha(opacity=70); border: 1px solid #FFF; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;
font-size: 10px; text-decoration:none; }
.showcaseTexts ul li .item p.readMore a:hover {
color: white; background-color: #000; opacity: 0.7; filter: alpha(opacity=70); border: 1px solid #333; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;
font-size: 10px; }
/* --- SIDEBAR --- */
h2.widgettitle { width:263px; border:#d0d0d0 1px solid; line-height:24px; font-size:14px; color:#7f7f7f; text-indent:5px; font-weight:normal; margin-bottom:5px; background-color:#fff}
li.widget {clear:both;}
.widget ul { margin:15px 0;}
.cat-item { min-width:130px; float:left;}
/* .cat-item a { color:#00295a; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif} */
#rightside a { color:#00295a; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
#rightside ul {margin-left:6px;}
#rightside li {padding:5px 0; border-bottom:1px solid #eee}
li.widget_text p { margin-bottom:2em; color:#222222}
/* for portfolio */
h2.portfoliosidebar, .subscribe_me h2 { width:263px; border:#d0d0d0 1px solid; line-height:24px; font-size:14px; color:#7f7f7f; text-indent:5px; font-weight:normal; margin-bottom:5px; background-color:#fff}
ul.proj_details, ul.proj_cats { margin:10px 0;}
ul.proj_details li {height:24px;}
ul.proj_details span { color:#00295a; font-weight:normal}
div#rightside p { margin-bottom:2em;}
#sidebar_foliothumbs { float:left; margin:3px; border:3px solid #ccc;}
#sidebar_foliothumbs:hover{ border:3px solid #00295a;}
.contactlinks {margin-top:10px;}
.contactlinks li { display:block; height:32px; width:263px; text-indent:50px; line-height:32px; margin-bottom:4px; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.contactlinks li.phone { background:url(images/icon_iphone.png) no-repeat top left;height:32px !important;}
.contactlinks li.email { background:url(images/icon_mail.png) no-repeat top left;height:32px !important;}
.contactlinks li.web { background:url(images/icon_imac.png) no-repeat top left;height:32px !important;}
.contactlinks li a { text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.sociallinks {margin-top:10px; margin-left:10px;}
.sociallinks li { display:block; height:16px; width:243px; text-indent:40px; line-height:16px; margin-bottom:6px;}
.sociallinks li.digg { background:url(images/icon_digg.png) no-repeat top left;}
.sociallinks li.link { background:url(images/icon_linkedin.png) no-repeat top left;}
.sociallinks li.face { background:url(images/icon_facebook.png) no-repeat top left;}
.sociallinks li.twit { background:url(images/icon_twitter.png) no-repeat top left;}
.sociallinks li.flic { background:url(images/icon_flickr.png) no-repeat top left;}
.sociallinks li.deli { background:url(images/icon_delicious.png) no-repeat top left;}
.sociallinks li.devi { background:url(images/icon_deviantart.png) no-repeat top left;}
.sociallinks li.embe { background:url(images/icon_ember.png) no-repeat top left;}
.sociallinks li.beha { background:url(images/icon_behance.png) no-repeat top left;}
.sociallinks li.rss { background:url(images/icon_rss.png) no-repeat top left;}
.sociallinks li a { text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
li.categories ul { width:265px;}
li.categories ul li.cat-item{ float:left; display:block}
li.categories ul li.cat-item a{ float:left; display:block}
/* PORTFOLIO */
div.portfolio { width:225px; height:225px; background:url(images/thumb_bg.gif); float:left; margin: 0 14px 14px 0;}
div#portfoliothumb img { margin:12px; border:1px solid #ffffff;}
ul.porfolio_subnav {margin-top:10px;}
ul.porfolio_subnav li.page_item,
ul.porfolio_subnav li.cat-item {float:left;min-width:0; !important; margin-right:4px; padding:2px 10px; background:#eee}
li.page_item a { color:#00295a; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
ul.porfolio_subnav li.current-cat,
ul.portfo li.page_item{ background:#ccc;}
div#portfoliogallery {clear:both; padding-top:10px;}
ul.porfolio_subnav_cats { float:right;}
ul.porfolio_subnav_cats li {float:left}
.post .comments { background:transparent url(images/ico_comm.gif) no-repeat scroll left center;display:inline-block; margin:0 0 0 20px; padding:0 0 0 20px; float:right;}
.gallery-caption {margin-bottom:20px;}
/* BLOG */
div.pageofposts {width: 675px; height:300px; border:1px solid #ccc;
background:transparent url(images/filter2.png) repeat scroll 0 0; margin:0 0 30px; position:relative; text-align:left;}
div#postdate{ width:64px; background-image:none;text-align:center; color:#555555; line-height: font-size:11px; letter-spacing: 3px;
position:absolute; top:10px; left:0;}
div#posttitle {width:600px;
position:absolute; top:10px; left:80px;}
div#postthumb {width:225px; height:225px; background:url(images/thumb_bg.gif);}
div.pageofposts div#postthumb {position:absolute; top:50px; left:80px;}
div#postthumb img { margin:12px; border:1px solid #ffffff;}
div#postexcerpt {width:340px; position:absolute; top:45px; left:320px;}
div#postexcerpt p { margin-bottom:0;}
div#postexcerpt ul { margin-top:12px;}
div#postexcerpt li {float:left;display:block; width:160px; height:42px;background:url(images/box_readall.png) no-repeat; }
div#postexcerpt li a {display:block; width:160px; height:48px; line-height:42px; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff}
div#postmeta {width:590px; font-style:italic;
position:absolute; top:285px; left:80px; font-size:12px;}
div#date-month { font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:-5px;}
div#date-day { width:50px; height:45px; margin:auto; text-indent:-10000px;}
div.day-1 {background:url(images/datenum.png) no-repeat; background-position: 0 0}
div.day-2 {background:url(images/datenum.png) no-repeat; background-position: 0 -45px}
div.day-3 {background:url(images/datenum.png) no-repeat; background-position: 0 -90px}
div.day-4 {background:url(images/datenum.png) no-repeat; background-position: 0 -135px}
div.day-5 {background:url(images/datenum.png) no-repeat; background-position: 0 -180px}
div.day-6 {background:url(images/datenum.png) no-repeat; background-position: 0 -225px}
div.day-7 {background:url(images/datenum.png) no-repeat; background-position: 0 -270px}
div.day-8 {background:url(images/datenum.png) no-repeat; background-position: 0 -315px}
div.day-9 {background:url(images/datenum.png) no-repeat; background-position: 0 -360px}
div.day-10 {background:url(images/datenum.png) no-repeat; background-position: 0 -405px}
div.day-11 {background:url(images/datenum.png) no-repeat; background-position: 0 -450px}
div.day-12 {background:url(images/datenum.png) no-repeat; background-position: 0 -495px}
div.day-13 {background:url(images/datenum.png) no-repeat; background-position: 0 -540px}
div.day-14 {background:url(images/datenum.png) no-repeat; background-position: 0 -585px}
div.day-15 {background:url(images/datenum.png) no-repeat; background-position: 0 -630px}
div.day-16 {background:url(images/datenum.png) no-repeat; background-position: 0 -675px}
div.day-17 {background:url(images/datenum.png) no-repeat; background-position: 0 -720px}
div.day-18 {background:url(images/datenum.png) no-repeat; background-position: 0 -765px}
div.day-19 {background:url(images/datenum.png) no-repeat; background-position: 0 -810px}
div.day-20 {background:url(images/datenum.png) no-repeat; background-position: 0 -855px}
div.day-21 {background:url(images/datenum.png) no-repeat; background-position: 0 -900px}
div.day-22 {background:url(images/datenum.png) no-repeat; background-position: 0 -945px}
div.day-23 {background:url(images/datenum.png) no-repeat; background-position: 0 -990px}
div.day-24 {background:url(images/datenum.png) no-repeat; background-position: 0 -1035px}
div.day-25 {background:url(images/datenum.png) no-repeat; background-position: 0 -1080px}
div.day-26 {background:url(images/datenum.png) no-repeat; background-position: 0 -1125px}
div.day-27 {background:url(images/datenum.png) no-repeat; background-position: 0 -1270px}
div.day-28 {background:url(images/datenum.png) no-repeat; background-position: 0 -1215px}
div.day-29 {background:url(images/datenum.png) no-repeat; background-position: 0 -1260px}
div.day-30 {background:url(images/datenum.png) no-repeat; background-position: 0 -1305px}
div.day-31 {background:url(images/datenum.png) no-repeat; background-position: 0 -1350px}
div.post { width:675px;}
div#postwrapper {width: 675px; border:1px solid #ccc;
background:transparent url(images/filter2.png) repeat scroll 0 0; margin:0 0 30px; position:relative; text-align:left;}
div#postinnerwrapper { padding:12px 10px 12px 80px;}
div#postwrapper div#posttitle {width:600px; margin-left:80px;}
div#postwrapper div#postthumb { float:left; margin:0 10px 10px 0;}
div#postwrapper ol {list-style:decimal; margin:1em;}
div#postwrapper ol li {list-style:decimal; margin:0 0 2em 2em;}
div#postwrapper ul {list-style:circle; margin:1em;}
div#postwrapper ul li {list-style:circle; margin:0 0 2em 2em;}
div#respond {width: 675px;}
blockquote { margin: 5px 10px 5px 40px; padding: 0 0 0 20px; border-left: 2px solid #00295a; color:#8f8f8f; font-style:italic}
.gallery-item { float:left; margin:2px}
/* blog comments */
ol.commentlist { margin:5px 0;}
ol.commentlist .depth-1 { width: 643px; border:1px solid #ccc; background:#fff}
ol.commentlist .comment { display:block; padding:15px;}
ol.commentlist .comment-author { font-size:18px; margin:0 0 10px; }
ol.commentlist .avatar {float:right;padding:5px;}
ol.commentlist p { margin:0 0 15px; }
ol.commentlist .comment-meta, .commentlist .comment-meta a { color:#749DAA; text-decoration:none; }
h2.comments { width:673px; border:#d0d0d0 1px solid; line-height:28px; font-size:18px; color:#7f7f7f; text-indent:5px; font-weight:normal; margin-bottom:5px; background-color:#fff}
input#submit { width:200px; height:30px; line-height:28px; background:#ccc; border:1px solid #ccc; color:#00295a; margin-top:10px; font-weight:bold; font-size:14px; font-family:}
/* FOOTER */
#footerwrapper { width:960px; margin:0 auto; }
#footer_logo { margin-left:197px;}
#footer_logo a { text-indent:-20000px; outline:none; width:550px; height:45px; background:url(images/footer_logo.png) no-repeat; display:block;}
#footer_titles { margin-top:40px; background:url(images/footer_titles.png) no-repeat; display:block; width:960px; height:27px;}
#footer_col { float:left; width: 300px; display:block}
.col1, .col2 { margin-right:20px;}
#footer ul {border-top:1px solid #004699; width:280px; margin-top:10px;}
#footer li {border-bottom:1px dotted #0167df; width:280px; color:#fff; font-size:11px;}
#footer a { color:#fff; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-indent:10px; line-height:26px; font-size:11px;}
#footer ul.contactlinks li,
#footer ul.contactlinks {border:none;}
#footer ul.contactlinks li {height:40px;}