/*   
Theme Name: Frog Log
Description: A clear and simple green, orange, white theme, easy to customize.
Author: Marcin Teodorczyk
Author URI: http://marcin.teodorczyk.info
Tags: white, green, orange, two-columns
Version: 0.9.6
*/

/* global */


#topbar {
margin:0px 0px 0px 0px;
padding:2px 2px 2px 2px;
border:0px;
width:746px;
height:80px;
background:#333;
text-align:center;
}

body {
	background:     #ccc;
	font-size:      9pt;
	line-height:    1.5;
	color:          #444;
	font-family:    Verdana, Helvetica, sans-serif;
}

div#main {
  width: 750px;
height:100%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
border-width: 1px;
 border-style: solid;
 border-color: #aaa;
background:     #fff;
}


#blogtitle h1 {display: inline;}

#blogtitle h1 a {
color:          #ff6600;
font-size:      20pt;
vertical-align: bottom;
background:     #333;
}
#blogdescription {
color:#999;
font-size:9pt;
background:#333;
}















blockquote {
margin:1em 0 1em 1em;
padding:0;
font-size:9pt;
font-style:italic;
color:#777;
}
blockquote p {
padding: 0px;
margin: 0px;
}
pre {
font-family:'Courier New', Courier, Monospace, Fixed;
line-height: normal;
overflow: auto;
padding-bottom: 2em;
margin: 0px;
background-image:url('images/bg_pre_dots.png');
background-repeat: repeat-x;
background-position: bottom left;
}
cite {
font-style:     italic;
color:          #777;
}
img {padding:2px 0px 0px 0px;margin: 0;}
a {text-decoration: none; color: #000;}
a:hover {color: #fd8008;}
h1, h2, h3 {font-size: 100%;}
h2, h3, h4, h5, h6 {color: #888;}
dl, dd, dt {margin: 0px;}

.clear {
	clear:both;
	height:1px;
}

.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}
#wrapper {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#wrapper img {
float: left;
margin-left:    100px;
margin-bottom:  20px;
}




/* header */

#hd {
    padding:        0px 0px 0px 0px;
background-color:#333;
}

div#hd div#hline {
    height:         1px;
    width:          90%;
    border-bottom:  1px solid #ddd;
    position:       absolute;
    top:            74px;
    right:          0;
    z-index:        -1;
}

#sitemeta {
    position:       absolute;
    right:          12px;
    top:            0;
    font-size:      8pt;
    width:          20em;
    text-align:     right;


}

#sitemeta ul{list-style: none;}
#sitemeta a {color: #aaa;}
#sitemeta a:hover {color: #000;}

#menu {
color:          #999;
background:     #333;
margin-top:     2px;
background-color:#333;
}
#menu ul {
text-align: center;
list-style:     none outside;
margin:         0px;
padding:        0px;
background-color:#333;
}
#menu ul li {
display:inline;
}
#menu ul li a {
font-size:      7pt;
color:          #999;
background-color:#333;
border-right: 1px solid #CCC;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
#menu .last_item a
{	
	border-right: none;
}



/* sidebar */
#sidebar {	
font-size:      8pt;
width:          16em;
background:     #fff;
position:       relative;
    top:            0px;
	float:      right;

padding:        0 4px 2em 1em;
color:          #ccc;
text-align:     left;
border-left:    1px solid #ddd;
}




#sidebar ul {
	list-style:     none outside;
	margin:         0px;
	padding:        0px;
}
#sidebar ul li {display: inline;}
#sidebar ul li ul {
	list-style:     none outside;
	margin-top:     0.4em;
	margin-bottom:  0.5em;
}
li.vategories ul {
	list-style:     none outside;
	margin-top:     1em;
	margin-bottom:  1em;
}
#sidebar ul li ul li {
	margin-top:     0em;
	display:        block;
}
#sidebar a {
	color:          #bbb;
}
#sidebar a:hover {
	color:          #000;
}
#sidebar h2 {
    color:          #bbb;
	font-size:      8pt;
	font-weight:    bold;
	display:        inline;
}



/* content */

.page {
	padding:    0 0 0 0;
	margin:     0 0 0 20px;
	float:      left;
	width:      40em;
	text-align: left;
}

#content, .searchresults, .categories, .archives, .linkspage {
	padding:    0 0 0 0;
	margin:     0 0 0 20px;
	float:      left;
	width:      40em;
	text-align: left;
}
#content a {
	color: #000;
	text-decoration: none;
}
#content a:hover {
	color: #fd6008;     /* orange */
}
#content h1, .post-wrap h1, h2.post-title {
	display: inline;
	font-size: 10pt;
	text-decoration: none;
	color: #aaa;  
}
#content h1 a, .post-wrap h1 a, h2.post-title a {
	color: #444;
	text-decoration: none;
	color: #fd6008;     /* orange */
}

#content h2 {
	display: inline;
	text-decoration: none;
}
#content h2 a {
	color: #444;
	font-size: 14pt;
}
#content img {
    border:     1px solid #999;
    margin:     1em 0;
}
#content table, #content table tr, #content table tr td, #content table thead th {
    border:     none;
    margin:     1em 0; 
    padding:    0;
    font-weight: normal;
    padding-right: 1em;
}

.post-content {
	clear:      both;
	padding:    10px 0;
	margin:     0;
}
#content ul, #content ol {
    list-style-position: inside;
    margin:     1em 0 1em 1em; 
    padding:    0;
}
.post {clear: both;}
.post-date {
	width:      50px;
	height:     50px;
	float:      left;
}
.post-month {
	font-size:  8pt;
	color:      #fff;
	text-align: center;
	display:    block;
	padding:    2px;
	background: #87d744;        /* green */
	text-transform: uppercase;
}
.post-day {
	font-size:      8pt;
	color:          #555;
	text-align:     center;
	display:        block;
	background:     #fff;
	border-bottom:  1px solid #87d744;
	border-right:   1px solid #87d744;
	border-left:    1px solid #87d744;
	padding:        2px;
	line-height:    8pt;
	text-transform: uppercase;
}
.post-meta {
    font-size:      8pt;
    color:          #505050;
}
.post-meta p {margin: 0;}
.post-wrap {
	margin-left:    70px;
	padding-bottom: 1em;
	margin-bottom:  2em;
}

/* comments */

#commentwrap h3 {
    font-size:  9pt;
    color:      #666;
}
#commentwrap ol li {
    margin:     3em 0;
}
#commentwrap input, #commentwrap textarea {
    border:     1px solid #999;
    padding:    0.2em 0.4em;
}
#commentwrap .url {
    font-weight:    normal;
}
#commentwrap {margin-left: 70px;}
#respond {padding-top: 1em;}
.comment-meta {font-size: 8pt; margin: 0;}
#commentwrap ol {
    list-style-type: none;
    margin: 0; padding: 0;
}
#commentwrap input#submit {
    color:      #505050;
    border:     1px solid #999;
    background: #fff;
}
.searchresults ul, .categories ul, .archives ul, .linkspage ul, .archives ul {
	list-style: none;
    margin: 0;
    padding: 0;
}

/* nav */
.nav {margin-left: 70px;}
.previous, .next {display: inline;}
.previous {padding-right: 1em;}
.next {padding-left: 1em;}

/* footer */
#cpyrt {
    font-size:  8pt;
    color:      #aaa;
    text-align: left;
    margin: 20px; 20px; 20px; 20px;
}
#footnote {
    font-size:  8pt;
    color:      #aaa;
    text-align: right;
    margin:     4em 10px 0 0;
}
#footnote a {color: #999;}
#footnote a:hover {color: #000;}
#footnote ul {list-style-type: none;}

/* wordpress */
.imgl {
border:0;
float:left;
margin:0;
padding:0;
}
.imgr {
border:0;
float:right;
margin:0;
padding:0;
}
.wp-caption {
font-size: 8pt;
margin-top: 1em;
}
.wp-caption p {
margin: 0.2em 0 0 0;
}