/*
	Theme Name: Lifestyle WordPress Theme
	Theme URL: http://www.studiopress.com/themes/lifestyle
	Description: Lifestyle is a 3-column Widget-ready theme created for WordPress.
	Author: StudioPress
	Author URI: http://www.studiopress.com
	Version: 3.0
	Tags: three columns, fixed width, white, tan, teal, purple, sidebar widgets
*/

/************************************************
*	Layout   								*
************************************************/

body { background: #FFF url(images/elements/background_tile.jpg) top repeat; color: #3a3938; font-size: 11px; line-height: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 50px 0px; padding: 0px; }

#wrap { background: url(images/elements/background-border-side.png) top repeat-y; width: 1020px; margin: 0px; padding: 0px; }

#header { width: 930px; height: 133px; margin: 0px; padding: 0px; _padding-left: 44px; }

#navbar { width: 890px; height: 30px; margin: 0px; padding: 0px; _padding-left: 28px; *padding-left: 28px; }
#navbarleft { width: 690px; float: left; margin: 0px; padding: 0px; }
#navbarright { width: 190px; float: right; font-size: 11px; margin: 4px 0 0 0; padding: 0px; }
.navtabs { float:left; width: 45px; margin: 175px 0 0 0; overflow: hidden; _position: absolute; _clear: both; _float: left; _width: 0%; }
.rightborderlines { float:right; margin-right:31px; overflow: hidden; }

.breadcrumb { float: left; width: 100%; font-size: 10px; margin: 0px; padding: 0px 0px 25px 0px; text-align: left; text-transform: lowercase; }
.breadcrumbwide { float: left; width: 890px; font-size: 10px; margin: 0px; padding: 0px 0px 25px 0px; text-align: left; text-transform: lowercase; }
.breadcrumb-separator { color:#8b8368; }

#content { width: 890px; min-height: 500px; height:auto !important; height: 500px; margin: 0px; padding: 5px 0px 10px 0px; _padding-left: 28px; *padding-left: 28px; text-align: left; }

#contentwide { width: 890px; _width: 870px; margin: 0px; padding: 0px 0px 10px 0px; text-align: left; }
.postareawide { float: left; width: 890px; margin: 0px; padding: 0px; text-align: left; }

#contentleft { float: left; width: 648px; margin: 0px; padding: 0px; text-align: left; }
#contentleftpage { float: left; width: 680px; margin: 0px; padding: 0px; text-align: left; }
.postarea { float: left; text-align: left; width: 100%; margin: 0px; padding: 0px; text-align: left; }

#sidebar { float: right; width: 212px; margin: 39px 0 0 0; padding: 0px; display: inline; text-align: left; }
#sidebarpage { float: right; width: 190px; margin: 39px 0 0 0; padding: 0px; display: inline; text-align: left; }
#sidebar .widget { float: left; width: 212px; margin: 0px; padding: 0px; }
.sidebarimg { margin: 5px 0 5px 0; }

.comments { float: left; width: 628px; margin: 0px; padding: 10px; border: 1px solid #DDDDDD; }

#footer { background: url(images/elements/background-border-bottom.jpg) top no-repeat; width: 1020px; height: 108px; margin: 0px auto 0px;  padding: 0px; }
#footer-wrap { width: 930px; margin: 0px auto 0px; padding: 0; font-size: 11px; line-height: 19px; }
#footer-left-top { clear: both; float: left; width: 700px; text-align: justify; margin-top: 110px; margin-bottom: 7px; }
#footer-right-top { float: right; width: 200px; text-align: left; margin-top: 110px; margin-bottom: 7px; }
#footer-left-bottom { clear: both; float: left; width: 700px; margin-bottom: 25px; text-align: left; }
#footer-right-bottom { float: right; width: 200px; margin-bottom: 25px; text-align: left; }

/************************************************
*	Layout - Blog Posts   							*
************************************************/

.rightsidedate { float:right;margin-top:3px; }
.topline { margin: 5px 0 5px 0;padding: 0; }
.commentsright { float: right;margin-top: 1px; }
.authorandtags { }
.authorandtagsline { }

/************************************************
*	Navbar      								*
************************************************/

#nav { margin: 0px; padding: 0px; }	
#nav ul { float: left; list-style: none; margin: 0px; padding: 0px; }

#nav li { float: left; list-style: none; margin: 0px; padding: 0px; }
#nav li a, #nav li a:link, #nav li a:visited { display: block; margin: 0px; padding: 0px; }
#nav li a:hover, #nav li a:active { margin: 0px; padding: 0px; text-decoration: none; }
	
#nav li li a, #nav li li a:link, #nav li li a:visited { background: #FFF; width: 150px; color: #813145; font-size: 11px; font-family: Georgia, Times New Roman; font-weight: normal; text-transform: none; text-align: left; float: none; margin: 0px; padding: 7px 10px 7px 10px; border: 1px solid #FAF0E7; }
	
#nav li li a:hover, #nav li li a:active { background: #FAF0E7; color: #232322; padding: 7px 10px 7px 10px; }

#nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; *margin-left: -45px; }

#nav li li { }
#nav li ul a { width: 140px; }
#nav li ul a:hover, #nav li ul a:active { }
#nav li ul ul { margin: -32px 0 0 171px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto;  }
#nav li:hover, #nav li.sfhover { position: static; }

#nav li.over ul { display: block; }

.clearfix { display:block; }
.children { margin: 0px; padding: 0px; }
	
.current { font-weight: bold; } 

/************************************************
*	Search and Sidebox							*
************************************************/

#searchform { margin: 0px; padding: 0px; overflow: hidden; display: inline; }

#searchbox { background: #F7F5EF !important; width: 140px; color: #495D5C; font-size: 11px; font-weight: normal; margin: 0px; padding: 4px 0px 3px 5px; border: 1px solid #DEDEDE; display: inline; }
	
#searchbutton { background: #B8A384; color: #FFFFFF; font-size: 10px; font-family: Georgia, Times New Roman, Trebuchet MS; margin: 0px 0px 0px 5px; padding: 3px 3px 2px 3px; font-weight: bold; border: 1px solid #EEDDD2; }

#sideform { margin: 0px; padding: 0px; overflow: hidden; display: inline; }

#sidebox { background: #F7F5EF !important; width: 130px; color: #495D5C; font-size: 11px; font-weight: normal; margin: 0px; padding: 4px 0px 3px 5px; border: 1px solid #DEDEDE; display: inline; }
	
#sidebutton { background: #B8A384; color: #FFFFFF; font-size: 10px; font-family: Georgia, Times New Roman, Trebuchet MS; margin: 0px 0px 0px 5px; padding: 3px 3px 2px 3px; font-weight: bold; border: 1px solid #EEDDD2; }

/************************************************
*	Sidebar									*
************************************************/

#sidebar_archives { clear: both; width: 207px; padding: 0px; margin: -12px 0 0 -35px; _margin: 0 0 0 -18px; *margin: 0 0 0 -18px; font-size: 11px; line-height: 14px; text-align: left; }
#sidebar_archives li { padding-bottom: 4px; list-style: none; }

#sidebar_categories { clear: both; width: 207px; padding: 0px; margin: -12px 0 0 -35px; _margin: 0 0 0 -18px; *margin: 0 0 0 -18px; font-size: 11px; line-height: 14px; text-align: left; }
#sidebar_categories li { padding-bottom: 4px; list-style: none; }

#sidebar_tags { clear: both; float: left; width: 207px; padding: 0px; margin: -12px 0 0 -35px; _margin: 0 0 0 -18px; *margin: 0 0 0 -18px; font-size: 11px; line-height: 14px; text-align: left; }
#sidebar_tags li { padding-bottom: 4px; list-style: none; }

#sidebar_reads { clear: both; width: 207px; padding: 0px; margin: -12px 0 0 -35px; _margin: 0 0 0 -18px; *margin: 0 0 0 -18px; font-size: 11px; line-height: 14px; text-align: left; }
#sidebar_reads li { padding-bottom: 4px; list-style: none; }

/************************************************
*	Hyperlinks									*
************************************************/

A:link 	{ color: #AF9050; text-decoration: none; }
A:visited { color: #AF9050; text-decoration: none; }
A:active { color: #AF9050; text-decoration: none; }
A:hover { color: #3A3938; text-decoration: underline; }
	
A.redlink:link 	{ color: #b21A49; text-decoration: none; }
A.redlink:visited { color: #AD5872; text-decoration: none; }
A.redlink:active { color: #B21A49; text-decoration: none; }
A.redlink:hover { color: #813145; text-decoration: underline; }

A.breadcrumb:link 	{ color: #b21A49; text-decoration: none; }
A.breadcrumb:visited { color: #AD5872; text-decoration: none; }
A.breadcrumb:active { color: #B21A49; text-decoration: none; }
A.breadcrumb:hover { color: #813145; text-decoration: underline; }

a img { border: none; }
a:focus, a:hover, a:active { outline: none; }
	
/************************************************
*	Text  									*
************************************************/

br { line-height: 15px; }

h1 { font-size: 19px; line-height: 19px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; }

h2 { font-size: 13px; line-height: 19px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; }

.homecopy { font-size: 13px; line-height: 22px; font-family: Georgia, Times New Roman; }

.redheader { color: #b21A49; font-size: 13px; line-height: 22px; font-family: Georgia, Times New Roman; }

/************************************************
*	Portfolio Gallery							*
************************************************/

#gallery { width: 876px; float: left; _width: auto; _float: none; list-style: none; display: block; }
#gallery li { float: left; margin: 0px; }

#jgal { float: left; list-style: none; width: 900px; position: relative; margin: 10px 0 0 0; _margin: 10px 0 0 0; *_margin: 10px 0 0 0; padding: 0px; _padding: 0; }

#jgal li { opacity: .5; float: left; display: block; width: 40px; height: 40px; background-position: 25% 25%; cursor: pointer; border: 3px solid #fff; outline: 0px; margin: 515px 9px 9px 0px; _margin: 405px 0px 0px 0px; *margin: 405px 0px 9px 0px; padding: 0px; }

#jgal li img { position: absolute; top: 0px; left: 0px; display: none; float: left; }

#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline: 1px solid #A39179; opacity: .99 }

/************************************************
*	Comments									*
************************************************/
	
.commentlist li ul li { font-size: 12px; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { background: #FFFFFF; float: right; border: 1px solid #EEEEEE; margin: 0px 5px 0px 10px; padding: 2px; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 12px; }
.commentlist p { font-weight: normal; text-transform: none; }
.commentlist { margin: 0px; padding: 0px; }
.commentlist ol { margin: 0px; padding: 10px; }
.commentlist li { margin: 15px 0px 10px; padding: 10px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0px; padding: 0px; }

.commentmetadata { font-weight: normal; font-size: 10px; margin: 0px; display: block; }

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0px; }
#commentform { margin: 5px 10px 0px 0px; }
#commentform textarea { width: 98%; padding: 2px; }
#commentform p { margin: 5px 0px 5px 0px; }
#commentform #submit { margin: 0px; float: left; }

#respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.alt { margin: 0px; padding: 10px; }

.nocomments { text-align: center; margin: 0px; padding: 0px; }
.alignright { float: right; margin: 2px 0px 15px 15px; }
.alignleft { float: left; margin: 2px 15px 15px 0px; }
.thread-alt { background: #FFFFFF; margin: 0px; padding: 0px; }
.thread-even { background: #EEEEEE; margin: 0px; padding: 0px; }
.depth-1 { border: 1px dotted #BBBBBB; margin: 0px; padding: 0px; }
.even, .alt { border-top: 1px dotted #BBBBBB; border-bottom: 1px dotted #BBBBBB; border-left: 1px dotted #BBBBBB; margin: 0px; padding: 0px; }