/*   
Theme Name: greenlips
Theme URI: http://www.danielerollo.com/greenlips
Description: A minimal green design for your green weblog
Author: daniele rollo
Author URI: http://www.danielerollo.com/
Version: 0.1

*/

body {color:#000;background:#FFF; font-size: 76%; font-family: verdana, sans-serif; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

#container {width: 960px; margin: 0 auto;}

a {text-decoration: none; color: #3399ff;}
a:hover {text-decoration: underline; color: #222;}


/*  HEADER starts*/

#header {width: 960px; margin-bottom: 0px; clear: both;}
#header h1 {width: 600px; text-transform: lowercase; 
			font-size: 2.8em; font-weight: normal; letter-spacing: -0.1em;line-height: 1.1em;  
		  	z-index:20;}
#header h1 a{color: #ffffff; text-decoration: none;}
#header #mainheader {width: 600px; float: left;}
#header #more {margin-left: 640px; padding-top:40px;}


ul.social {margin-top:10px; padding-top: 35px; background: url(images/mitroviqui.jpg) top left no-repeat}
ul.social li {float: left; margin-right:10px;}

/*  HEADER ENDS*/



/*  NAVIGATION STARTS*/
.out {width: 640px; background: #fff; clear: left;} 
#navigation {width: 600px; background: #fff; overflow: hidden; z-index:10;background: #322;}
#navigation ul {width: 600px; background: #322;}
ul.nav {margin: 0; background: #322; }
ul.nav li {color: #ffffff;float: left}
ul.nav li.page_item a {padding:1.4em 3.8em 0.1em 0.5em; margin-right: 1px;background:  #322;; color: #fff;float: left; text-decoration: none; font-weight: bold;}
ul.nav li.current_page_item a { background: #fff; color: #444;float: left}
ul.nav li.page_item a:hover {background: #fff; color: #000;float: left}

/*  NAVIGATION ENDS*/


/*  CONTENT STARTS*/

#content {margin: 0 360px 0 0; padding-top: 2em;}
#content .post {margin-bottom: 2em;}
#content h2, #content h1 {background: #ffffff; margin-bottom: 4px;font-size:2em; color: #444444;}
#content h2 a, #content h1 a {color: #444444;;text-decoration: none; }
#content h2 a:hover, #content h1 a:hover {color: #000000;text-decoration: none; }

#content .entry {background: url(images/bggreen02.jpg); color: #444444;padding: 10px 15px 10px 15px;}
#content .excerpt {background: url(images/bggreen01.jpg); color: #444444;padding: 10px 15px 10px 15px;}

#content .author {background: url(images/bggreen01.jpg); color:#444;  padding: 0 5px 0 5px; font-size: 1em; line-height: 1.5em;}
#content .categories {background: url(images/bggreen01.jpg); color:#444;  padding: 0 5px 0 5px; font-size: 1em; line-height: 1.5em;}
#content .tags {background: url(images/bggreen03.jpg); color:#66ccff;  padding: 0 5px 0 5px; font-size: 1em; line-height: 1.5em;}
#content .tags a{color:#66ccff;}
#content .tags a:hover{color:#444;}

#content .comments {float: right; margin-right: 10px; line-height: 1.5em; background: transparent;}
#content img {padding: 4px; border: 1px solid #444; background: #ffffff; margin: 5px;}
#content .postnavy {background: #444; color: #eeffaa; overflow: hidden;}
#content .postnavy a {color: #ffffff;}
#content .postnavy a:hover {color: #eeffaa;}
#content .pntop {margin-bottom: 30px;}
#content .pnbottom {margin-top: 30px;}
/*  CONTENT ENDS*/


/* COMMENTS STARTS */
ol.commentlist {font-size: 13px;}

ol.commentlist li {margin-bottom:5px;padding: 5px;}
ol.commentlist li.alt {background: url(images/bggreen02.jpg);}
ol.commentlist li cite {font-weight:bold;}
h3#respond {font-size:1.5em; margin: 20px 0 10px 0; border-top: 1px solid #ccc;}
#comments {margin-bottom: 20px;}
/* COMMENTS ENDS */

/* COMMENTS POPUP STARTS */
#popupcontainer {padding:5px;}
#popupcontainer h1{font-size: 1.6em;}
#popupcontainer h2{font-size:1.5em; margin:0;}
#popupcontainer li {margin-bottom: 5px; padding: 5px;}
#popupcontainer li.alt {background: url(images/bggreen01.jpg);}
#popupcontainer h2.respondpp {border-top: 1px solid #ccc;}

/* COMMENTS POPUP ENDS */



/*  SIDEBAR STARTS*/

#sidebar {width: 339px; float: right; color: #555; margin-top: 30px; }
#sidebar .in {padding: 20px;}
#sidebar .sideboxlinks { width: 340px; overflow: hidden; }
#sidebar h3 {color: #444444; font-weight: bold; margin-top: 1em;}
#sidebar .advbox {margin-bottom: 20px;}


/*  SIDEBAR ENDS*/

/* FORMS STYLE STARTS */
.field {border: 1px solid #ccc; background: #ffffff; color: #333333; font-size: 1em; padding: 5px;background: url(images/bggreen01.jpg);}
.field:focus { border-color: #444; }

.button {border: 1px solid #ccc; background: #ffffff; font-size: 1em; padding: 4px; background: url(images/bggreen02.jpg);}
.button:hover {border: 1px solid #444444;}

/* FORM STYLE ENDS */


/* FOOTER STARTS */
#footer {clear: both; background: #222; color: #fff; margin-right: 360px;padding: 10px;}
#footer a:hover {color:yellow;}

/* FOOTER STARTS */

/* STYLES */
ul ol {margin-left: 10px;}
.entry ul li{list-style: disc inside;}
.entry ol li {list-style: decimal inside;}

blockquote {margin: 5px 10px 5px 10px; padding: 5px; background:url(images/bggreen01.jpg); color: #000; font-size: 1.2;}
code {background:url(images/bggreen01.jpg); font-size: 12px;}
pre {margin: 5px 10px 5px 10px; width: 510px; overflow: scroll; padding: 20px 10px 20px 10px; background:#fff;}
p {margin: 5px 0 5px 0;}

.postedin {font-size: 1.2em; color: #000;}

/* MISC */
.notop {margin-top:0;}
.float-left {float: left;}
.float-right {float: right;}