/*



Theme Name: bercher



Theme URI: homeless



Author: homeless



Author URI: homeless



Version: 1.1.0



Description: wordpress



All the CSS, XHTML, design, and images are copyrighted. Please don't steal.











*/



/*CSS Reset*/



@import url(css/reset.css);



/*Get the grid, baby!*/



@import url(css/grid.css);







body { /* This is where you set many of the universal defaults */



	background: #ccb31b url(images/body-bg.jpg) top center repeat-y; 



	color: #333;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	text-align: center;



}







/*********************************************



		Universal Link Styles



*********************************************/



a {



	color: #850906;



	text-decoration: none;



}



a:hover { 



	color: #000; 



	text-decoration: underline; 



}







/*********************************************



		Universal Text Elements



*********************************************/



p, ul, ol, blockquote {



	color: #333;



}



ol, ul {



	margin: 5px 35px;



}



blockquote {



	margin: 5px 0px 5px 10px; padding: 0px 0px 0px 10px;



	font-style: italic;



}



img { border: 0px; background: none; }



p {



	padding: 10px 0px;



	margin: 0px;



}



/*********************************************



		Header Styles



*********************************************/



/* Use this for universal styles for all header elements



Be sure to uncomment the styles before using */



h1,h2,h3,h4,h5,h6 {



	/*



	font-family: ;



	font-size: ;



	color: px;



	margin: px; padding: px;



	*/



}







h1 { /* This style is generally used as title on single posts and pages */



	font-size: 25px;



	line-height: 24px;



	font-weight: bold;



	text-transform: uppercase;



	letter-spacing: -1px;



	font-family: Arial, Helvetica, Sans-Serif;



}



h2 { /* This style used as a sub-header in post/page content */



	font-size: 18px;



}



h3 { /* This style used as the post titles on homepage/archive */



	clear: both;



	font-size: 25px;



	line-height: 24px;



	font-weight: bold;



	text-transform: uppercase;



	letter-spacing: -1px;



	font-family: Arial, Helvetica, Sans-Serif;



padding: 5px 0px 0px 0px;



width:415px;



}



h3 a {



}



h3 a:hover {



}



h4 { /* This style used as title for comments and as the identifying header on archive page  */



	font-size: 18px;



	padding: 0 0 0 8px;



}



h5 {



	font-size: 15px;



}



h6 {



	font-size: 14px;



}







/*********************************************



		The Obligatory WP Styles



*********************************************/



.aligncenter,



div.aligncenter {



   display: block;



   margin-left: auto;



   margin-right: auto;



}



.alignleft {



   float: left;



   margin: 0px 8px 2px 0px;



}



.alignright {



   float: right;



   margin: 0px 0px 2px 8px;



}



.wp-caption {



   border: 1px solid #ddd;



   text-align: center;



   background-color: #f3f3f3;



   padding-top: 4px;



   margin: 10px;



}



.wp-caption img {



   margin: 0;



   padding: 0;



   border: 0 none;



}



.wp-caption p.wp-caption-text {



   font-size: 11px;



   line-height: 17px;



   padding: 0 4px 5px;



   margin: 0;



}



.post img {border: 0px solid #cfcfcf;}







/*********************************************



		Container Div



*********************************************/



#container {



	background: #FFF url(images/bercher-background.jpg);



	margin-top: 20px;



	border: 0px solid #FFF;



}









/*********************************************



		Header Styles



*********************************************/



#header {



	clear: both;



	background: #000;



}



#header #title a {



	display: block;



	overflow: hidden;



}



/*********************************************



		Horizontal Navigaion Styles 



				(with dropdowns)



*********************************************/



#above-header #pagemenu,



#above-header #catmenu {



	border-bottom: 1px solid #850906;



}



#below-header #pagemenu,



#below-header #catmenu {



	border-top: 1px solid #850906;



}



#pagemenu,



#catmenu {



	background: #850906 url(images/bercher-navigation-orig.jpg) no-repeat;



	float: center;



	font-size: 14px;



	text-transform: uppercase;



	width: 670px; height: 24px;



	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 290px;



}



/* This is the style for the first UL (horizontal) */



#pagemenu ul,



#catmenu ul {



	float: left;



	background: transparent;



	height: 24px; line-height: 24px;



	margin: 0px; padding: 0px;



}







/* This is the style for the top level list items */



#pagemenu ul li,







#catmenu ul li {



	background: none;



	width: auto;



	display: block;



	float: left;



	list-style-type: none;



	height: 24px; line-height: 24px;



	margin: 0px; padding: 0px;



}



#pagemenu ul li.home,



#catmenu ul li.home {



	background: none;



}



/* The style for all links */



#pagemenu a,



#catmenu a {



	color: #FBDE81;



	text-decoration: none;



background: #850906;



	font-weight: bold;



}



/* The universal hover state colors and background for all LI items and links */



#pagemenu li:hover a,



#pagemenu li.sfhover a,



#pagemenu li a:hover,



#catmenu li:hover a,



#catmenu li.sfhover a,



#catmenu li a:hover {



	color: #000;



	text-decoration: none;



	background: #FFF;



}



/* This is the style for the top level links, if different than the universal */



#pagemenu ul li a,



#catmenu ul li a {



	display: block;



	height: 16px; line-height: 16px;



	margin: 2px; padding: 0px 18px 0px 18px;



	text-decoration: none;



}



/* if you want to set a "current page item" style, do it here */



#pagemenu ul li.current_page_item a,



#catmenu ul li.current_page_item a {



}



/****************************** 



The second-level stuff 



*******************************/



/* This hides the nested UL before you hover */



#pagemenu li ul,



#catmenu li ul {



	clear: both;



	position: absolute;



	width: 180px; /* the width of the dropdown */



	left: -999em;



}



/* This shows the nested UL when you hover */



#pagemenu li:hover ul, 



#pagemenu li.sfhover ul,



#catmenu li:hover ul, 



#catmenu li.sfhover ul {



	left: auto;



	display:  block;



	z-index: 5000;



}







/* This is the style for the nested UL */



#pagemenu li:hover ul,



#pagemenu li.sfhover ul,



#catmenu li:hover ul,



#catmenu li.sfhover ul {



	background: transparent;



	display: block;



	margin: 0px; padding: 0px;



	border-top: 1px solid #FFF;



}



/* This is the style for the LI items within the nested UL */



#pagemenu li:hover ul li,



#pagemenu li.sfhover ul li,



#catmenu li:hover ul li,



#catmenu li.sfhover ul li {



	background: transparent;



	width: 100%;



	display: block;



	padding: 0px; margin: 0px;



	height: 21px; line-height: 21px;



	overflow: hidden;



	text-align: left;



	border: 1px solid #FFF;



	border-top: none;



}



/* This is the style for the links within the LI items within the nested UL */



#pagemenu li:hover ul li a,



#pagemenu li:hover ul li.current_page_item a,



#pagemenu li.sfhover ul li a,



#pagemenu li.sfhover ul li.current_page_item a,



#catmenu li:hover ul li a,



#catmenu li:hover ul li.current_page_item a,



#catmenu li.sfhover ul li a,



#catmenu li.sfhover ul li.current_page_item a {



	background: #1078b7 url(images/menu-bg.gif) repeat-x;



	color: #FFF;



	width: 170px;



	display: block;



	margin: 0px; padding: 0px 5px;



	height: 21px; line-height: 21px;



}



/* This is the style for the hover state on the links within the LI items within the nested UL */



#pagemenu li:hover ul li a:hover, 



#pagemenu li.sfhover ul li a:hover,



#catmenu li:hover ul li a:hover, 



#catmenu li.sfhover ul li a:hover {



	text-decoration: none;



	margin: 0px; padding: 0px 5px;



	height: 21px; line-height: 21px;



	background: #850906;



	color: #FFF;



}







/*********************************************



		Feature-Top Div



		Feature-Bottom Div



*********************************************/



.w260,.w260-,.w390,.w390- {display: inline; float: left; margin: 0px 10px; text-align: left; overflow: hidden;}



.w260 {width: 240px;} .w260- {width: 260px; margin: 0px;}



.w390 {width: 370px;} .w390- {width: 390px; margin: 0px;}



#feature-top,



#feature-bottom {



	width: 100%;



	background: #850906;



	float: left;



	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;



	overflow: hidden;



	border-top: 1px solid #FFF;



}



#feature-top {margin-bottom: 10px;}



#feature-top a {



	color: #FFF;



	text-decoration: none;



}



#feature-top a:hover {



	color: #FFF;



	text-decoration: underline;



}



#feature-bottom {



}



#feature-bottom a {



	color: #FFF;



	text-decoration: none;



}



#feature-bottom a:hover {



	text-decoration: underline;



}



#feature-top .widget,



#feature-bottom .widget {



	padding: 0px 0px 10px 0px;



}



#feature-top h4,



#feature-bottom h4 {



	margin: 0px; padding: 10px 10px 0px 10px;



	color: #FFF;



	font-family: Georgia, Times, Serif;



	font-size: 11px;



	text-transform: uppercase;



	font-weight: bold;



	border: 0px solid #FFF;



	border-left: none; border-right: none;



}



#feature-top h4 a,



#feature-bottom h4 a {



	color: #FFF;



	text-decoration: none;



}



#feature-top h4 a:hover,



#feature-bottom h4 a:hover {



	color: #FFF;



	text-decoration: none;



}



#feature-top-left h4,



#feature-top-middle h4,



#feature-bottom-left h4,



#feature-bottom-middle h4 {



	border: none;



}







#feature-top p,



#feature-top ul,



#feature-top ol,



#feature-top img,



#feature-top form,



#feature-top .widget div  {



	color: #FFF;



	padding: 10px;



}



#feature-bottom p,



#feature-bottom ul,



#feature-bottom ol,



#feature-bottom img,



#feature-bottom form,



#feature-bottom .widget div  {



	color: #FFF;



	padding: 10px;



}



#feature-top ul,



#feature-top ol,



#feature-bottom ul,



#feature-bottom ol {



	padding: 10px 0px; margin: 0px 15px 5px 25px;



	list-style-type: square;



}



#feature-top li ul,



#feature-top li ol,



#feature-bottom li ul,



#feature-bottom li ol {



	padding: 0px;



}



#feature-top a.rsswidget img,



#feature-bottom a.rsswidget img {



	display: none;



}



	



/*********************************************



		Content Div



*********************************************/



#content {



	margin-top: 0px;margin-bottom: 0px;



        clear:right;



        min-hight:710px;

		

		z-index:1;

		

		position:relative;



}







.post {



	padding-left:25px; padding-right:25px; background: url(images/post-bg.jpg) 0px 0px no-repeat; border-bottom:#850906 solid 5px;



}



.post .title {



	width: 670px;



}



.post .date {



	display: none;



}



.post .post-title {



	float: left;



	width: 670px;



	line-height: 28px;



	padding: 5px 0px 0px 0px;



}



.post .post-title a {



	text-decoration: none;



}



.post .meta-author {



	font-style: italic;



}



/*********************************************



		Content Special Div



*********************************************/



#content2 {



	margin-top: 0px;margin-bottom: 0px;



}







.post2 {



	padding: 2px 6px 0px 2px; background: url(images/post-bg.jpg) 0px 0px no-repeat; color: #850906;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 14px;



}



.post2 .title {



	width: 670px;



}



.post2 .date {



	display: none;



}



.post2 .post-title {



	float: left;



	width: 670px;



	line-height: 28px;



	padding: 1px 0px 0px 0px;



}



.post2 .post-title a {



	text-decoration: none;



}



.post2 .meta-author {



	font-style: italic;



}



.post2 p {



	padding: 0px 6px 0px 0px; color: #850906;



}



.post2 p a {



	padding: 0px 6px 0px 0px; color: #850906; text-decoration: underline;



}



.post2 h5 {



	padding: 2px 6px 8px 0px; color: #850906; font-size: 14px; font-weight: normal;



}



.post2 h5 a {



	padding: 2px 6px 8px 0px; color: #850906; text-decoration: underline; font-size: 14px;font-weight: normal;



}







/*********************************************



		Post Meta Styles, if needed



*********************************************/



.meta-top {



	clear: both; /* we need this so floats in the post are cleared */



}



.meta-bottom {



	clear: both; /* we need this so floats in the post are cleared



	border-top: 0px solid #d7d7d7;



	margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; */



}







.meta-bottom .alignleft {



	width: 70%;



}



.meta-bottom .categories {



	background: url(images/folder.png) 0px 0px no-repeat;



	padding: 0px 0px 8px 18px;



}



.meta-bottom .comments {



	background: url(images/comments.png) 0px 2px no-repeat;



	padding: 0px 0px 8px 18px;



}



.photometa {



	margin: 0px 5px 0px 5px; padding: 0px 0px;



	width: 100%;



}



.EXIF {



	margin: -22px 0px 0px 10px; padding: 0px 0px;



	float: left;



	width: 33%;



}



.photometa h4 {



	border-bottom: 1px solid #666;



	text-align: center;



	margin: 0px; padding: 0px;



}



.photometa ul {



	list-style-type: none;



}







/*********************************************



		Previous/Next Page Navigation



*********************************************/



.paging {



	clear: both; /* To clear any floats */



	margin: 0px; padding: 0px;



}







/*********************************************



		Sidebar



*********************************************/



#sidebar { /* Wide Sidebar */

margin-top: 6px;

z-index:0;

position:relative;

}



.sidebar {







}



#sidebar .sidebar {



	background: none;



}



.sidebar a {



	text-decoration: none; color: #ffffff; font-weight: bold;



}



.sidebar a:hover {



	text-decoration: underline;



}



.sidebar h4 {



	clear: both;



	font-size: 15px;



	color: #000;



	font-family: Georgia, Arial, Sans-Serif;



	margin: 0px 0px 6px 0px;



	padding: 8px;



	font-weight: normal;



	text-transform: uppercase;



}



.sidebar h4 img {



	padding: 0px;



}



.sidebar h4 a {



	color: #000;



	text-decoration: none;



	margin: 0px; padding: 0px;



}



.sidebar .widget {



	clear: both;



	padding: 5px 10px;



}



.sidebar .widget p,



.sidebar .widget ul,



.sidebar .widget ol,



.sidebar .widget img,



.sidebar .widget form,



.sidebar .widget div  {



	padding: 5px 0px; color: #683A09;



}



.sidebar p, 



.sidebar .textwidget {



	padding: 5px 0px;



}



.sidebar img {



	text-align: center;



}



.sidebar form {



	margin: 0px; padding: 0px;



}



.sidebar ul {



	list-style-type: none;



	margin: 0px; padding: 0px; text-align: right;



}



.sidebar ul li {



	margin: 0px; padding: 0px 0px 2px 8px;



	line-height: 18px;



        border-top:2px solid white;







	



}



.sidebar ul li a {text-transform: uppercase;



	text-decoration: none;font-weight: bold; 



}



.sidebar ul li a:hover {text-decoration: none;



	



}



.sidebar ul li ul {



	margin: 0px; padding: 0px;



}



.sidebar ul li ul li {



	margin: 0px; padding: 0px 0px 0px 8px;



}



.sidebar a.rsswidget img {



	display: none;



}







/*********************************************







		Comment Styles



*********************************************/



#comments {



	padding: 10px;



}



#comments h4 {



	padding: 0;



}



#comments .comment {



	margin: 5px 0px 5px 0px; padding: 10px;



	background: #FFFFFF;



	overflow: hidden;



	border: 1px solid #999;



}



#comments .alt {



	margin: 5px 0px 5px 0px; padding: 10px;



	background: #FFFFFF;



	overflow: hidden;



	border: 1px solid #999;



}



#comments .gravatar {



	float: left;



	padding: 0 5px 0 0;



}



#comments .commentmeta {



	



}



#comments .commentmeta a {



	text-decoration: none;



}



#comments .commentmeta a:hover {



	text-decoration: underline;



}



#comments .commenttext {



	



}







#respond {



	padding: 10px;



}



#respond h4 {



	padding: 0;



}



#respond form#commentform {



}



#respond #author {



	



}



#respond #email {



	



}



#respond #url {



	



}



#respond #comment {



	width: 100%;



}



#respond #submit {



	



}







/*********************************************



		Footer Styles



*********************************************/



#footer {



	text-align: left;

	color: #000000;

	border-bottom:#850906 solid 5px;

	background: url(images/post-bg.jpg) 0px 0px no-repeat;

	

}



#footer .alignleft,



#footer .alignright {



	padding-right: 25px;

	padding-left: 25px;

	padding-top: 5px;

	padding-bottom:5px;

	float:left;

	width:25%;



}



#footer .alignleft,{

}



#footer .alignright {

	padding-left:80px;



	text-align: right;



}



#footer .aligncenter {



	text-align: center;

	float:left;

	width:25%;

	padding-left:55px;



}



#footer a {



	color: #850906;



	text-decoration: none;



}



#footer a:hover {



	text-decoration: underline;



}







/*********************************************



		Contact Form Styles



*********************************************/



.ithemes-contact-page {



	margin: 0 auto;



	font-size: 12px;



	font-family: Arial, Helvetica, sans-serif;



}



.ithemes-contact-page td {



	padding: 5px;



	text-align: left;



}



.ithemes-contact-page td.label {



	text-align: right;



	vertical-align: top;



	font-weight: bold;



}







.ithemes-contact-page input,



.ithemes-contact-page textarea,



.ithemes-contact-page select {



	font-family: Arial, Helvetica, Sans-Serif;



	padding: 3px;



}



.ithemes-contact-page input:hover,



.ithemes-contact-page textarea:hover,



.ithemes-contact-page  select:hover	{



}







.ithemes-contact-page  input:focus,



.ithemes-contact-page  textarea:focus,



.ithemes-contact-page  select:focus	{



}







.ithemes-contact-page textarea,



.ithemes-contact-page input {



}



#petbar * {

	color:#683A09;

	font-weight:bold;

}

.petheader{

	max-width:450px;

}

.highslide-image{

	position:relative;

	z-index:1;

}