/*
Theme Name: triplex
Description: Fixed-width 3-col layout with 2 right sidebars - compatible with WordPress 2 and widgets 
Version: 1.5
Author: Codescheme
*/


body {
margin: 0;
padding:0;  
font-size: 100.1%;
color: #333;
background: #bbb;
text-align:center;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#wrapper{
width: 970px;
margin: 0 auto 10px auto;
padding: 0;
border-right: 2px solid white;
border-left: 2px solid white;
border-bottom: 2px solid white;
text-align:left;
background: #DDE1EC;
}


#header{
height: 140px;
}	

#subheader{
border-top:2px solid white;
border-bottom:2px solid white;
background: green;
height:29px;
}

#content {
width: 575px; 
float:left;
margin: 0;
padding: 10px;
font-size: 78%;
overflow:hidden;
}

#sidebar {
position:relative;
left:10px;
padding: 10px 8px;
font-size: 78%;
margin: 0 0 0 580px;
}

#topsidebar {
padding: 0px;
margin: 10px 5px 10px 0px;
}


#leftsidecol {
float:left;
width: 180px;
padding: 0 0px;
font-size: ;
margin: 0 0 0 0px;
}

#rightsidecol {
padding: 0 0px;
margin: 0 0 0 190px;
width: 180px;
}

#footer {
clear: both;
font-size: 68%;
background: #f0f0f0;
padding: 10px 0;
text-align:center;
}

#navigation{
padding: 5px 15px;

}

#navigation div.fleft{
float:left;
}

#navigation div.fright{
float:right;
}

/*  ********** default styles *********** */

p, h1, h2, h3, h4, h5, h6{
margin: 12px 0;
padding: 0;
}
p,li{
line-height:20px;
}
h1, h2, h3, h4, h5, h6{
font-family: Georgia, 'Times New Roman', serif;
font-weight:100;
}

h1{
	font-size: 190%;
}
h2{
	font-size: 160%;
}
h3{
	font-size: 130%;
}
h4{
	font-size: 120%;
}
h5{
	font-size: 100%;
}
h6{
	font-size: 70%;
}

table{
	font-size: 100%;
}

a{
color:#546696;
text-decoration:none;
}
a:hover{
color:#3E4B6F;
text-decoration:none;
}

a img{
border:0px;
}

hr{
height:2px;
margin:5px 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

blockquote{
font-style:oblique;
padding: 5px 10px;
margin:3px 15px;
}


form{
margin: 0px;
padding:0;
}

fieldset{
padding:10px;
margin:0;
border:none;
}

legend{
font-weight:800;
}

/* Headings */ 


form#searchform2{
display: block;
float:right;
margin: 100px 15px 0px 10px;
}

#box-link { 
		position: absolute; 
		top: 8px; 
		left: 20px; 
		width: 83px; 
		height: 83px; 
		background-color: transparent; 
		border: 1px solid yellow; }	


#logo-zone {
position: relative;
top: 8px; 
left: 20px; 
height: 140px;
width: 220px;
color:#000000;
}

#header h3{
margin: 0;
padding: 10px 10px 0px 10px;
font-weight:800;
font-size:200%;
}

#header h3 a{
font-weight:100;
color: white;
text-decoration: none;
}

#header h2{
font-family: Tahoma, Verdana, sans-serif;
margin: 0;
padding: 0px 10px;
font-weight:800;
font-size:85%;
color: white;
}


#subheader ul{
list-style-type:none;
margin:3px 0;
padding:0 0;
}

#subheader ul li.page_item{
display:inline;
margin:0;
padding:0 0 0 9px;
font-size:80%;
}

#subheader ul li.page_item a{
color: #fff;
padding:2px 4px;
font-weight:800;
}

#subheader ul li.page_item a:hover{
text-decoration:none;
background:#EEE9F4;
color:#333;
}

#subheader ul li.current_page_item a{
background:#EEE9F4;
color:#000000;
}

#subheader ul li.current_page_item a:hover{
color:#000;
}



#footer a{
font-weight: 100;
text-decoration:underline;
color:
}

/* post styles */

.post{
width: 575px;
margin: 0 0 0 0;
padding:0px;
font-family:verdana;
}

.post h2{
color:  #222;
font-size: 180%;
font-weight:100;
margin:0px;
padding: 10px 15px 2px 15px;
}
.post h2 a{
font-weight:100;
}

.post h2 a:hover{
font-weight:100;
}

.entry{
width: 545px;
margin:0;
padding: 0px 15px 0px 15px;
}

.date{
text-align:center;
float:left;
color:#999;
font-family:Georgia, serif;
margin: 5px 8px;
padding:5px 8px;
border-right:1px solid #ccc;
}

.date p.day{
font-size:140%;
font-weight:800;
margin: 1px 0;
padding:0;
line-height: 16px;
}

.date p.month{
font-size:90%;
font-weight:800;
margin: 1px 0;
padding:0;
line-height: 10px;
}

.postmetadata{

text-align:right;
padding: 3px 15px;
border-top: 1px solid #ccc;
margin: 10px 15px;
font-size:90%;
}

.postmetadata p{
margin:3px 0;
}
.entry{
width: 545px;
font-size:100%;
padding: 0px 15px 0px 15px;
}

/* comment styles */

#comment{
padding: 10px 25px;
}

#comment h2#comments, h2#postcomment{
font-size:110%;
}

#comment ul.commentlist{
margin: 0;
padding: 0 0 0 20px;
}


#comment ul.commentlist li{
margin: 6px 0;
padding: 1px 0px;
border-bottom: 1px dotted #aaa;
list-style-type:none;
}

span.commenttext{
padding: 7px 10px;
margin: 5px 0px;
background: #eee;
display:block;
}

img.avatar {float:left; margin:5px; margin-top:10px;}

/*  sidebar styles */

.widget{
font-size:90%;
}

#sidebar ul{
margin: 0;
padding:0;
list-style-type: none;
}

#sidebar ul li.widget{
margin: 0 0 8px 0;
padding: 0;
}

#sidebar ul li.widget ul{
margin:0px;
padding:0px 3px;
list-style-type:none;
}

#sidebar ul li.widget ul li{
padding:0 0 0 6px;
margin: 0 3px;
border-bottom: 1px solid  #ddd;
}
#sidebar ul li.widget ul li a{
font-weight:100;
}

#sidebar ul li.widget ul li ul li{
border: none !important;
padding: 0 0 0 6px;
}

li.widget h3{
font-size:110%;
margin:0px 0 3px 0;
padding:3px 0 3px 8px;
color: #444;
font-weight:800;
font-variant:small-caps;
}

li.widget .textwidget{
padding: 2px 5px;
}


/* Calendar styles */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td.pad:hover {
background-color: #fff;
}











.BOXad1 {
width:363px;
position:absolute;
right:12px;
}


.BOXad1 ul{
background:#ffffff;
right:12px;
}

.BOXad1 li{
background:#ffffff;
right:12px;
}









.post .webcomic {
width: 575px;
}

.post .comicnav {
width: 575px;
font-size: 130%;
text-align:center;
padding: 5px;
background-color:#dde1ec;
}
.post .comicnav a{
padding: 0 .5em;
}

.comicnav {
width: 575px;
font-size: 130%;
text-align:center;
padding: 5px 5px 0px 5px;
text-shadow:#000000;
}
.comicnav2 {
width: 575px;
font-size: 130%;
text-align:center;
padding: 5px;
}
.comicnav a{
padding: 0 .5em;
}
.comicnav2 a{
padding: 0 .5em;
}
#subheader ul li.page_item{
display:inline;
margin:0;
padding:0 0 0 9px;
font-size:80%;
}

.comicnav a{
color: #fff;
padding:2px 4px opx;
font-weight:800;
}

.comicnav a:hover{
text-decoration:none;
background:#EEE9F4;
color:#333;
}
.comicnav2 a{
color: #fff;
padding:2px 4px;
font-weight:800;
}

.comicnav2 a:hover{
text-decoration:none;
background:#EEE9F4;
color:#333;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
  margin-right: 1.5em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
  margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
}
.wp-smiley {
	max-height: 1em;
	margin:0 !important;
}
.gallery dl {
	margin: 0;
}
.gallery-caption {
	margin:-1.5em 0 0 0;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}