/*  
Theme Name: Lillian Ritz
Theme URI: http://www.lillianritz.com/
Description: A custom CMS for Lillian Ritz.com
Version: 1.0
Author: Austin Siewert
Author URI: http://www.siebird.com

*/
/* TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Home
  Content Styles
  Forms
  Float Clearing
  Footer

/* ---------- @ HTML Elements -----------*/
html {height: 101%;} /* forces scroll bars */

body {font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;/*background: url(layout/bg-body.jpg) repeat-x #FFF;*/}		
		
/* ---------- @ Page Structure -----------*/
.wrapper {width:800px;margin:0 auto;clear: both;}	/* centers nested content */
#header {position:relative;}
#feature {height:533px;padding:20px 0;background: url(layout/bg-feature.jpg) no-repeat;}
#featureContent {margin:0 60px;padding-top:82px;width:300px;height:411px;background: url(layout/bg-feature-content.png)}

		
/* ---------- @ Home -----------*/   
h1 {position:relative;width:262px;height:91px;margin:25px 0;text-indent:-9999px;background:url(layout/logo.jpg) no-repeat;}
h1 a {display:block;position:relative;width:262px;height:91px;}

#featureContent h2 {color:#333;padding:0 0 17px 0;font:26px Georgia, Times, "Times New Roman";letter-spacing:15px;text-transform:uppercase;text-align:center;background: url(layout/bg-h2feat.jpg) no-repeat bottom center}
#featureContent span {display:block;width:100%;padding-top:17px;background: url(layout/bg-h2span.jpg) no-repeat top center} 
#featureContent p {margin:20px;font:18px/26px Georgia;}
#featureContent ul {float:right;margin-right:20px;}
#featureContent ul li {float:left;padding-top:13px;display:inline;background:url(layout/bg-anchor.png) no-repeat 10px 0;}
#featureContent ul li a {margin:0;display:block;padding:5px 10px;color:#FFF;float:right;font:12px Arial;text-transform:uppercase;text-decoration:none;background:#666;}
#featureContent ul li a:hover {color:#80BDC0;}
/* ---------- @ Content Styles -----------*/

/*header menu navigation*/
#header ul {position:absolute;top:60px;right:0;}
#header ul li {position:relative;float:left;font-size:12px;font-family:tahoma, arial;text-transform:uppercase;display:inline;}
#header ul li a {display:block;margin:0 10px;padding:5px 0;color:#889799;text-decoration:none;border-bottom:1px solid #889799}
#header ul li a:hover {color:#889799;border-bottom:3px solid #474D48}
#header ul li.current_page_item a, #header ul li.current-cat a, #header ul li.current-cat-parent a {color:#474D48;border-bottom:3px solid #474D48}

/*drop down menu*/
#header ul li ul {display:none;position:absolute;top:25px;left:0;}
#header ul li:hover ul, #header ul li.over ul {z-index:100;display:block;width:110px;height:auto;padding-bottom:10px;background: url(layout/bg-feature-content.png) !important}
#header ul li ul li {display:block !important;width:110px;float:none;}
#header ul li.current-cat ul li a, #header ul li.current-cat-parent ul li a {border-bottom:1px solid #333;}
#header ul li.current-cat ul li a:hover, #header ul li.current-cat-parent a:hover {border-bottom:3px solid #333;}

li > ul {top: auto;left: auto;}


#page-body a {color:#474D48;}
#showcase-info {float:left;width:550px;}
#showcase {margin-top:10px;max-width:530px;height:auto;border:10px solid #333}
.post-thumb {margin-right:10px;width:125px;height:auto;border:10px solid #333;float:left;}
#affiliate-links {float:right;}
#affiliate-links p {padding-left:10px;}
#affiliate-links ul {max-width:250px;width:250px;overflow:hidden;}
#affiliate-links li {float:right;display:inline;margin:0;padding:0 5px;}
#affiliate-links a {display:block;width:auto;height:auto;}
#affiliate-links a img {margin:0 auto;text-align:center;padding:5px;}
#affiliate-links li.oddrow a {border-right:1px solid #889799}

#affiliate {margin-top:10px;}
#affiliate li{position:relative;display:block;float:left;margin:4px}
#affiliate li a {display:block;border-color:#F5F5F5 #DEDEDE #DEDEDE #F5F5F5;border-style:solid;border-width:1px;}
#affiliate li a:hover {border-color:#F5F5F5}
small {margin:5px 0;font-size:10px;color:#999}

.entry {padding-bottom:10px;}
.post-entry {float:left;margin-top:15px;padding:0 5px;width:389px;height:auto;}
div.oddrow{border-left:1px solid #889799}
.navigation {font-size:10px;clear:both;}
.navigation .alignright {float:right;}
.navigation .alignleft {float:left;}

#showcase-info p.postmetadata, .post p.postmetadata {font:10px arial;color:#999}

#page-body h2 {margin-top:15px;padding-top:17px;font:26px Georgia, Times, "Times New Roman";letter-spacing:15px;text-transform:uppercase;text-align:center;background: url(layout/bg-h2page-body.gif) no-repeat top center}
#page-body h2 a {text-decoration:none;}
#page-body h2.pagetitle {font-size:16px;padding-bottom:15px;letter-spacing:0;text-transform:none;text-align:left;background:none;}
#page-body h3 {margin:5px 0;}
#page-body p {margin:15px;color:#333;font:14px/18px Verdana, Arial;text-align:justify;}	

/* ---------- @ Custom Block Coloring-----------*/
#page-body .page-affiliates h2 {color:#5A3626 !important}
#page-body .page-about {background:#958564}
#page-body .page-contact-us {background:#A06D3E}

#page-body .page-about h2, #page-body .page-about p,
#page-body .page-contact-us h2, #page-body .page-contact-us p {color:#FFF;background:none;}			

.linklove {display:none;}
/* ---------- @ Float Clearing -----------*/

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


/* ---------- @ Footer -----------*/
	
#footer {position:relative;width:100%;margin:10px 0;padding:20px 0;}
#footer p {margin:0;font-size:10px;float:left;}
#footer #footerLinks {float:right;margin:0;padding:0;}
#footer #footerLinks li {display:inline;font-size:10px;}
#footer p a, #footer ul li a {color:#1A2625;text-decoration:none;font-weight:bold;background:none;}
#footer p a:hover, #footer ul li a:hover {text-decoration:underline;}
.rssfeed {padding-left:15px;background: url(layout/feedicon10.png) no-repeat center left !important;}

/**** noscript ****/
#att {
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top:0;
	width: 100%;
	text-align:center !important;}
	
#att p {
	background: transparent url(layout/att.png) no-repeat 0 46%;
	display: inline;
	padding: 6px 26px;}