/*
Theme Name: Sanguine
Theme URI: http://sixsix8.com
Description: Sanguine
Version: 1
Author: SixSix8
Author URI: http://sixsix8.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body { background: #000 url(images/bg.jpg) no-repeat top center; font-family:Arial, Helvetica, sans-serif; color:#fff;  font-size:12px; line-height:1.5em;}
#wrapper {margin:0 auto; min-height:800px; width:960px;}
#header { width:960px; position:relative; height:181px}
#left {width:360px; position:relative; float:left; margin-bottom:20px;}
#right {width:580px; position:relative; float:right; margin:0px 10px 0px 0;}
#sidebar {border:1px solid green;}
#footer {clear:both; width:100%; height:120px; border-top:none; font-size:10px; color:#333}

a { color:#fff; text-decoration:underline;}
a:hover: {color:#ccc }


#follow {position:absolute; top:710px; left:-30px; width:176px; height:34pX;}
#follow ul { width:200px; height:20px;}
#follow li {display:block; float:left; width:70px; height:20px;}
#follow a {width:176px; height:20px; display:block; float:left}

#studio	 {position:absolute; top:710px; left:900px; width:176px; height:34px;}
#studio ul { width:200px; height:20px;}
#studio li {display:block; float:left; width:70px; height:20px;}
#studio a {width:176px; height:20px; display:block; float:left}

#footerlink { position:absolute; top:780px; left:390px; width:176px; height:24px;}
#footerlink a { display:block; width:176px; height:24px;}
#footer a { color:#333;}

/* ==== LEFT ===*/
#title {position:absolute; top:28px; left:573px; width:260px; height:83px; background:url(images/header_title.jpg);}
#title a {width:260px; height:83px; display:block; outline:none}
#title a h1 {text-indent:-10000px }


#mainnav {position:absolute; width:532px; height:200px; top:116px; left:490px;}
#mainnav ul li.page_item  { display:block; float:left; font-size:24px; max-width:150px;}
#mainnav ul li a { display: block; padding:0;}
/*

#mainnav ul li a.page-item-72 { height:36px; width:60px; background:url(images/mainnavh.jpg) no-repeat; background-position:0px 0; margin-right:23px;}
#mainnav ul li a.page-item-2 { height:36px; width:72px; background:url(images/mainnavh.jpg) no-repeat; background-position:-83px 0; margin-right:20px;}
#mainnav ul li a.page-item-5 { height:36px; width:80px; background:url(images/mainnavh.jpg) no-repeat; background-position:-174px 0; margin-right:22px;}
#mainnav ul li a.page-item-7 { height:36px; width:136px; background:url(images/mainnavh.jpg) no-repeat; background-position:-278px 0; margin-right:10px;}
#mainnav ul li a.page-item-8 { height:26px; width:100px; background:url(images/mainnavh.jpg) no-repeat; background-position:0 -36px; margin-right:14px;}
#mainnav ul li a.page-item-10 { height:26px; width:124px; background:url(images/mainnavh.jpg) no-repeat; background-position:-114px -36px; margin-right:14px;}
#mainnav ul li a.page-item-12 { height:26px; width:38px; background:url(images/mainnavh.jpg) no-repeat; background-position:-252px -36px; margin-right:14px;}
#mainnav ul li a.page-item-15 { height:26px; width:68px; background:url(images/mainnavh.jpg) no-repeat; background-position:-304px -36px; margin-right:12px;}
#mainnav ul li a.page-item-17 { height:26px; width:42px; background:url(images/mainnavh.jpg) no-repeat; background-position:-384px -36px;}
#mainnav ul li a.page-item-72:hover { background-position:0px -62px;}
#mainnav ul li a.page-item-2:hover {  background-position:-83px -62px;}
#mainnav ul li a.page-item-5:hover { background-position:-174px -62px;}
#mainnav ul li a.page-item-7:hover { background-position:-278px -62px;}
#mainnav ul li a.page-item-8:hover { background-position:0 -98px;}
#mainnav ul li a.page-item-10:hover { background-position:-114px -98px;}
#mainnav ul li a.page-item-12:hover { background-position:-252px -98px;}
#mainnav ul li a.page-item-15:hover { background-position:-304px -98px;}
#mainnav ul li a.page-item-17:hover { background-position:-384px -98px;}*/

/* =====RIGHT =====*/
div#contentbox { width:640px; height:400px; overflow:auto; background:url(images/content_bg2.png); border:1px solid #c3bdaf; padding:15px; position:relative}
div.blogposts {border-bottom:1px solid #ccc;}
div.post h2 {font-size:45px; font-weight:normal; margin-bottom:.5em;}
div.post p {margin-bottom:2em;}


/* =====RIGHT =====*/
#wrapper_ft {  background:url(images/footer_bg.jpg) right no-repeat #000; width:960px; margin:0 auto; height:120px}