/*  
Theme Name: Gettin' Froggy
Theme URI: http://hopperpress.com
Description: Froggy Style
Version: v1.04
Author: Jefte Puente
Author URI: http://hopperpress.com
*/

/* Begin Typography & Colors */


body { font-size: 62.5%; font-family: 'Lucida Sans Unicode','Lucida Grande', Serif;
color: #380001; text-align: center; background: #89BE62 url('/images/site_backtile.gif') top center repeat-x;}

.page {	text-align: left; }
.widecolumn .entry p { font-size: 1.2em; }
.widecolumn { line-height: 1.6em; }
.narrowcolumn .entry, .narrowcolumn p {	line-height: 150%; }
.narrowcolumn .postmetadata { text-align: left;	}
.postmetadata { padding: 5px; background-color: #F3EAE1; border-top: 1px solid #663520; border-bottom: 1px solid #663520; }
#content { font-size: 1.2em }

small { font-family: 'Lucida Sans Unicode','Lucida Grande', Serif;
	font-size: 0.9em; line-height: 1.5em; color: #380001; }

h1 { font: bold 2.2em/1em Palatino, Georgia, serif; }
h2 { font: bold 1.6em/1em Palatino, Georgia, serif; letter-spacing: -1px; color: #165B00; }
h3 { font: bold 1.8em/1.1em Palatino, Georgia, serif; letter-spacing: -1px; color: #155501; }
h4 { font-size: 1.2em; color: #3D6C2E; }

h1, h1 a, h1 a:hover, h1 a:visited, .description { text-decoration: none; color: #663520; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #380001; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, 
	#wp-calendar caption, cite { text-decoration: none; }

.description { font-size: 1.2em; text-align: center; }
h2.pagetitle { display: block; font-size: 2.0em; padding-top: 20px; padding-left: 20px; }
#sidebar h2 { font-family: 'Lucida Sans Unicode','Lucida Grande', Serif; font-size: 1.4em; }
.entry p a:visited { color: #165B00; }

.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Sans Unicode','Lucida Grande', Serif; }
.commentlist li { font-weight: bold; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none;	}
#commentform p { font-family: 'Lucida Sans Unicode','Lucida Grande', Serif; }
.commentmetadata { font-weight: normal; }

#sidebar { font: 1.2em 'Lucida Sans Unicode','Lucida Grande', Serif; }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #663520;}

code { font: 1.1em 'Lucida Sans Unicode','Lucida Grande', Serif; }

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }

a, h2 a:hover, h3 a:hover { color: #4F843E; text-decoration: none; font-weight: bold; }
a:hover { color: #4F843E; font-weight: bold; text-decoration: underline; }
	
h1 {display: none;}



/* Begin Structure */

body { margin: 0; padding: 0; }

.page { margin: 0px auto; padding: 0; width: 749px;
	background: no-repeat top left; background-position: 0px 250px; background-color: #E0E2CA; }

#header { padding: 0; margin: 0 auto; width: 749px; height: 225px;
	background: #F3EAE1 url("/images/site_head.gif") no-repeat; margin-top: 0; }

.narrowcolumn { float: left; padding: 0 20px 0 20px; margin: 10px 0 0 0; width: 390px; }
.narrowcolumnA { float: left; padding: 0; margin: 0 0 0px 20px; width: 390px; background: #E0E2CA; }
.widecolumn { padding: 15px 30px 30px 30px; margin: 0px auto; width: 685px; float: left; }
	
#articlesTitlebox { margin: 30px 0 0 35px; font-size: 1.2em; }

.post { margin: 10px 0 30px; text-align: left; line-height: 150%; padding: 20px; background: #F3EAE1; }
.postArticles{ text-align: left; line-height: 150%; padding: 10px 20px 10px 20px; background: #F3EAE1;
	margin: -1px 0 0 0;}

.widecolumn .post { margin: 0; }
.narrowcolumn .postmetadata { padding-top: 0px; font-size: 0.9em; }
.widecolumn .postmetadata { margin: 20px 0;}



#sidebar { float: right; padding: 0 20px 20px 0; width: 285px; background: #E0E2CA; }
#sidebar form {	margin: 0;}
	
#footer { padding: 20px; margin: 0; height: 65px; background: #89BE62; clear: both;}
#footer p { margin: 0; padding: 0px; text-align: center; }


/* Begin Headers */

h1 { padding-top: 70px; margin: 0; }
h2 { margin: 0; }
h2.pagetitle { margin-bottom: 15px; margin-top: 0px; text-align: left }
#sidebar h2 { margin: 10px 0 0; padding: 0; }
h3 { padding: 30px 0 10px 20px; margin: 0; }
h3.comments { padding: 0; margin: 40px auto 20px ;}
.description { text-align: center; }


/* Begin Images */

p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
img.strokeright { float: right; border: 1px solid black; padding: 0px; margin: 0 7px 2px 0; display: inline; }
img.strokeleft { float: left; border: 1px solid black; padding: 0px; margin: 0 7px 2px 0; display: inline; }


/* Begin Lists
Special stylized non-IE bullets	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 

html>body .entry li { margin: 7px 0 8px 10px; }

.entry ul li:before, #sidebar ul ul li:before {	content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }

.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none;	margin-bottom: 15px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px;	}
ol li, #sidebar ul ol li { list-style: decimal outside;	}
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0;	padding: 0; }


/* Begin Form Elements */

#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 115px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }

.entry form { /* Mainly for password protected posts, looks better. */	text-align:center; }

select { width: 130px; }

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; padding: 2px; }
#commentform #submit { margin: 0; float: right; }


/* Begin Comments*/

.commentlist .alt { margin: 0; padding: 10px; background: #EFF1E0;}
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0;	}
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }


/* Begin Various Tags & Classes */

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 15px; border-left: 5px solid #ddd;	}
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img {	border: none; }
.navigation { font-size: 0.9em; display: block;	text-align: center; margin-top: 0px; 
        color: white; padding-top: 0px; margin-bottom: 10px; height: 20px; }
.navigation a { color: #380001; }
.navigation a:hover { color: #4F843E; }


#pageInclude { 
	width: 370px; background: none; clear: left; padding: 20px 20px 10px 20px; 
	color: #663520; margin: 0 0 0 20px; }
#pageInclude h2 { font-family: 'Georgia', Serif; font-size: 2.6em; color: #4F843E; font-weight: bold; }
#pageInclude p { color: #380001; font-size: 1.3em; }

#insert { color: #380001; padding: 20px 10px 10px 10px; width: 270px; }
#insert h2 { color: #4F843E; font-size: 1.8em; }
#insert p { font-size: 1.1em; line-height: 125%; }
#insert a { color: #663520; text-decoration: underline; font-weight: bold; }
#insert a:hover { color: #4F843E; }

#titlebold { font-size: 1.8em; font-weight: 900; margin: 0; display: inline; margin-top: 30px; }
#titlelight { font-size: 1.8em; font-weight: 100; display: inline; margin-top: 30px; }

.archivecolumn { float: left; padding: 20px 0 20px 20px; margin: 0px 0 0; width: 50px; font-size: .9em; }

#footer a:hover { color: #4F843E; }


/* Main Nav */
	/* Main Nav Container */
		#navcontainer1 {
			width: 749px; height: 50px; padding: 0; margin: 0; 
			background-repeat: no-repeat; background-attachment: fixed; }

		/* Tabs (Top level menu items) www.alistapart.com/articles/slidingdoors2/  */
		#nav1 {
			background: #4F843E; width: 749px; float:left;
			font-size:2.0em; font-family: Palatino, Georgia, serif; letter-spacing: -1px;
			margin: 0 0 0 0; height: 50px; }

		#nav1 ul { margin:0; padding:0; list-style:none; }
		#nav1 li { float: left; position: relative; margin:0; padding:0; }
		#nav1 a { float:left; margin:0; padding:16px 10px 16px 10px; text-decoration:none; color: #F3EAE1; }
		#nav1 a:hover {	background: #B0B62F; color: #380001; }
		#nav1 a:hover span { background: #B0B62F; }

/* Dropdowns - http://www.htmldog.com/articles/suckerfish/dropdowns/ */
/* Applies to all sub-levels */
/* This line height controls button height -e */
	#nav_dropdown1, #nav_dropdown1 ul { 
	padding: 0; margin: 0; list-style: none; line-height: 18px; }
		
#nav_dropdown1 ul a {
	display: block;	background: none; font-weight: normal; font-size: .9em; }
		
/* 1st Level List Items */
#nav_dropdown1 li { float: left; }
		
/* 2nd Level List - UL
Sets a width on the UL element - Without it, list goes horizontal 
Hides the UL from view using left */
		
/* Using left instead of display to hide menus because display: none isn't read by screen readers */
#nav_dropdown1 li ul { position: absolute; left: -999em; }
		
/* 2nd Level List elements - LI */
#nav_dropdown1 ul li { clear:left; }
		
/* 2nd Level List elements - A */
#nav_dropdown1 ul li a { width: 100px; padding: 5px 7px 5px 7px; background: #ffbb00; color: #; border: 1px solid #ffb400;
	filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; }

#nav_dropdown1 ul li a:hover { background: #ffcd44; color: #4F843E; filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99; }
	
/*  3rd Level List elements - UL - Sets position of the UL element	*/
#nav_dropdown1 li ul ul { margin: -51px 0 0 135px; border-left: 0px; }
		
/* 3rd Level List elements - A */
#nav_dropdown1 ul ul li a { background: #ffcd44; }
#nav_dropdown1 ul ul li a:hover { background: #fbe08f; color: #; }		
		

/* This bit moves list items off the page using negative left margin */
#nav_dropdown1 li:hover ul ul, #nav_dropdown1 li.sfhover ul ul { left: -999em; }

/*  This brings the list items back on screen and into view upon hover
Note usage of .sfhover, a class required and called by the javascript function
that handles :hover attributes so that IE will properly :hover on a LI element	*/
		
/* lists nested under hovered list items */ 


#nav_dropdown1 li:hover ul, #nav_dropdown1 li li:hover ul, #nav_dropdown1 li.sfhover ul, #nav_dropdown1 li li.sfhover ul { left: 0px; top: 50px; }
		
/* Special Class For showing bg-image w/arrow for 3rd level items  */
#nav_dropdown1 .nav_has_level3 { background-image: url('images/site_arrow.gif');
	background-position: top right; }


#nav_dropdown1 .nav_has_level3:hover { background-image: url('images/site_arrow.gif');
	background-position: top right; }	

#body { float: left; }

.readmore { font-size: 0.9em; font-weight: normal; }
.readmore a { font-weight: normal; color: #155501; }
.readmore a:hover { font-weight: normal; color: #663520; }