/*  
Theme Name: ifrogz2.0
Theme URI: Original at http://journal.barleyhut.com
Description: A neat, modern, widget-ready theme originally designed by <a title="derby web design" href="http://www.tristarwebdesign.co.uk/">tristar web design</a> and ported to Wordpress by <a href="http://journal.barleyhut.com">A.M. Griffin</a>.
Version: 1.0
Author: Hacked by Neum Schmickrath <a href="http://ifrogz.com">ifrogz.com</a> Originally by <a href="http://www.tristarwebdesign.co.uk/">tri star design </a> (ported to Wordpress by <a href="http://journal.barleyhut.com">A.M. Griffin</a>).
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
* { padding: 0; margin: 0; }
body { margin: 0; padding: 0; background-color: #7089B0; color: #564b47; font-family: geneva, "helvetica neue", helvetica, calibri, arial, sans-serif; font-size:88%; background-image:url(http://ifrogz.com/images/design/bg.jpg); background-repeat:repeat-x;}
html > body {font-size:13px;}
sup { /* For the 14 next to the blog title */color: #FFC671;}
a {text-decoration: none;color: #888;}
a:hover {text-decoration: none;color: #333;}
.alignleft {float:left;clear:left; border: 1px solid #aeaeae; padding: 5px; margin: 0 5px 3px 0;}
.alignright {float:right; clear:right; border: 1px solid #aeaeae; padding: 5px; margin: 0 0 5px 5px;}
 abbr, acronym, span.abbr {border: none;}
h1, h2, h3, h4, h5, h6 {font-family: "helvetica neue", helvetica, "lucida grande", calibri, arial, jamrul, sans-serif;}
h2 {font-size:1.651em;font-weight:normal;line-height:0.857em;margin-bottom: 0.857em;}
h2 a {color: #2E2E2E;}
h2 a:hover {color: #222;}
h3 {font-size:1.308em;font-weight:normal;line-height:1.059em;margin-bottom: 1.059em;}
h4, h5, h6{font-size:1.154em;font-weight:normal;line-height:1.2em;margin-bottom: 1.2em;}
#outercontainer {margin: 0 auto; width: 950px; background: #FFF;}
#container { margin: 0 auto; width: 920px; background: #FFF;}

/*-- HEADER --*/
    div#header {
        margin: 0 3px;
        padding: 0;
        height:56px;
        color: white;
		background-image:url(http://ifrogz.com/images/design/header_bg.jpg);
		background-repeat:repeat-y;			
		border-top:#7089B0 2px solid;
		border-bottom:#7089B0 2px solid;
        text-align: left;
    }
	div#banner {
		text-align: center;
		margin-bottom: 10px;
	}
    div#logo {
        float: left;
        width: 40%;
        margin: 0;
        padding: 2px 0 2px 0px;
        text-align: left;
    }
	.clear{
		clear:both;
		margin-bottom:3px;
	}
/*-- END HEADER --*/


/*---:[ NAV... the top navigation ]:---*/
.accessibility {
 	position: absolute;
 	top: -999em;
 	left: -999em;
 }
div#nav {
      position: relative;
	font-family: Arial, Helvetica, sans-serif;
}
div.wrapper {
	width: 950px;
}
#nav ul {     
    margin: 0;
    padding: 0;
    line-height: 1em;
    list-style: none;
}
#nav li {
    float: left;
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}
#nav li.active{
	background-image:url(http://ifrogz.com/images/design/green_arrow.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#556181;
}
#nav li:hover {
	background-color:#556181;
}
#nav li.tab{
	position:absolute;
	right:0px;
	top:22px;
}
#nav li.tab:hover {
	background-color: transparent;
}
#nav a,
#nav a:link,
#nav a:active,
#nav a:visited {
    display: inline;
	font-size: 1em;
    text-decoration: none;
    height:56px;
	line-height:56px;
	width: 100%;
    margin: 0;
    padding: 0px 10px;
    color: white;
}
#hacker {
	position: absolute;
	top: 5px;
	right: 5px;
}

/*--------Testimonials ------------*/
.testimonials label{
	width: 120px;
}
/*------ End Testimonials -----------*/

.clearing:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


/*---:[ maincontent styles ]:---*/
#main {width: 650px;background: #FFF padding:25px;float:left;}
#main p, #main ul, #main ol, #main blockquote, #main pre, #main td, #main th, #main label {margin: 0; line-height: 1.5em; margin-bottom: 1.5em;}
/*---:[ POST..where you'd style your blog posts ]:---*/
.entry-content {margin: 10px 0px 35px 0px;}
div.entry-content ul, ol{ list-style-position: inside; margin:0;}
div.entry-content  ul li {list-style-image: url(images/radio.gif);list-style-type: circle;list-style-position: inside;}
div.entry-content  ul ul {list-style-image: url(images/radio.gif);list-style-type: circle;list-style-position: inside;margin-left:18px;}
div.entry-content  ul ol {list-style-position:inside;margin-left:18px;}
.entry-content img { padding: 3px; margin: 0 6px 0 6px; border: 1px solid #bbb;}
.entry-content a img {border: 3px solid #ccc; }
.entry-content a:hover img {border: 3px solid #666;}
.entry-content p.entry-meta { /* For Categories, Tags and Comments at end of posts */ background: #fbfbfe; border: 2px solid #f1f7f6; font-size: 12px; padding:2px; text-transform: lowercase; }
.entry-content p.entry-date { background: #fff url(images/clock.gif) no-repeat left center; font-size: 12px; margin-top:-1.5em !important; padding-left: 13px; text-transform: lowercase; }
blockquote { margin: 18px 18px 18px 18px; background-color: #fbfbfe; border-bottom: 1px solid #eee;}
blockquote p {margin: 0.4em 0.8em;}
.code {margin: 15px 0;padding: 10px;display: block;overflow: auto;font: 400 1em courier, monospace;line-height: 120%;white-space: pre;background: #f1f7f6;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.alert { /* For Alert Class.  Thanks to bioneural.net */ background: #fff6bf url(images/exclamation.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324;}
/*---:[ SIDEBAR ]:---*/
#sidemenu { /*sidemenu id is for the top sidebar menu, the one with with the orange arrows*/width: 220px;font-size: 100% !important;list-style-image: none !important;list-style-type: none !important;margin-bottom:3em;}
#sidemenu li {font-size: 110% !important;list-style-image: none !important;list-style-type: none !important;}
#sidemenu a {color: #2E2E2E;display: block;padding: 3px;width: 220px;background: #FFF url(images/sidemenu-background-active.gif) repeat-x;}
#sidemenu a:hover {background: #FFF url(images/sidemenu-background-hover.gif) repeat-x;color: #333;}
#sidebar{float: left;width: 220px;padding:10px 25px 25px 25px;background: #FFF;}
#sidebar h4 {margin: 20px 0 10px 0;font-weight: normal;font-size: 140%;color: #2E2E2E;border-bottom: 1px solid #eee;}
#sidebar ul {list-style-type: none;margin: 0; line-height: 1.5em; margin-bottom: 1.5em;padding: 0;font-size: 95%;}
#sidebar ul ul li {list-style-image: url(images/radio.gif);list-style-type: circle;list-style-position: inside;}
#sidebar ul ul.posts li { /* For sidebar recent posts*/list-style-image: url(images/radio.gif);list-style-type: circle;list-style-position: inside;}
#sidebar ul ul.comments li { /* For brain's latest comments plugin or another comment plugin i suppose */list-style-image: url(images/comment.gif);list-style-type: circle;list-style-position: inside;}
#sidebar ul.subscribe li { /* For the Sidebar Subscribe RSS Bullets */list-style-image: url(images/feed_bullet.gif) !important;list-style-type:circle;list-style-position: inside;}
#sidebar h2.widgettitle { /* For Sidebar Widgets Titles */margin: 20px 0 10px 0;font-weight: normal;letter-spacing: -1px;font-size: 140%;font-family: georgia, tahoma, arial;color: #888;background: #fbfbfe;border-bottom: 1px solid #f1f7f6;}
#sidebar li.widget { /* For Sidebar Widgets Titles */font-size: 98%;list-style-image: none;list-style-type: none;}
#sidebar li.widget ul { /* For Sidebar Widgets Titles */list-style-image: url(images/radio.gif);list-style-type: disc;list-style-position: inside;}
li.widget_flickrrss { } /* for flickrrss sidebar widget */
li.widget_flickrrss a img { margin:0 3px 3px 0; padding:3px; }
li.widget_flickrrss a:hover img { background:#191919;}
#sidebar li#linkcat-1 h2 {margin: 20px 0 10px 0;font-weight: normal;letter-spacing: -1px;font-size: 140%;font-family: georgia, tahoma, arial;color: #888;background: #fbfbfe;border-bottom: 1px solid #f1f7f6;list-style-image: none !important;list-style-type: none;}
.search-form { padding: 5px 15px 0 0; margin:0 0 1.5em 0; background: #fff url(images/search-orange.png) no-repeat right center; }
.navigation { /*.Thanks to http://cutline.tubetorial.com/ */ width: 600px;  margin: 0 0 3.0em 0;  float: left; }
* html .navigation { margin: 0 0 2.5em 0; }
.previous { padding: 0 20px 0 0;  float: left; }
.next { float: right; }
.clear {width: 600px; height: 1px; clear: both;}
/*---:[ COMMMENTS]:---*/
#respond {font-size: 105%;}
#trackbacks {margin: 0 0 2em 0;}
#comments-form {margin: 4em 0 0 0;}
#comments-form input:focus, #comments-form textarea:focus { background: #ffffcc; }
#commentform textarea {background:#f4f4ff none repeat scroll 0%;border: 1px solid #aeaeae;width:100%;}
#comments-form a img {border:none !important;}
div.comment-meta {margin: 10px 0 10px 0;}
div.comment-meta img {margin: 0;}
div.comment-text {margin: 10px 0 10px 0;}
h4.comments-header { background: #f1f1f1;border: 3px solid #f5f5f5; padding-top:2px; padding-bottom: 2px; padding-left: 1px;}
h4.comments-form {margin: 15px 0 0 0;}
ul.policy {background: #f5f5f5; border: 1px dotted #aeaeae; float:left;margin: 1.5em 0 1.5em 0;width:275px;}
ul.policy li {list-style-type:none !important;padding:5px}
ul.labels {float:left;line-height: 1.5;width:275px; padding-left: 25px;}
ul.labels li{list-style-type:none !important; margin:0 0 1.5em 0;}
label.openid {background: #fff url(images/icon-openid.gif) left center no-repeat;padding-left:18px;}
ol.comments {list-style-position: outside;}
.comment-author, .comment-date {}
.even {background: #F0F0F0;}
.sign-in {width:550px;}
.odd {background: #FAFAFA;}
.highlight {background: #FFFFE5;}
img.gravatar {margin:0 0 0 3px; padding: 5px; float:right; border:1px solid #E0E0E0; background: #fff;}
#live-preview {margin: 20px 0 100px 0;}

/*---:[ footer styles ]:---*/
div#footer {
	position: relative;
	background-color:#444444;
	background-image:url(http://ifrogz.com/images/design/footer_shadow.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:58px;
	width: 100%;
	color:#8B3100;
}
div#footer_nav {
    font-size: 0.8em;
	background-color: black;
    height:33px;
    margin: 0;
    line-height:33px;
	border-bottom:#939393 10px solid;
	text-align: center;
}
div#footer_nav a{
	color:#FFFFFF;
	text-decoration:none;
}
div#footer_nav a:hover{
	text-decoration:underline;
	position: relative;
}			
div#chat{
	float:right;
	background-color: black;
	width: 163px;
	height: 335px;
}
div#credits {
	width: 950px;
	height: 100%;
	background-color: #7089b0;
	margin: 0 auto;
}
div#phone{
	color: #FFFFFF;
	height: 50px;
	font-size:10px;
	float: left;
	padding-top: 5px;			
}
div#phone span{
	color: #fff;
	font-size:20px;
}
div#copy{
	color: #FFFFFF;
	float:right;						
	font-size:10px;
	padding-top:10px;			
}
div#bbb{
	text-align:center;
	padding-top:4px;
}
/*-- END FOOTER --*/


/*---:[ plugin styles ]:---*/
a.extlink { /* For Link Indication */ padding-right: 10px;background: #fff url(images/external-link.png) no-repeat right center;}
.flickr { /* For Flickr Plugin in the Footer*/clear: both;padding: 25px;}
.flickr a {background: #191919;border: 2px solid #666;display: block;float: left;margin: 0 20px 5px 0;padding: 5px;}
.flickr img {border: 2px solid #999;display: block;width: 70px;height: 70px;}
.flickr a:hover {background: #666;border: 2px solid #333;display: block;float: left;margin: 0 20px 5px 0;padding: 5px;}