/* -------------------------------------------------------------------------------
	Theme Name: Bloggles 2008
	Theme URI: http://www.illys.net
	Description: An attempt at a wordpress design by Illys :9
	Version: .9
	Author: Jeanette "Illys" Hansen
	Author URI: http://www.illys.net
   ------------------------------------------------------------------------------- */


// Basic blocks

html, html body {
	height: 100%;
}
body {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}

img {
	border:0px;
	padding:5px;
}
a {color:#006891;text-decoration: none;}
a:hover {color: #006891;text-decoration: underline;}

h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

p {margin: 0px 0px 12px 0px;}

blockquote {
	clear: left;
	text-align: justify;
	padding: 0px 0px 0px 20px;
	margin: 20px 20px 10px 20px;
	background: url(images/quote.gif) no-repeat top left;
}

input {
	margin-bottom:5px;
	vertical-align: middle;
}
select{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
	
.alignleft {float: left; text-align: left;}
.alignright {float: right; text-align: right;}
.aligncenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}
.spacer {height:20px;}

/*------ Layout ------*/
table.container {
	margin: 0px;
	height: 100%;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div.topmargin {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 22px;
	width: 100%;
	background-color: #000000;
	z-index: 4;	
}
div.topmargin img {
	border: 0px;
	padding-left: 3px;
}

#middle,
#main {
	width: 100%;
	border: none;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	vertical-align: top;

}
div.bottommargin{
	height: 30px;
	position: static;
	width: 100%;
	background-color:#000000;	
	color: #ffffff;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
}
#left,
#right {
	border: none;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	width: 34px;
	background: #fffbf1  url(images/left-border.png) repeat-y right;
	z-index: 0;	
}
div.leftheader,
div.rightheader {
	position: static;
	margin-top: 20px;
	height: 115px;
	width: 32px;
	background: #99abbe url(images/left-top.png) top right;
}

#right{
	background: #fffbf1 url(images/right-border.png) repeat-y left;
	
}
div.rightheader{
	background: #99abbe url(images/right-top.png) top left;
}

td.text {
	padding: 6px 2px 8px 20px;
	vertical-align: top;
	width: 100%;
}
/* sidebar! */

#sidebar,
td.sidebar{
	width: 280px;
	color: #FFFFFF;
	background: #476D8D url(images/sidebar-bg2.png) repeat-y top left;
	vertical-align: top;
}
#sidebar a{
       color: #ffffff;
       text-decoration: none;
       font-size: 12px;
}

#sidebar a:hover {
       color: #ffffff;
       text-decoration: underline;
}

#sidebar h2,
#sidebar li h2 {
	display: block;
	padding: 3px 2px 3px 3px;
	margin: 0 0 6px 0;
	color: #cfe6f5;
	border-bottom: thin solid #042937;
	line-height: 14px;
	font-family: lucida handwriting, cursive;
	font-size: 16px;
	font-weight: bold;
	}
#sidebar ul,
li h2{
	list-style: none;
	margin: 0px;
	padding: 4px;	
}
#sidebar ul ul{
	list-style: disc;
	list-style-position: inside;
	list-style-image: url('images/bullet-green.png');
}

#sidebar form {
	margin: 0;
	margin-left: 0;
	}
	
.subcontainer {
width:100%;
}
.subcontainer ul, .subcontainer li, .rightsub ul, .rightsub li {
list-style-type: none;
padding: 0;
margin: 0;
}

.rightsub{
float:left;
width:50%;
}

.rightsub2{
float:right;
width: 50%;
}


td.textmargin{
	width: 7px;
	background:url(images/text-margin.png) repeat-y left;
}
div.sidebartop{
	position: absolute;
	top: 20px;
	left: 32px;
	height: 209px;
	width: 300px;
	background:url(images/sidebar-top.png) no-repeat;
	z-index: 1;	
}
#header {
	margin-top: 20px;
	width: 100%;
	height: 115px;
	background: #003e7c url(images/header.png) repeat-x center;
}
div.headerstars {
	width: 100%;
	height: 115px;
	background-image: url(images/header-stars.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: right;
	color: #ffffff;
}
div.headerstars a {
    position: relative;
	top: 30px;
	right: 10px;
	color: #fff5db;
	text-decoration: none;
	text-transform: small-caps;
	font-size: 35px;
	font-family: lucida handwriting, cursive;
	line-height: 30px;
	/*margin-top: 20px;
	padding-right: 85px;
	padding-bottom: 0px;*/
}

div.headerstars i {
	position: relative;
	top: 20px;
	right: 35px;
	color: #dac692;
	padding-top: 0px;
	word-spacing: .3em;
	letter-spacing: .1em;	
}
div.headerstars img {
	position: relative;
	top: 30px;
	right: 30px;
	float: right;
	align: right;
}

.banner {
	padding-left: 290px;
	width: 100%;
	height: 94px;
	background-image: url(images/banner2.png);
	background-repeat: no-repeat;
	background-position: 200px;
	background-color:#654C85;
}

/********* Begin Typography & Colors *********/

/***** content *****/
.archivetitle {
	height:20px;
	color: #999999;
	font-size: 11px;
	font-variant: normal;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
}

.post{
	position:relative;
	background: url('images/post_bottom.png') no-repeat bottom center;
        background-color: white;
	width:673px;
	margin:5 0 30px 20px;
	padding:0 0 5px 0;
}
.post_header{
	position:relative;
	width:673px;
	height: 72px;
	background:url('images/headers/post_header_blue.jpg') no-repeat top center;
}
.page_header{
	position:relative;
	width:673px;
	height: 72px;
	background:url('images/headers/page_header_white.jpg') no-repeat top center;
}

.posttitle{
	position:absolute;
	font-family:Arial,Verdana;
	left:65px;
	top: 25px;
	width:520px;
	height: 25px;
	font-size:16px;
	color:#f8ebd2;
	font-weight:normal;
}
.posttitle a,.posttitle a:hover{
	color: #ffffff;
	text-decoration:none;
}
.postauthor {
	position:absolute;
	left:55px;
	top: 45px;
	font-size: 10px;
	color:#4d655c;
}
.postauthor a,.postauthor a:hover{
	color:#6a8c80;
	text-decoration:none;
}

.date_d {
	position:absolute;
	font-size: 28px;
	left:582px;
	top:26px;
	font-family:Arial, Verdana;
	font-weight:bold;

}
.date_m {
	position:absolute;
	font-size: 14px;
	left:587px;
	top:8px;
	font-family:Arial, Verdana;
	font-weight:bold;
	color:#ffffff;

}

.entry {
	position:relative;
	color: #000000;
	line-height: 1.6em;
	text-align: justify;
	padding: 5px 15px 5px 15px;
}

.info {
	position:relative;
	line-height: 1.8em;
	font-size: 10px;
	color:#000000;
	margin:0px 22px 2px 22px;
}
.info a{
	color:#006891;
}

.category {
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 20px;
	background: url('images/category.jpg') no-repeat top left;
	color:#999999;
}

.tags {
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 20px;
	color:#999999;
	background: url('images/tags.jpg') no-repeat top left;
}

.bubble {
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 20px;
	color:#999999;
	background: url('images/bubble.jpg') no-repeat top left;
}

.navigation {
	font-size: 12px;
	margin: 20px 0px 0px 0px;
	padding: 0px 10px 20px 10px;
}

.sorry {
	font-size: 11px;
	font-style: italic;
	margin: 20px 20px 20px 20px;
	padding: 10px 10px 10px 10px;
	border: 1px dashed #B1A074;
}

/*** comment ***/
#postmetadata {
	font-size: 12px;
	margin: 20px 20px 20px 24px;
	padding: 8px 8px 8px 8px;
	background:#f8f8f8;
}
#comments{
	padding:0 25px 0 25px;
}
.nocomments {background: none; color: #000000;}

.commenttitle {
	color: #000000;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	margin: 0px 0 20px 0;
	padding: 2px 0px 2px 0px;
	font-variant: normal;
	border-bottom: 1px dashed #999999;
}
.commentlist {list-style: none;margin:0px;padding:0px;}

.commentbody {
	height:100%;
	color: #000000;
	font-size: 12px;
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 1px 5px;
	background:#eeeeee;
}

.commenthead {
	height:32px;
	color: #000000;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dashed #999999;
	background:#eeeeee;
}
.adminbody {
	height:100%;
	color: #000000;
	font-size: 12px;
	list-style-type: none;
	margin: 0px 0px 10px 25px;
	padding: 0px 5px 1px 5px;
	background:#eeeeee;
}
.adminhead {
	height:32px;
	color: #000000;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dashed #999999;
	background:#eeeeee;
}
.trackhead {
	height:32px;
	color: #000000;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 38px;
	border-bottom: 1px dashed #999999;
	background: url(images/track.gif) no-repeat center left;
}
.trackbody {
	height:100%;
	color: #000000;
	font-size:12px;
	list-style-type: none;
	margin: 0px 0px 10px 5px;
	padding: 0px 5px 1px 5px;
	background:#eeeeee;
}

.avatar {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}
.commentcount {
	float: right;
	color: #aaaaaa;
	font-size: 24px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	font-family: Georgia, Times, 'Times New Roman', serif;
}
.authorlink {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}
.authorlink a {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}
.commentlink {font-size: 10px; color: #000000;}

.trackbody p a {color: #000000;}

#commentform {
	margin:0;
	padding:20px 0 0 0;
}
#email, #author, #url {
	color: #000000;
	font-size: 12px;
	padding-left: 2px;
	vertical-align: middle;
	border: 1px solid #999999;
	background:#f8f8f8;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#comment {
	width: 600px;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px solid #999999;
	background:#f8f8f8;
	padding: 2px 2px 2px 2px;
}
#submit {
	width: 100px;
	height: 25px;
	color: #000000;
	font-size: 12px;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 2px 10px;
	border: 1px solid #999999;
	background:#f8f8f8;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

	
/* Widgets! */

.more {
text-align:right;
}

.wpg2blockwidget {
width: 300px;
padding: 10px;
padding-left: 0px;
align: center;
}
.one-image {
float: left;
align: center;
padding-top: 4px;
padding-left: 6px;
margin: 0px;
}
.one-image h3 {
color: #fff;
font-size: 12px;
text-align: center;
}

#loginbox,
#passbox,
#searchbox {
	background-color: #373737;
	color: #999999;
	border: 1px solid #616161;
	padding: 1px;
	height: 12px;
	font-face: arial, sans-serif;
	font-size: 10px;
}
.icon {
        line-height: 15px;
}


.tabholder {
border:1px solid black; 
padding:5px; 
margin: 5px; 
background: url(images/tabs-blacktrans2.png); 
color: white; 
position:static; 
float:left;
}
.tablabel {
position:static; 
float:left; 
//width: 50px
}
.tablabel a {
font-size: 14px;
color: white;
}
.entry ul, ol {
padding-left: 40px;
}
.tablabel a:hover {
color:#a9d9f3;
text-decoration: underline;
}
.tablabel a:visited {
color: white;
text-decoration: underline;
}

em {
padding-top: 10px;
}