/*
Theme Name: Prebuilt
Theme URI: http://www.devlounge.net
Description: A theme built by Astereostudio and Devlounge.
Version: 2.0.1
Author: Astereostudio & Devlounge
Modification: Axonaris
*/


body {margin-top: 10px}

a img {border: none} 

#wrap {
width: 750px;
height: 100%;
background-color: #fff;
margin: 0 auto;
font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#header {
width: 747px;
height: 200px;
margin: 0 auto 10px;
background: #fff url(images/headers/default.jpg) no-repeat;
font-size: 11px;
border-bottom: 1px solid #DDFF3C;
}

ul.menu {
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 20px;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 5px 15px 6px;
	}

ul.menu li a {
	font-size: 11px;
	color: #d0e16d;
	margin: 0;
	}

ul.menu li a:hover {
	color: #8a9c23;
    text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #8a9c23;
	}


.post {clear: both}

#hppost {
width: 500px;
padding-left: 5px;
padding-right: 10px;
float: left;
border-right: 1px solid #DDFF3C;
}

#hppost h2 {
font-size: 22px;
padding: 4px 0;
color: #ca1717;
font-weight: normal;
border-bottom: 1px solid #e2ff3e;
}

#hppost h2 small {display: block}

#hppost h2 small, #hppost h2 small a {
    font-size: 11px;
    color: #d0e16d;
}
#hppost h2 a {
font-size: 22px;
color: #ca1717;
text-decoration: none;
}

#hppost h2 a:hover {
color: #222;
}

/* Entry & Post Styling
++ This is where we will be styling the paragraph elements and their link states, to eliminate image borders and allow you to set different image link styles.
*/

#hppost .entry {
font-size: 12px;
line-height: 16px;
color: #555;
}

#hppost .entry a {
color: #8A9C23;
text-decoration: none;
}

#hppost .entry a:hover {
color: #D0E16D;
}

/* Sidebar
++ The sidebar is where you can put anything you'd like to display
on the sides (heh, get it?), of each page. In this case, Prebuilt's
sitebar comes with built in support for the "Recent Comments" plugin,
along with pulling Gravatars for that person. To style these elements,
we introduce the sidebar classes.
*/

#sidebar {
width: 220px;
font-size: 11px;
line-height: 12px;
color: #666;
float: right;
} 

#sidebar h2 {
font-size: 12px;
font-weight: normal;
margin-bottom: 8px;
color: #ca1717
}

#sidebar a {
color: #d0e16d;
text-decoration: none;
}

#sidebar a:hover {
color: #8a9c23;
}

#sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0;
        margin-bottom: 12px;
}
#sidebar ul li{
	margin-bottom:0.6em;
	padding:0.3em;
}

/* Comments
++ Here we are setting the styles, colors, and etc for the post comments. Prior to prebuilt 2, we didn't even add any css for this (forgot really), so now go have fun and customize away!
*/

#commentarea {
width: 100%;
padding-top: 10px;
font-size: 11px;
margin-top: 20px;

border-top: 1px solid #DDFF3C;
}

#precomments {
width: 100%;
}

#precomments img {
vertical-align: text-bottom;
border: 0px;
}

.comleft {
width: 75%;
float: left;
}

.comright {
width: 20%;
float: right;
}

h3#comments {
font-size:14px;
color: #666;
margin: 0px;
}

#commentsheader {
background: url(images/reply.gif) no-repeat;
height: 36px;
}

.commentsblock{
	margin:0.5em;
	padding:1em;

}
.commentsblock textarea{
	width:250px;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}

ol.commentlist{
	color:#777;
	font-size:11px;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding: 0px;
        width: 80%;
}

ol.commentlist a {
			color: #555;
			text-decoration: none;
			display: inline;
 }
			
		ol.commentlist a:hover {
			color: #222;
			text-decoration: none; 
}

.cauthor {
font-weight: bold;
font-size: 12px;
}

.cauthor a {
color: #555;
                        font-size: 12px;
                        font-weight: bold;
			text-decoration: none;
}

.cauthor a:hover {
color: #222;
text-decoration: none; 
}

.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}

.alt{
	background:#fff;
	padding:0.5em;
}

.alt2{
	background: #fff url('images/postdata.gif') 15px center no-repeat;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	margin: 10px auto;
	padding: 5px 20px 5px 45px;
}

.comment-even, .comment-preview {
	background-color: #F8FAFC;
}

.comment-odd {
	background-color: #fff; /* Change this colour to add "Flip flopping" backgrounds */
}

.authorcomment { /* Author background color */
	background-color: #f7f7f7;
}

/* Comment/Trackback Favatars & Gravatars */
.comment-favatar {
	-moz-opacity:0.5;
	opacity: 0.5;
	
	background: center center;
	float: right;
	margin: 2px 0 0 0; 
	width: 16px;
	height: 16px;
}
.comment-favatar:hover {
	-moz-opacity:1;
	opacity: 1;
}
.trackback-favatar {
	background: center center;
	width: 16px;
	height: 16px;
	float: left;
	margin: 2px 6px 0 2px;
	cursor: pointer;
}
.comment-gravatar img {
	float: right;
	padding: 2px;
	margin: 0;
	border: 1px solid #A5A5A3;
	width: 30px;
	height: 30px;
	background: #fff url(wp-content/gravatars/avatar.jpg) no-repeat center center;
}

#commentform textarea {
	width: 90%;
}

.gravatar {
	margin-right: -5px;
	float: right;
	border: 0px;
	}

ol.commentlist blockquote {
	background: #F8FAFC url("images/blockquote.gif") no-repeat left top;
	border: 1px solid #ebebeb;
	padding:1px;
        line-height: normal;
	font-size: 11px;
}

.whopostedthis {
font-weight: bold;
font-size: 11px;
}

#secdivide {
width: 746px;
height: 30px;
margin: 0 auto;
background-color: #fff;
margin-top:8px;
margin-bottom: 8px;
}

#footer {
width: 747px;
margin: 10px auto;
font-size: 11px;
color: #555;
padding-top: 5px;
border-top: 1px solid #ddff3c;
}

#footer a {
color: #555;
text-decoration: none;
font-weight: bold;
}

#footer a:hover {
}


.about .photo {float: left; margin: 0 4px 6px 0; border: 1px solid #DDFF3C; padding: 2px}
.about .txt {clear: both}

.widget_categories ul {overflow: hidden}
.widget_categories li.cat-item {float: left; width: 100px}

.more-link {font-size: 13px}

.share {}

a {text-decoration: none}
a:hover {text-decoration: underline}