/*  
Theme Name: TechLove
Theme URI: http://wordpress.org/extend/themes/techlove
Description: TechLove is a light and fast theme for WordPress built for fast site load and simplicity in mind. It lacks heavy graphics, scripts and inline styles. All necessary elements are styled and is compliant with W3C and WordPress themming standards. :) You can change the look of the whole theme by editing just a few lines of the code. Enjoy TechLove 1.0.4!
Version: 1.0.4
Author: 0p0
Author URI: http://www.0p0media.com
Tags: dark, green, one-column, sticky-post, fixed-width
*/


/* GENERAL */
html {
	height: 100%;
	margin-bottom: 1px;/* force vertical scrollbars */
}
body {
	background: #6f6f33 url('images/bghuge.jpg')center top no-repeat;
	color:#fcffc6;
}

body img {
	border:0 none;
}
body a img  {
	border:0 none;
}

html, body, div, span,iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, ins, strong, ol, ul,
fieldset, form, label, legend, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size:0.98em;
font-family: 'Trebuchet MS', 'Calibri', Arial, Sans-Serif;
vertical-align: baseline;
}






/* SITE WRAPPER */
#root {
	width:900px;
	border:0 none;
	margin:0px auto;
	overflow:hidden;
}






/* HEADER */
#header {
	background:transparent;
	min-height:150px;
	max-height:250px;
	z-index:5;
	padding-top:30px;
	margin-bottom:30px;
}

#header h1 {
	margin-top:px;
	line-height:1;
	color:#fff;
	text-transform: uppercase;
}

#header .description {
}




/* MAIN MENU */
#header .menu {
	height:32px;
    background:transparent url('images/b60.png');
    z-index:3;
    vertical-align:middle;
    overflow:hidden;
}


#header .menu ul {
	list-style:none;
	display:block;
	float:left;
}


#header .menu li {
	height:32px;
    padding:7px 0px;
    display:block;
    font-weight:bold;
    float:left;
    font-size:1em;
    vertical-align:middle;
}


#header .menu li a {
    padding:7px 12px;
    font-weight:bold;
    font-size:1em;
    vertical-align:middle;
}


.menu li:hover {
    background:url('images/w40.png');
}


/* blog search */
#header .search {
	background:url('images/w10.png');
	vertical-align:middle;
	z-index:7;
	height:auto;
    color:#ccc;
    margin:3px 15px;
    float:right;
}


#header .search input.s {
	width:150px;
    color:#ccc;
    border:0;
    outline:0;
    font-size:.82em;
    background:transparent;
    text-align:right;
    border:0px none;
    margin:0px;
    vertical-align:middle;
}


#header .search input.button {
    vertical-align:middle;
    margin:0px;
    border:0;
}








/* POSTS */
#main-block {
	background:transparent;
	width:100%;
	overflow:hidden;
	margin-top:20px;
}


/* PAGE OR POST CONTENTS */
#content {
	background:transparent;
}


/* eliminates post ul li decoration */
#content ul.poster {
	list-style:none;
}


/* each post */
#content li.post {
	background:url('images/b30.png');
	padding:30px;
	margin-top:30px;
	overflow:hidden;
}

#content li.sticky {
	background:url('images/b60.png');
	padding:30px;
	margin-top:30px;
	overflow:hidden;
}


/* the content of the post */
#content .entry {
	background:url('images/w10.png');
	margin:0px;
	padding:30px;
	min-height:100px;
}


/* justifies all paragraphs in posts ALWAYS! */
#content .entry p {
	text-align:justify;
}


/* search posts list */
#content .poster_search {
	list-style:none;
	float:left;
}
/* each search result */
#content .poster_search .post {
	display:block;
	float:left;
	width:40%;
	margin:15px;
	border:0px none;
	overflow:hidden;
	height:200px;
	max-height:200px;
}

#content .search_excerpt {
	background:url('images/w10.png');
	padding:15px;
	display:block;
	overflow:hidden;
}


/* each blog home page entry */
#content .poster_blog .post {
	display:block;
	float:left;
	width:40%;
	margin:15px;
	border:0px none;
	overflow:auto;
	height:400px;
}

#content .entry_blog {
	background:url('images/w10.png');
	padding:15px;
	display:block;
	overflow:auto;
	min-height:60px;
	max-height:240px;
}



/* horizontal separators */
hr {
	color:#666666;
	border:1px solid;
}








/* COMMENTS */

#commenter {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
	margin-top:20px;
	padding:30px;
}

#commenter ul.commentlist {
	list-style:none;
}

#commenter ul.commentlist li {
	margin:15px;
}
/* uneven comment box class*/
#commenter .graybox {
	padding:15px;
	background:url('images/b20.png');
	width:600px;
	overflow:hidden;
}
/* even comment box class */
#commenter .blackbox {
	padding:15px;
	background:url('images/b50.png');
	width:600px;
	overflow:hidden;
}







/* COMMENT FORM */
input, textarea {
	font-family: 'Trebuchet MS', 'Calibri', sans-serif;
	color:#fcffc6;
	padding:5px;
}


#commenter input {
	background:#6f6f33 url('images/w10.png');
	border:0 none;
	width:200px;
}

#commenter input:hover {
	background: url('images/w30.png');
}

#commenter textarea {
	background:#6f6f33 url('images/w10.png');
	border:0 none;
	width:666px;
}

#commenter textarea:hover {
	background: url('images/w30.png');
}









/* THE SIDEBAR */
#sidebar {
	background:transparent;
	width:900px;
	margin-top:30px;
	margin-bottom:0px;
	margin-left: auto;
	margin-right: auto;
	border:0px none;
	overflow:hidden;
	background:url('images/b20.png');
}

/* EACH SIDEBAR BOX */
#sidebar .box {
	float:left;
	width:22.8%;
	border:0px none #000;
	padding:10px;
}

#sidebar .box li {
	margin-left:20px;
}

#sidebar .box h3 {
	background:url('images/b50.png');
	font-size:1.2em;
	padding:5px;
}






	
/* FOOTER */
#footer {
	background:url('images/b10.png') repeat;
	width:840px;
	height:30px;
	margin-top:15px;
	margin-bottom:0px;
	margin-left: auto;
	margin-right: auto;
	padding:30px;
	font-size:0.8em;
}

/* Footer's blog's metadata */
#my_blog_info {
	float:left;
}

#tech_love_info {
	float:right;
}

#w3c_valid_code {
	float:right;
	clear:both;
	margin-bottom:0px;
}






/* TEXT STYLES */

/* TITLES */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight:normal;
	text-transform: uppercase;
	color:#bed236;
	font-family: Helvetica, sans-serif;
}
h1 {
    letter-spacing:-0.1em;
    font-size:3em;
    text-decoration:none;
    line-height:1.8;
    font-family: Helvetica, sans-serif;
}

h1 a {
    text-decoration:none;
}

h2 {
    font-size: 2.2em;
    font-family: Helvetica, sans-serif;
}
h3 {
    font-size: 1.67em;
    padding-bottom:.6em;
    font-family: Helvetica, sans-serif;
}

h4 { font-size: 1.3em; font-family: Helvetica, sans-serif; }
h5 { font-size: 1.2em; font-family: Helvetica, sans-serif; }
h6 { font-size: 1.1em; font-family: Helvetica, sans-serif; }

/* WORDPRESS ALIGNMENT */
.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
    float:left;
}
.alignright {
   float: right;
}

/* LISTS INSIDE POSTS */
#content .post ul,
#content .post ol {
    margin: 0 0 1em 2em;
}
#content .post ul {
    list-style-type:disc;
}
#content .post ol {
    list-style-type:decimal;
}
#content .post ul li,
#content .post ol li {
    line-height:1.4em;
}

/* TEXT ALIGNMENT */
.t-right 	{ text-align: right; }
.t-left 	{ text-align: left; }
.t-center 	{ text-align: center; }
.t-justify 	{ text-align: justify; }

/* LINKS */
a:link,
a:visiTed,
a:focus,
a:hover,
a:active	{ color:#a9bd22; text-decoration: none; cursor:pointer; }
a:hover		{ color:#ebff68; }
a:active,
a:focus     { outline: 0; }


li.current_page_item {
    background:url('images/w20.png') repeat;
}



/* PARAGRAPHS */
p			{ color:#eaf3b1; margin-bottom:1.5em; }

strong		{ font-weight: bold; }
em			{ font-style: italic; }
pre			{ border: 1px dotted #555; margin-bottom: 1.2em; padding:1.2em; }
ins			{ text-decoration:none; }
del			{ text-decoration:line-through; }
acronym		{ border-bottom:1px dotted #666; text-transform:uppercase; }
dl {
    margin-bottom:1.2em;
}


/* NAVIGATION LINKS */
.navigation {
    margin:0px 30px;
    padding:7px;
    font-weight:bold;
    color:#f80;
    margin-bottom:40px;
}


.navigation a {
    padding:7px;
    background:url('images/b30.png') repeat ;
    font-weight:bold;
    color:#f80;
    overflow:hidden;
}


.navigation a:hover {
    background:url('images/w20.png') repeat ;
    color:#fff;
}


/* IMAGES AND OTHER STUFF */
#content .entry img {
	border:0 none;
	margin:5px;
}
#content #entry a img {
	border:2px solid #000;
}


/* WORDPRESS CALENDAR CELLS */
#calendar_wrap th {
	padding:5px;
	background:url('images/w30.png');
}
#calendar_wrap td {
	padding:5px;
	margin:2px;
	background:url('images/w10.png');
}


/* BLOCKQUOTES */
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
clear:both;
font-size:30px;
}
blockquote, q {
quotes: "" "";
}

blockquote {
    background:url('images/quote.png');
    background-repeat:no-repeat;
    background-position:top left;
    font-style:italic;
    color:#bfc682;
}

blockquote    {
    margin:15px;
    padding:15px;
}

#rss {
	float:right;
	position:absolute;
	top: 15px;
	right:200px;
	width:150px;
	height:15px;
}


/* paged posts & pages links */
.page-links {
	float:right;
	font-size:2em;
}

/* tables in posts*/
.entry table {
	border:0 none;
	background:transparent;
}
/* table headings */
.entry table th{
	border:0 none;
	background:url('images/w30.png');
	margin:3px;
	padding:3px;
}
/* table cells */
.entry table td{
	border:0 none;
	background:url('images/w10.png');
	margin:3px;
	padding:3px;
}

/* WORDPRESS CAPTIONS */
.wp-caption {
	background:url(images/w30.png);
	padding:5px;
	
}
/* WordPress caption text */
.wp-caption p.wp-caption-text {
	text-align:center;
	font-size:.82em;
}