/*
Theme Name: LiveFrog
Theme URI: http://thefullbanana.com/themes/livefrog/
Description: Ascian live frog theme
Version: 1.0
Author: Pete
Author URI: http://thefullbanana.com/
Tags: 
*/

body {
	margin : 0;
	padding : 50px 0px 50px 0px;
	background : rgb(0, 0, 0);
	background-image : url(images/bodybg.png);
	background-position : top left;
	background-repeat : repeat-x;
	background-attachment : fixed;
	color : rgb(68, 68, 68);
	font-size : 62.5%; /* Resets 1em to 10px */
	font-family : verdana, arial, helvetica, sans-serif;
	text-align : left;
}

a { 
	color : rgb(0, 100, 0);
	text-decoration:none;
}

a:hover {
	text-decoration:underline; 
}

h1, h2, h3, h4, h5, h6 {
	color : rgb(85, 85, 85);
	font-family : verdana, arial, helvetica, sans-serif;
	text-align : left;
}

h1 {
	font-size : 1.5em;
}

h2 {
	font-size:1.4em;
}

h3 {
	font-size:1.3em;
}
	
h4 {
	font-size:1.2em;
}

h5 {
	font-size : 1.1em;
}

h6 {
	font-size : 1em;
}

img {
	border : 0;
}

input, textarea {
	font-size : 12px;
}

input[type=text], textarea{
	border : 1px inset rgb(170, 170, 170);
	background : rgb(255, 255, 255);
}

input[type=submit] {
	border : 1px outset rgb(170, 170, 170);
	background : rgb(221, 221, 221);
}

pre {
	overflow : auto;
	font-size : 1.2em;
}

code {
	background-color : rgb(248, 248, 248);
	color : rgb(17, 17, 17);
	font-size:1.2em;
}

/* Layout */
#page {
	min-width : 600px;
	max-width : 1000px;
	margin : 0 auto;
	padding : 0 20px 0 20px;
}

#container {
  margin : 0;
  padding:0 240px 0 240px;
}

#wrapper{
  float : left;
  width : 100%;
  border-left : 240px solid rgb(238, 238, 238); /* Sidebar left background color */
  border-right : 240px solid rgb(238, 238, 238); /* Siderab right background color */
  margin-left : -240px;
  margin-right : -240px;
  background-color : rgb(255, 255, 255);
  display : inline;
}

.sidebar {
	padding : 20px;
}

#sidebar_left {
	float : left;
	width : 200px;
	margin : 0 0 0 -240px;
	position : relative;
}

#content {
	float : left;
	width : 92%;
	margin-right : -100%;
	padding : 20px 4%;
	overflow : hidden;
	background : rgb(255, 255, 255);
}

#sidebar_right {
	float : right;
	width : 200px;
	margin : 0 -240px 0 0;
	position : relative;
}

#footer {
	clear : both;
	padding : 10px;
}

/* Header */
#header {
	margin : 0;
	height : 90px;
	background : transparent;
	background-image : url(images/header.jpg);
}

#headerlogo {
	position : relative;
	top : 50%;
	left : 20px;
}

#headerlogo h1, #headerlogo div.description {
	position : relative;
	bottom : 26px;
}

#headerlogo h1 {
	margin : 0;
	font-size : 2.5em;
}

#headerlogo h1 a {
	background : transparent;
	color : rgb(240, 240, 240);
	letter-spacing : 0.4em;
	text-transform : lowercase;
}

#headerlogo h1 a:hover {
	text-decoration : none;
}

#headerlogo div.description {
	margin : 10px 0 0 0;
	background : transparent;
	color : rgb(255, 255, 255);
	font-size : 1.2em;
	letter-spacing : 0.2em;
	text-transform : lowercase;
}

/* Top navigation */
#hmenu {
	background-color : rgb(255, 255, 0);
	float : right;
/*	width:auto; */
	width : 100%;
	border : 0;
	padding : 0;
	position : relative;
	bottom : 25px;
	right : 2px;
	height : 0;
	margin-bottom : -23px;
}

#hmenu ul {
	width : auto;
	float : right;
	list-style : none;
	padding : 0;
	margin : 0;
}
#hmenu ul li {
	display : inline;
	float : left;
	width : auto;
	padding : 0;
	margin : 0;
}

#hmenu ul li a {
	display : block;
	background-image : url(images/navbar.png);
	color : rgb(198, 200, 201);
	padding : 4px 20px;
	margin : 0 1px;
	text-decoration : none;
	text-transform : uppercase;
	font-size : 1.1em;
}

#hmenu ul li a:hover, #hmenu ul li.hmenu_rss a:hover {
	background-image : url(images/navbarhov.png);
	color: rgb(255, 255, 255);
}

#hmenu ul li ul {
	padding : 0.5px 0 0 0;
	position : absolute;
	display : block;
	visibility : hidden;
	z-index : 599;
}

#hmenu ul li.hmenu_rss ul {
	right : 0;
}

#hmenu ul li:hover ul {
	visibility : visible;
}

#hmenu ul ul li {
	display : block;
	float : none;
	width : auto;
}

#hmenu ul ul a {
	margin : 1px;
}

#hmenu ul li.hmenu_rss a {
	background : rgb(39, 86, 122) url('images/feed.png') no-repeat 95% 50%;
	padding : 4px 30px 4px 20px;
}

/* Sidebar */
.sidebar {
	color : rgb(34, 34, 34);
}

.sidebar ul {
	padding : 0;
	margin : 0;
	list-style : none;
	font-size : 1.1em;
	font-weight : normal;
}

.sidebar ul ul {
	font-size : 1em;
}

.sidebar ul li {
	margin : 0 0 2em 0;
}

.sidebar ul ul {
	margin : 0;
	padding : 0;
}

.sidebar li li {
	margin : 0.1em 0;
}

.sidebar li li:before {
	content : "\203A \0020";
	font-size : 1.2em;
}

.sidebar li li li {
	padding-left : 10px;
}

.sidebar ul h2 {
	margin : 0 0 5px 0;
	padding : 0;
	font-size : 1.1em;
}

.sidebar a.rsswidget img {
	border : 0;
	float : right;
}

/* Footer */
#footer { 
	text-align : center;
	font-size : 1em;
	background : rgb(0, 83, 1);
	color : rgb(238, 238, 238);
}

#footer a {
	color : rgb(170, 170, 204);
}

/* Post */
.post, .page {
	clear:both;
}

.blog .post, .archive .post, .search-results .post, .search-results .page {
	margin : 0 0 4em 0;
}

.postentry {
	font-size : 1.1em;
}

.postentry p, .postentry blockquote, .postentry ul, .postentry ol {
	text-align : left;
	font-size : 1em;
	line-height : 130%;
}

.postentry blockquote {
	margin : 10px 20px;
	padding : 5px 15px 5px 15px;
	border-left : 0.4em solid rgb(200, 242, 201);
	background-color : rgb(234, 250, 235);
	font-size : 1em;
	line-height : 1.2em;
}
.postentry blockquote blockquote {
	margin-left : 0;
	font-size : 1em;
}

.postentry a {
	border-bottom : 1px solid rgb(221, 221, 221);
}

.postentry a:hover {
	border-bottom : 1px solid rgb(34, 85, 136);
	text-decoration : none;
}

div.navigation {
	font-size : 1.1em;
}

.faket {
	width: 100%;
	margin: 0 auto;
}

.fakel {
	padding : 10px;
	float : left;
	width : 150px;
}

.fakec {
	padding : 10px;
	float : left;
	width : 150px;
}

.faker {
	padding : 10px;
	float : right;
	width : 150px;
}

.fakef {
	clear : both;
}

.postentry table {
	background-color : rgb(0, 255, 255);
	margin : 25px;
	border-width : 0;
	font-size : 0.9em;
	text-align : left;
}

.postentry table tr td {
	padding : 10px;
	border-width : 0;
}

.postentry table tr th {
	border-width : 0;
	padding : 10px;
}

h2.posttitle {
	margin : 0 0 5px 0;
	padding : 0;
}
.postmetadata {
	clear : both;
	margin : 1em 0;
	font-size : 1.2em;
	font-variant : small-caps;
	background-color : rgb(255, 255, 255);
	color : rgb(136, 136, 136);
	text-align : left;
}
.posttagscat {
	margin : 0 0 10px 0;
}
.postcat {
	margin : 0 10px 0 0;
}
.postcomment {
	font-size : 1.1em;
}
.postedit:before {
	content:' | ';
}
.poststicky {
	margin : 0 0 0 10px;
}
.poststicky:before {
	content : '\2022 \0020';
}
div.archive-desc {
	border : 1px solid rgb(204, 204, 204);
	background-color : rgb(248, 248, 248);
	padding : 5px 10px;
	margin : 0 0 10px 0;
	font-size : 1.4em;
}

.wp-caption {
   border-top : 1px solid rgb(221, 221, 221);
   border-right :  2px solid rgb(187, 187, 187);
   border-bottom : 2px solid rgb(187, 187, 187);
   border-left : 1px solid rgb(221, 221, 221);
   text-align : center;
   background-color : rgb(255, 255, 232);
   padding-top : 4px;
   margin-bottom : 15px;
}

.wp-caption a, .wp-caption a:hover, .gallery a, .gallery a:hover, .attachment a, .attachment a:hover {
	border : none;
}

.wp-caption img {
   margin : 0;
   padding : 0;
   border : 0 none;
   background-color : rgb(230, 230, 230);
}

.wp-caption p.wp-caption-text {
   font-size : 0.95em;
   margin : 4px 0 0 0;
   padding : 5px;
   text-align : center;
}

.gallery {
	border : 1px solid rgb(221, 221, 221);
	background-color : rgb(243, 243, 243);
}
.gallery-item {
	margin : 10px;
}
.gallery-caption {
	font-size : 0.8em;
}
.attachment img {
	border : 1px solid rgb(221, 221, 221);
	background-color : rgb(243, 243, 243);
	padding : 4px;
}

/* Comments */
textarea#comment {
	width : 100%;

}
.commentlist {
	margin : 0;
	padding : 0;
}

.children {
	margin : 0 -21px -21px 0;
	padding  :0;
}

li.comment, li.trackback, li.pingback {
	list-style : none;
	border : 1px solid #eee;
	padding : 20px;
	margin : 10px 0;
}

ul.children li.comment {
	margin : 10px 0 -11px 0;
}
	
.comment-body {
	overflow : auto;
}

.commentlist li.even {
	background-color : rgb(250, 250, 250);
}

.commentlist li.odd {
	background-color : rgb(246, 246, 246);
}

.commentlist li.bypostauthor {
	background-color : rgb(255, 255, 248);
}

.commentlist li.bypostauthor > .comment-body > .comment-author > cite {
	border-bottom : 1px solid rgb(170, 170, 170);
}

.comment-body p {
	font-size : 1.3em;
}

.comment-body blockquote {
	margin : 5px 10px;
	padding : 0 0 0 5px;
	border-left : 0.4em solid rgb(221, 221, 221);
	font-size : 0.9em;
}
.comment-body blockquote blockquote {
	font-size : 1em;
}

.comment-body img.avatar {
	float : right;
	border : 1px solid rgb(238, 238, 238);
	margin : 0;
	background : rgb(255, 255, 255);
}

.comment-author cite {
	font-style : normal;
	font-weight : bold;
	color : rgb(85, 85, 85);
	font-size : 1.4em;
}

.comment-meta {
	margin : 4px 0 0 0;
}

.reply {
	margin : 5px 0;
	padding : 0;
	font-size : 1.1em;
}

/* Calendar */
#wp-calendar {
	text-align : center;
	width : 100%;
}

#wp-calendar caption, #wp-calendar thead th{
	font-weight : bold;
	text-transform : uppercase;
	color : rgb(85, 85, 85);
}
#wp-calendar tbody td {
	border : 1px solid rgb(204, 204, 204);
	background : rgb(242, 242, 242);
}

#wp-calendar tbody td a {
	font-weight : bold;
}

#wp-calendar td#today {
	background : rgb(228, 228, 228);
}

#wp-calendar tbody td.pad {
	border : none;
	background : transparent;
}

/* Search Form*/
#searchform {
	margin : 10px auto;
	padding : 5px 3px;
}

.sidebar #searchform #s {
	width : 120px;
	padding : 2px;
}

.sidebar #searchsubmit {
	padding : 1px;
}

.screen-reader-text {
     position : absolute;
     left : -1000em;
}

abbr {
	cursor : help;
	border-bottom : 0.1em dotted;
}

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

.alignleft {
   float : left;
   margin : 0 10px 0 0;
   width : auto;
}

.alignright {
   float : right;
   width :auto;
   margin : 0 0 0 10px;
}

#hmenu {
	background-color : rgb(0, 0, 0);
	background-image : url(images/navbar.png);
	float : none;
	position : static;
	height : 24px;
	margin : 0;
}

#hmenu ul {
	float : none;
}

/* That's all, folks */