/*
	Theme Name: Flatheme
	Theme URI: http://isgeek.net/
	Description: 2 column widget ready wordpress 
	Version: 1.0	
	Author: Jj
	Author URI: http://isgeek.net/
*/
* { margin:0; padding:0; }

body {
    background: #FFF /*url(bg_gradient.png) repeat-x top;*/
    color: #666;
    font-family: sans-serif;
    font-size: 90%;
}

#wrap { }

#header{
    background-color: #333;
    padding-left: 15px;
}

#header h1 a { 
    color: #FAFAFA;
    font-size: 80%;
    text-decoration: none;
    font-weight: bolder;
}
#header a img {
    position: absolute;
    top: 10px; right: 300px;
}

#adsense { padding:0 0 10px; }

#content {
    float:left;
    width:70%;
    /*background-color: #FFF;
    border-right: 1px solid #CCC;*/
}

#sidebar {
    float:right;
    width: 28%;
}

#self {
}

#self img {
    float: left;
    border: 1px solid #000;
    margin: auto 5px;
}

#footer {
    border-top: 1px solid #444;
    background-color: #666;
    clear:both;
    padding-top: 1em;
    padding-left: 1em;
}

#footer h2 {
    color: #FFF;
    border-bottom: 1px solid #AAF;
}
#footer .col {
    width: 23% !important;
    float: left !important;
    margin: auto 5px;
}

#footer a{
    color: #FAFAFA;
}

h2 { font-size:150%; }

h4 { font-size:130%; }

h5 {
    font-size:170%;
    font-weight:normal;
    margin:10px 0px 22px 13px;
    text-decoration:none;
    color:#6A836B;
    border-bottom:1px solid #7F9C80;
}

ol#commentlist {
    list-style:none;
    margin: 15px; padding: 0;
}

ol#commentlist li {
    background: #E6E8FC;
    min-height:90px;
    border:1px solid #C9CDE9;
    padding: 15px;
}

.commentname { 
    float: left;
    color:#4b5ba2; 
    width: 130px;
    text-align: center;
}
.commentname .comment-avatar img {
    padding: 1px;
    border: 1px solid #C9CDE9;
}
.comment-date {
    font-size: 75%;
    color: #AAA;
}
.edit-comment {
    font-size: 50%;
    font-weight: normal;
    color: #3366CC;
}

.commentname a {
    color: #333;
    font: bold 110% sans-serif;
    text-decoration: underline;
}

.commenttext {
    margin-left: 150px;
}

.commentp {
    padding:20px 12px 10px 10px;
}

#commentblock ol li { margin-bottom:30px; }

#commentblock { margin-left:4px; }

.gravatar {
background:url(images/grav.png) no-repeat;
display:inline;
float:left;
height:32px;
width:32px;
margin:20px 0 0 10px;
padding:8px;
}

#commentsform {
    margin: 15px;
    padding: 5px;
    border: 1px solid #EEE;
    background-color: #FAFAFA;
}
#commentsform label {
    font-style: italic;
    color: #666;
    font-size: 80%;
}
.comments-tags {
    float: right;
    width: 250px;
    color: #AAA;
    font-size: 80%;
}

a img { border:0; }

.entrytitle {
padding: 3px;
display:block;
background: #FAFAFA url(entrytitle_bg.png) repeat-x top;
border-bottom: 1px solid #CCC;
}

h3.entrytitle a,h3.entrytitle a:visited,h3 a {
text-decoration:none;
display: block;
}

h3.entrytitle a:hover, h3 a:hover {
text-decoration:underline;
}

.entry {
border: 1px solid #DDD;
margin: 1em;
}

.entrybody img {
border:1px solid #e5e5e5;
}

.entrybody {
background-position:top left;
background-repeat:repeat-y;
margin:0;
padding:5px 5px 10px 10px;
}

.entrybody p {
margin-bottom:15px;
}

code, pre {
background-color:#eee;
border:1px solid #CCC;
padding:5px;
}

.entrymeta {
margin-top:0px;
background-color: #FAFAFA;
border-top: 1px solid #CCC;
padding: 3px;
text-align: right;
font-size: 80%;
clear: both;
}

.entrymeta_top {
color:#557687;
font-weight:400;
margin-bottom:5px;
margin-top:0px;
padding:5px 0px 0px 10px;
font-size:12px;
}

h2.archives {
background-color:#FFC;
color:#999;
font-style:italic;
margin-bottom:25px;
text-align:center;
}

.entrymeta-single {
color:#333;
margin-bottom:20px;
margin-top:3px;
}

#sidebar ul#feed {
list-style:none;
margin:15px 0;
padding:0;
}

#sidebar ul#feed li {
padding-bottom:3px;
padding-top:3px;
}

#sidebar ul#feed li a {
background:url(images/feed-icon-16x16.png) no-repeat left 50%;
padding-left:25px;
border-style:none;
}

.entrybody ul,.entrybody ol {
margin-bottom:10px;
margin-left:30px;
margin-top:10px;
}

.entrybody li {
padding-bottom:2px;
padding-top:2px;
}

#sidebar h2 {
    border-bottom:1px solid #C1E097;
    font-size: 120%;
    text-align: center;
    color: #4946A1;
}

#sidebar h2 a {
}

.sidebarbg {
    background-color:#eee;
    padding:3px;
}

.scrobblersmall {
    color:#ccc;
    font-size:11px;
    font-style:italic;
}

#sidebar p {
    margin-bottom:10px;
    margin-top:10px;
}

#sidebar ul {
    list-style: none;
    margin: 0px 5px;
    padding: 10px 0;
    font-size: 90%;
}

#sidebar li{
    list-style: none;
}

#sidebar ul li a {
    margin:0; padding: 3px;
    display: block;
}

#sidebar ul li a:hover {
}

#searchdiv {
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: 15px;
    padding: 0;
}

.current_page_item a:link,.current_page_item a:visited {
    background: #FFF url(images/current1.gif) left bottom no-repeat;
    color: #AAC8E0;
    height: 27px;
    line-height: 24px;
    margin-right: 2px;
    padding-left: 15px;
    text-decoration: none;
}

.current_page_item a:hover {
    background: #FFF url(images/current1.gif) left bottom no-repeat;
    color: #AAC8E0;
    height: 27px;
    margin-right: 2px;
    padding-left: 15px;
    text-decoration: none;
}

.navigation ul {
    list-style:none;
    margin:0;
    padding:0;
}

blockquote {
    border-left:4px solid #7FDF09;
    color:#444;
    padding-left:8px;
    margin:0 25px;
}

h1, h2, h3, h4 {
    font-weight:400;
}
#comments {
    text-align: center;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 3px;
    font-size: 200%;
}

h3,#commentblock h2 {
    font-size:120%;
}

.entrybody a:link, .entrybody a:visited {
    text-decoration:underline;
}

.entrybody a:active, .entrybody a:hover {
    text-decoration:none;
}

a:visited { color: #606; }
a:hover { color:#0A0; }

.navigation a:link span,.navigation a:visited span,.navigation a:hover span {
    background:url(images/active2.gif) right bottom no-repeat;
    height:24px;
    padding-right:12px;
}

.current_page_item a:link span,.current_page_item a:visited span,.current_page_item a:hover span {
    background:url(images/current2.gif) right bottom no-repeat;
    height:27px;
    padding-right:15px;
}

.clear {clear: both;}