/*  
Theme Name: Over Easy
Theme URI: http://www.woothemes.com/
Description: Over Easy by WooThemes
Version: 2.0.6
Author: WooThemes
Author URI: http://www.woothemes.com/
*/

/*=== Setup ===*/
*{border: 0; margin: 0; padding: 0; }

body{ font: 13px "Trebuchet MS", Arial, Helvetica; padding: 20px 0px; line-height:1.8em; }
input,select,textarea {font-size: 12px; padding: 2px; }
li { list-style: none; }
h2 { font-size: 2.2em; letter-spacing: -1px; margin: 0 0 .8em }
h3 { font-size: 1.8em; margin: 0 0 1em }
h4 { font-size: 1.2em; margin: 0 0 1em }
p {font-size: 14px; padding: 0 0 1.5em }
h1, h2, h3, h4 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:100;}


/*=== Intro ===*/
.intro {line-height:1.3em;z-index:0;}

/*=== Layout ===*/
#page {margin: 0 auto; width: 940px;}

/*=== Header ===*/
#header {height: 144px; position:relative;}
#header .spacer {float: right}
#header #info {float: right; display: block; height: 0px; width: 280px; padding: 0px; margin-top: 55px}

/*- Logo -*/
#header h1{float: left; _width:414px;}
#header h1 a{display: block; height: 144px;}
#header h1 a:hover{text-decoration: none;}

/*=== Buttons ===*/
.btn-rounded{line-height: 30px; font-weight:bold; float: left;}
.btn-rounded a {padding: 0 0 0 13px; display: block; float: left;}
.btn-rounded a span{height: 30px; padding: 0 13px 0 0; display: block; float: left;}
.btn {margin:0; padding:5px 10px;}

/*=== Navigation ===*/
/*- Nav1 -*/

/*=== Page Nav ( alternative with dropdowns) == */

#nav1 {font-size:16px; font-weight:bold; height:30px; letter-spacing:-1px; float:right; margin:38px 0 0; text-transform:uppercase;}
#nav1, #nav1 ul {padding: 0; list-style: none; line-height: 1; z-index: 100;}
#nav1 a {display: block; line-height: 30px; padding: 0 10px; z-index: 100;}
#nav1 li {float: left; line-height: 30px; margin: 0 4px 0 0;}
#nav1 li a {padding: 0 0 0 13px; text-decoration: none;}
#nav1 li a span {display: inline-block; height: 30px; padding: 0 13px 0 0;}
#nav1 li a:hover, #nav1 li.active a, #nav1 li.current_page_item a {cursor: pointer; text-decoration: none;}
#nav1 li.active a span, #nav1 li.current_page_item a span, #nav1 li a:hover span { }

/* Style drop down list */
#nav1 li ul {position: absolute; left: -999em; width: 168px; font-weight:normal; letter-spacing:0; text-transform:none;}
#nav1 li ul li {border-width:0 1px 1px; float: none;}
#nav1 li.current_page_item ul li a { }
#nav1 li ul li a:hover,#nav1 li ul li.active a, #nav1 li ul li.current_page_item a { }
#nav1 li ul li a span, #nav1 li ul li.active a span, #nav1 li ul li.current_page_item a span, #nav1 li ul li a:hover span {background:none !important;}
#nav1 li:hover ul, #nav1 li.sfhover ul {left: auto;}
#nav1 li ul li a span {display:inline; height: 30px; padding: 0 13px 0 0;}
#nav1 li ul li a {line-height: 30px; font-size: 14px; width: 150px;}
#nav1 li ul li ul li a {border-width:0 1px 1px 0px;}
#nav1 li ul ul {margin: -31px 0 0 163px;}
#nav1 li:hover ul ul, #nav1 li.sfhover ul ul {left: -999em;}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul {left: auto;}

/* IE7 Fix */
#nav1 li:hover, #nav1 li.hover {position: static; visibility:visible;}
html>body #nav1 li ul li { *margin-top:-2px; }

/*- Nav2 -*/
.nav2 li, .widget li{ padding: .5em 0 .5em 20px; }
#rightcol .widget .textwidget ul { margin:0; padding:0; }

/*=== All Columns ===*/
#columns {height: 1%; padding: 0 0 10px;}

/*=== Center Column ===*/
#centercol{float: left; width: 620px;}

/*=== Right Column ===*/
#rightcol {float: right; margin: 20px 0 0; width: 320px;}
#rightcol h3 {font-size: 1em; height: 2.4em; margin-top:10px;}
#rightcol h3 span {display: block; float: left; line-height: 2.4em; padding: 0 10px;}
#rightcol .widget ul, #rightcol .textwidget {height: 1%; margin: 0 0 2em; padding: 7px 15px 15px;}

/*=== Sub Columns ===*/
.col1 {float: left; width: 115px; margin:0 0 1em;}
.col1 a { }
.col2 {float: right; width: 425px;}
.col3 {float: left; padding: 0 35px 0 0; width: 273px;}
.col3.last, .col6.last {padding: 0;}
.col3.nav2, .col6.nav2 { background: none; padding: 0; }
.col3 h2 { margin: 0 0 .5em;}
.col3 p { padding: 0;}
.col4 { float: left; width: 335px;}
.col5 { float: right; width: 415px;}
.col5 img { }
.col6 { float: left; padding: 0 20px 20px 0; width: 300px; }
* html .col6{width: 290px;}

/*=== Styling Boxes ===*/

/*- Box1 -*/
.box { margin: 0 0 1em; width: 620px }
.box .top,.box .bot { clear: both; height: 20px; overflow: hidden }
.box .bot { }
.box .spacer { height: 1%; padding: 15px 30px }

/*- Box2 -*/
.box2 { margin: 20px 0 1em; width: 320px }
.box2 .top,.box2 .bot { clear: both; height: 35px; overflow: hidden }
.box2 .bot {height: 35px; }
.box2 .spacer {height: 1%; padding: 5px 25px;}

/*- Box3 -*/
.box3 {margin: 0 0 1em; width: 425px;}
.box3 .top,.box3 .bot {clear: both; height: 10px; overflow: hidden;}
.box3 .bot { }
.box3 .spcr {height: 1%; padding: 0 20px; min-height:100px;}
.box3 p {padding: 0; }

/*- Box4 -*/
.box4 {font-size: 1.8em; margin: 20px 0px; width: 940px;}
.box4 .spacer {height: 1%;}
.box4 p {padding: 0;}
.box4 .intro {margin: 20px 0px;}

/*- Box5 -*/
.box5 {margin: 0 0 30px; width: 945px;}
.box5 .top,.box5 .bot {clear: both; height: 10px; overflow: hidden;}
.box5 .bot { }
.box5 .spacer {height: 1%; padding: 15px 25px;}
.box5 .post img {border:0; margin-top:-5px; }

/*- Box6 -*/
.box6 {margin: 0 0 20px; width: 940px; }
.box6 .top,.box6 .bot {clear: both; height: 10px; overflow: hidden; }
.box6 .bot { }
.box6 .spacer {height: 1%; padding: 10px 25px; }
#footer .box6 .spacer {padding: 6px 25px 0px 25px;}

/*- Wrapper -*/
.wrapper {float: left; padding: 0 0 0 20px;}

/*- Date -*/
.date {margin: -15px 0 10px; position: relative;}

/*=== Styling Forms ===*/

/*- Search -*/
#search {height: 32px; margin: 0px; padding: 0 0 0 25px;}
#search input.keyword {float: left; font-size: 11px; padding: 7px 5px 8px; width: 190px;}
	
/*- Form1 Setup -*/
.form1 div {margin: 0 0 15px;}
.form1 label {padding: 7px 0 0 15px;}

/* Form1 Textarea */
.form1 textarea {height: 165px; overflow: auto; width: 550px;}

/*=== Link Buttons ===*/
.btn-cat {margin: 1em 0 1.5em;}
.btn-continue {margin: 0 0 2em;}
.btn-general{padding: 5px 10px;}
.btn-general a { }
.btn-continue a {padding: 0 0 0 20px;}
.btn-arr a {line-height: 25px; padding: 5px 10px}
.btn-arr1 {float: left; padding: 122px 0 0; width: 27px; margin-left:-36px; }
.btn-arr2 {float: right; padding: 122px 0 0; width: 27px;}

/*=== Pics, Ads etc. ===*/
.ads{margin: 0 0 10px;}
.ads img{margin: 0 8px 5px 0;}

/*=== Footer ===*/
#footer a {text-decoration: underline; padding-top: 10px;}
#footer img {position: relative; vertical-align:middle}

/*=== Misc. ===*/
.fix{clear: both; height: 1px; margin: -1px 0 0; overflow: hidden}
.fl{float: left}
.fr{float: right;}
.ac{text-align: center}
.ar{text-align: right}
img.centered{display: block;margin-left: auto;margin-right: auto;}
img.alignright{padding: 4px; margin: 3px 0 2px 10px; display: inline;}
img.alignleft{padding: 4px; margin: 3px 10px 2px 0; display: inline;}
.alignleft{ float: left;}
.alignright{float: right;}

/*=== Posts ===*/
.post img { }
.post ul, .post ol{padding: 0 0 1.2em 2em;}
.post ul li{padding: 0 0 0 20px;}
.post ol li{list-style-type:decimal; margin: 0 0 0 20px;}	
.post li a:hover { }
.post blockquote {font-family:Georgia, "Times New Roman", Times, serif; width:80%; height:auto; margin:0 0 15px 10px; padding:15px 25px 0px 55px; display:block; }
.post h2 a {text-decoration:none;}

/*=== Comments ===*/
#comments .box3 p { padding-bottom:10px; }
#respond { margin: 1em 0 0; }

/*=== Widget styling ===*/
.widget #recentcomments li{background: url(images/hl-dot.gif) repeat-x bottom; padding: .5em 0;}
.widget #recentcomments li a{ background:none; color: #a4b92e; text-decoration:none;}
.widget #recentcomments li a:hover{color: #a4b92e; text-decoration: underline;}
.widget #searchform, .widget #calendar_wrap{background: #f0eee1; height: 1%; margin: 0 0 2em; padding: 7px 15px 15px;}
.widget #searchform, .widget #calendar_wrap{clear: both; height: 1%; margin: 0 0 14px;}
.widget #wp-calendar caption {font-size:1.2em; text-transform: uppercase; font-weight: bold; padding: 10px 5px; margin-bottom:5px; color:#333333;}
.widget #wp-calendar {margin-left:auto; margin-right:auto; text-align:center; width:240px;}
.widget #wp-calendar thead th {	color:#333333;}
.widget #wp-calendar tfoot td {padding:10px 0 10px 0; text-align:left;}
.widget #wp-calendar tfoot td#next {text-align:right;}
.widget #wp-calendar td {width:auto;}
.widget #wp-calendar td a {padding:2px; text-decoration:underline;}
.widget #wp-calendar tfoot td a { color:#333333;}
.quote {background:url(images/ico-quote.gif) no-repeat top left; margin:9px 0 0; width:37px; height:29px;}
.flickr_badge_image img{margin: 0 3px 8px; padding: 0 7px 5px 0; float:left;}
.flickr img{vertical-align:middle; margin:6px 0 8px;}
.subscribe img{vertical-align:middle;margin:6px 0 8px;}

/*=== Slider ===*/
.stepcarousel{position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 795px; height: 300px; /*Height should enough to fit largest content's height*/}
.stepcarousel .belt{position: absolute; /*leave this value alone*/left: 0; top: 0;}
.stepcarousel .panel{float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 15px; /*margin around each panel*/ width: 770px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*=== THREADED COMMENTS == */
ol.commentlist li.threaded .box3 { width:auto; margin:0px; }
ol.commentlist li.threaded .col1 { width:90px; }
ol.commentlist li.threaded .box3 .spcr { padding:10px 15px 0; margin:0; }
ol.commentlist li.threaded .children { margin-left:20px; }
ol.commentlist li.threaded .col2 { float:none; width:auto; margin-left:115px; }

/* Fixes 2.0 */
#nav1 li ul li.cat-item a { color:#555; }