/*************************************************

PLUSTWELVE.COM (V3)				 
MAY 2009									
BY PLUSTWELVE.COM
FILTER@PLUSTWELVE.COM

***************************************************
	GENERIC
	*/


HTML {
	font: 62.5%/160% Georgia, Times, "Times New Roman", serif;   
	color: #a1a1a1;
	font-style:italic;
	/* background:url(../images/stripe.gif) top center no-repeat; */ 
	line-height:200%;
	}
	
BODY {
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
	
/***************************************************
	WRAPPER
	 */
#wrapper {
	width:960px;
 	margin: 0px auto; 
	padding:0 0 40px 0;
	text-align:left;
	}

/***************************************************
	HEADER
	
	*/
	
#header {margin:60px 0 65px;}

#logo {
	background:url(../images/logo.gif) no-repeat;
	padding:0 0 0 60px;
	height:42px;
	display:block;
	font-size:80%;
	line-height:240%;
	float:left;	
	color:#bbbbbb;
	}
	
#logo:hover {
	text-decoration:none;
	color:#a1a1a1;
	}

/***************************************************
	MAIN MENU
	
	*/

#topmenu {
	margin:10px 0 0;
	padding:0;
	float:right;
 	width:120px; 
	}

#topmenu LI  {
	list-style:none;
	display:inline;
	margin:0 10px 0 0;
	}
	
#topmenu A {
	padding:0;
	margin:0;
	color:#bbbbbb;
	font-size:110%;
	text-transform:lowercase;
	}	
	
#topmenu .current_page_item A,



/***************************************************
	PORTFOLIO MENU
	
	*/

#portfolio-menu,	
#portfolio-menu UL{
	list-style:none;
	margin:0;
	padding:0;	
	}
	
#portfolio-menu {margin:0 0 74px 0;}
#portfolio-menuA {font-size:110%; color:#bbb;}
#portfolio-menu LI{float:left; overflow:hidden;}
#portfolio-menu LI LI {width:120px;margin:0 20px 0 0;}
#portfolio-menu #web-design{width:560px; margin:0;}	
#portfolio-menu #print-design{width:120px;margin:0 20px 0 0;}
#portfolio-menu #identity{width:120px;margin:0 20px 0 0;}
#portfolio-menu #personal{width:120px;margin:0;}
#portfolio-menu LI.current_page_item A{text-decoration:line-through;color:#7a7a7a;}

/***************************************************
	POSTS
	
	*/

.post {
	position:relative;
	display:block;	
	text-align:center;	
	}
.post UL {
	list-style:none;
	}

.post .item-title {
	width:960px;
	text-align:center;
	margin:20px 0 0 0;
	}
	
.post .item-title H3{
	font-size:200%;
	margin:0 0 5px 0;
	display:inline;
	}
	
.post .item-title H4{
	color:#bbb;
	font-size:120%;
	margin:10px 0 0 0;
	text-transform:lowercase;
	}	
	
/* 

if its web project, set up handling for the 
macbook image. Target both the category and the 
tag so that it can be reused regardless of 
category.

*/
.category-web-design,
.tag-xhtml {
	background:url(../images/macbook.png) no-repeat;
	height:580px;
	padding:0;
	}	

.category-web-design .item-title,
.tag-xhtml .item-title{
	margin:100px 0 0 0;
	}

/***************************************************	
	BLOG » CONTENT	
	
	*/	
	
#content {	
	font-size:120%;	
	line-height:200%;	
	float:right;	
	width:545px;	
	margin:0 120px 0 0;	
	font-style:normal;
	}
	
#content .post {text-align:left;}
#content UL {padding:0 0 18px 40px;}
#content LI {	
	background:url(../images/bullet.gif) 0 6px no-repeat;	
	padding:0 0 0 20px;	
	list-style:none;	
	margin:5px 0;	
	}
	
/***************************************************	
	BLOG » SIDEBAR	
	
	*/	
	
#sidebar { 	
	width:195px;	
	float:left;	
	font-size:120%;	
	margin:0 0 0 60px;	
	line-height:160%;	
	}
	
#sidebar A{color:#bbb;}	
#sidebar LI.current_page_item A{text-decoration:line-through;color:#7a7a7a;}

A.rss {	
	display:block;	
	margin:20px 0 20px 0;	
	background:url(../images/rss.gif) 0 5px no-repeat;	
	padding:0 0 0 15px;	
	width:auto;	
	}
	
/***************************************************	
	BLOG » SIDEBAR » SCROLLABLE
	
	*/		
.prev {	display:none;}
.scrollable {display:none}
.js {display:block;}
.scrollable UL, 
.scrollable LI OL, 
#sidebar OL {	
	margin:4px 0 0 0;	
	padding:0;	
	list-style:none;
	}
	
.scrollable {
	font-size:80%;
	}

/***************************************************	
	COMMENTS			 
	
	*/	
	
#comment {
	width:560px;
	}
	
.commentlist,#commentform {margin:0 0 30px 0;	}
.commentlist {padding:0;}
.commentlist CITE{font-size:130%;	}
.commentlist SMALL {	
	width:50px;	
	margin:10px 0 0 0;	
	color:#a73131;	
	font-weight:bold;	
	}
	
#content .commentlist LI {	
	background:none; 
	padding:10px 0;	
	border-bottom:dashed 1px #CCC;	
	font-size:90%;	
	margin:0;	
	line-height:140%;	
	}
	
.vcard IMG{
	display:none;
	}

/***************************************************	
	MISC
	
	*/	
	
	
/* print has a height of 526 - but this post doesnt 
fit like the others */
#post-86 .gallery {height:auto;}