/* page basics */ 
body {color: #F7F7F7; background-color: #111; margin:0; padding:0; font-family: Helvetica,Arial,Geneva,sans-serif; font-size:13px; line-height:1.6em; background-image:url('../images/bg-back.gif');}
p {font-size:1.1em; padding: 0; margin: 0.4em 0 0.6em 0; text-shadow: #222 0px 1px 1px;}
* {text-shadow: #222 0 1px 1px}
a {text-decoration:none; color:#B1D6FF; text-shadow: #000 0px 1px 1px;}
a:hover {text-decoration:none; color:#fff; text-shadow: #000 0px -1px 2px;}
strong {color:#fff; text-shadow: #000 0px 1px 1px;}
h1, h2, h3, h4 {text-shadow: #000 0px 1px 1px;}
h1 {font-size:2.5em; font-weight: normal; line-height:0.8em; letter-spacing:-1px; color:#fff; margin: 0.4em 0 0.4em 0;}
h1 a {font-size:0.65em; font-family: Georgia, times, serif; font-style: italic; letter-spacing: 0; margin: 0; padding-left: 13px; background: url(../images/i-readmore.gif) no-repeat 0 2px;}
h1 a:hover {color:#fff; margin: 0; padding-left: 14px; background: url(../images/i-readmore_hover.gif) no-repeat 0 2px;}
h1.border { font-size: 1.3em; font-weight: bold; color: #fff; margin: 40px 0 6px 0; padding: 2px 2px 2px 4px; border: 1px solid #666; background: #4c4c4c; }
.three_column h1 {font-family: font-weight:normal; font-size:1.6em; color:#fff; line-height:1em; margin: 0.4em 0 0.4em 0;}
h2 {font-size:1.2em; font-weight:normal; color:#fff; margin:1em 0 0.2em 0; border-bottom:1px solid #333;}
#low_content h2 {margin:0.3em 0 0.2em 0;} 
#low_content h2 a {font-size:0.9em; font-family: Georgia, times, serif; font-style: italic; margin:0; padding-left: 15px; background: url(../images/i-readmore.gif) no-repeat 0 2px;} 
#low_content h2 a:hover {font-size:0.9em; color:#fff; margin: 0; padding-left: 16px; background: url(../images/i-readmore_hover.gif) no-repeat 0 2px;}
h3 {font-size:1.6em; font-weight:normal; color:#fff; padding: 10px 0 0 0; margin:0; line-height: 1.4em;}
	
blockquote { font-family: Georgia, times, serif; font-size:13px; font-style: italic; }

h4 {font-size:0.9em; font-weight:normal; color:#A1A1A1; margin:1px 0 9px 0; text-shadow: #111 0px 1px 1px;}
sup {color:#fff; font-size:8px;}
.date {
	padding-right: 4px;
  	text-transform: uppercase;
  	display: inline;	
	color: #DA752E;
  }

img, a img {border:0;}

/* main page styles */
#content_center { 
	position: relative; 
	width: 934px; 
	margin: auto; 
	text-align: left;  
	}
	
#maincontent {
	float:left; 
	background: #2b2b2b; 
	border-left: 2px solid #0C0C0C; 
	border-right: 2px solid #0C0C0C; 
	border-bottom: 2px solid #0C0C0C;
	background: #2b2b2b url(../images/bg-maincontents.gif) bottom center;	
	}

/* start header item */
#header {height:57px; width: 930px; background:#E4E4E4 url('../images/menu.gif'); position:relative;}
#logo_pico {height:57px; width:89px; background:url('../images/logo_pico.gif') no-repeat; margin:0 0 0 25px; float:left;border-right:1px solid #A8A8A8;padding-right:20px;}
#logo_and {height:57px; width:23px; background:url('../images/logo_and.gif'); float:left;}
#logo_sofa {height:57px; width:130px; background:url('../images/logo_sofa.gif'); float:left;border-right:1px solid #A8A8A8;margin-left:15px;}

/* menu buttons */
.bt_name {display:block; color:#1D1D1D; border-bottom:none; line-height:1em; margin:0 0 -3px 0;}
.bt_expl {display:block; color:#737373; font-size:0.8em;}

#download {height:42px; width:199px; background:url('../images/menu.gif'); float:right; border-left:1px solid #A8A8A8;
	padding:15px 0 0 0;}
	#download:hover {background-position:0px -57px;}
	#download:active {background-position:0px -114px;}
	#dlarrow {margin:3px 8px 0 35px; float:left;}

/* subheader */ 
#subheader {margin: 0; float: left; background:#545454;}

/* navigation */
#nav {
	float: left;
	width: 930px;
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	background: #ddd url(../images/bg-nav.gif) repeat-x top left;
	}
	
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	border-right: 1px solid #bbb;				
	}

#nav a {
	margin: 0;
	padding: 4px 16px 6px 16px;	
    float: left;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #200A00;
	text-shadow: none;
	border-top: 1px solid #fff;			
	background: no-repeat 10px 55%;	
	}


#nav a:hover {
	margin: 0;	
	color: #111;
	background: #eee;
	}
	
#nav a.active {
	margin: 0;	
	font-weight: bold;
	color: #111;
	border-top: 1px solid #888;	
	background: #d1d1d1 url(../images/bg-nav-active.jpg) no-repeat bottom center;
	}


/* start main content */ 
.features {float:left; margin-bottom:25px; }
 
#overview {background:#222; float:left; margin:5px 12px 0 25px;}

/* column types */
.left_column {padding: 0px 25px 0px 25px; position: relative; float: left; width: 570px;}
.two_column {padding: 0px 25px 0px 25px; position: relative; float: left; width: 390px;}
.three_column {padding: 0px 25px 0px 25px; position: relative; float: left; width: 260px;}

/* images */
img.alignleftnoborder {float: left; padding: 5px 10px 0 0;}
img.alignleft {float: left; margin: 5px 12px 8px 0; padding: 1px; border: 3px solid #333; background: #555;}
img.alignright {float: right; margin: 5px 0px 8px 12px; padding: 1px; border: 3px solid #333; background: #555;}
img.thumbs {float: left; margin: 5px 4px 8px 0; padding: 1px; border: 2px solid #333; background: #555;}

#thumbnails {	 
	padding: 6px 2px 12px 2px; 
	}

#thumbnails img { 
  	width: 68px; height: 68px; 
	margin: 0 10px 10px 0;
	padding: 3px;
	float: left;
	background: #333;
	}

#thumbnails a img:hover {	
    background: #C55412; 
 }

/* lists */
ul {
	padding: 2px 0px 8px 18px; 
	margin: 0; 
	list-style:circle; 
	list-style-image: url('../images/bullet.gif');
	}
ul li {
	margin:0; 
	padding: 4px 0;
	font-size: 0.95em;	
	line-height: 1.3em;
	}

/* low content */ 
#low_content {
	padding-top:25px; 
	padding-bottom:35px; 
	float:left; 
	border-top: 1px solid #333; 
	position:relative;
	background: #222 url('../images/bg-low_content.gif') top left repeat-x;
}

/*************************************
 +Notebook
 *************************************/
.entrytitle h2{
	font-size:1.6em;
	border-bottom: none;
	font-weight: normal;
	margin-bottom: 0;
}

.entrytitle h3{
	font-family: Georgia, times, serif;
	font-size:1em;	
	color:#eee;
	text-shadow: #000 0px 1px 1px; 	
	font-style: italic;
	display: inline;
}

/* entry */ 
.entry{
	margin-top:0.7em;
	padding-bottom: 4px;
	border-bottom: 1px solid #333;
}

.entrymeta{
	font-size:0.9em;
}
.filedto{
	background: url(../images/i-folder.png) no-repeat;
	padding:3px;
	padding-left:20px;
}
.commentslink{
	background: url(../images/i-comment.png) no-repeat 0 2px;
	padding:3px;
	padding-left:20px;
}

/* comments */ 
.commentsblock{
	margin:0.5em;
	padding:1em;

}
.commentsblock textarea{
	width:35em;
	padding: 2px;
	text-shadow: none;
}
.commentsblock input, .commentsblock textarea{
	background: #c4c4c4 url(../images/bg-nav.gif) repeat-x top left;
	text-shadow: none;
}
.commentsblock textarea:focus{
	background: #fefefe;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background: #fefefe url(../images/bg-nav.gif) repeat-x bottom left;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#ccc;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#222;
	border:1px solid #333;
	padding:0.5em;
}
h3#comments{
	font-size:1.4em;
}
.excerpt {	
    line-height: 1.4em;	
    }
.excerpt p {
    margin: 0.2em 0 0.2em 0;
 	font-size:0.95em;   
    }			
.excerpt h3 {
    font-size: 0.95em; line-height: 1.3em; font-weight:bold; margin: 0.4em 0 0 0;   
    } 
.excerpt h3 a {
 	padding-right: 16px;
	background: url(../images/i-readmore.gif) no-repeat right;	   
    }			

.excerpt h3 a:hover {
	padding-right: 16px;
    display: inline;	
	background: url(../images/i-readmore_hover.gif) no-repeat right;		
    } 

.entriesleft {float: left; padding: 3px; margin: 5px 0;}
.entriesright {float: right; padding: 3px; margin: 5px 0;}

	
/* xImage Stuff */

#ximageContainer {
	position:relative;
	margin: 0 0 2px 0;
	padding: 1px;
	width: 880px;
	height: 320px;
  	border: 1px solid #222;	
}	
#ximageContainer img {
	display:none;
	position:absolute;
	top:1px; left:1px;
}	



/* footer */ 
#footer {padding:20px 20px; text-align:center; font-size:0.9em; float:left; width:890px; margin:auto; 
	background:#1B1B1B url('../images/footer_shadow.gif') no-repeat; color:#4E4E4E; border-top:1px solid #151515;}
#footer a {color:#777;}
#footer:hover a {color:#A8A8A8;}
#footer a:hover{color:#fff; text-decoration:underline;}
#footer-rss {
	padding-left: 16px;
	border: none;
	background: url(../images/feed-icon-12x12.png) no-repeat 0 50%;
	}
#foot_space {height:60px; width:930px; background:; float:left;}