/*************************************************************
stylesheet - yottsclubb.css
created by: awmyth - littleindian webcreations

main colours:
background: #EBE1C8; #E4D6B4;
fonts: #533419; #333333;

******************************************************************** GENERAL *****/

*    { margin: 0; padding: 0;}
html { background: #EBE1C8; font-size: 100%;}

body { background: #EBE1C8;
       color: #333333; font: normal normal 67.5%/1.5em Helvetica, arial, sans-serif; 
       margin: 20px 0 0 0; padding: 0;}

/******************************************************* FONTS AND LINKS */

h2, h3 { color: #533419; font-family: Georgia;}

h2     { font-size: 1.6em; margin-top: 10px; padding-bottom: 10px;}
h3     { font-size: 1.3em; margin-top: 5px; padding-bottom: 5px;}

p, ol, ul { line-height: 1.5em;}

p  { margin: 10px 0;}

ol {}
ul {}

blockquote   { font-style: italic; text-align: justify; margin: 0; padding-left: 20px;}

a         {font-weight: bold; text-decoration: none;}
a:link    { color: #533419;}
a:visited { color: #533419;}
a:hover   { color: #AD1112;}
a:active  { color: #D59D69;}

/************************************************** ALIGNS AND SPACERS *****/

img       { border: none;}
img.left  { float: left;  margin: 0 15px 0 0;}
img.right { float: right; margin: 0 0 0 15px;}

hr        { display: none;}   

.alignL  { text-align: left;}
.alignL { text-align: right;}
.center     { text-align: center; margin-left: auto; margin-right: auto;}
.justfy     { text-align: justify;}

.floatL  { float: left;}
.floatR { float: right;}

.clear        { clear: both;}

.divider      { clear: none;}
.largedivider { clear: none; height: 30px;}

/********************************************************** STRUCTURAL *****/

#wrapper { width: 100%;}

/*********************************************** HEADER */

#header { width: 100%; height: 100px;
          background: #EBE1C8;
	  margin: 0 auto; }

#header h1, 
#header h2 { background: transparent; text-align: right;
             color: #533419; font-weight: bold; font-style: italic; 
             font-family: "Times New Roman"; text-transform: lowercase;
	     margin: 0;}

#header h1 { font-size: 3.6em; letter-spacing: -1px; padding: 60px 120px 0 0;}
#header h2 { font-size: 2.0em; letter-spacing: 0px;  padding: 20px 40px 0 0;}

#header a { color: #533419; text-decoration: none;}

/************************************************** LOGO */

#logo   { position: absolute; top: 10px; left: 10px;
	  width: 393px; height: 397px; display: block; z-index: 3;
	  background: #EBE1C8 url(themeimages/jrodlogo2.png);}

/************************************************** MENU */

#menu    { float: right;
           height: 40px; padding: 100px 0 0 0; }

#menu ul { height: 40px; background: transparent; list-style: none;
	   float: right; margin: 0; padding: 0;	
	   border-left: 3px double #E4D6B4; border-right: 3px double #E4D6B4;}

#menu li  { display: inline;}

#menu a   { height: 22px; display: block; float: left; text-align: center;                 
	    color: #533419; font-size: 1.2em; font-weight: normal;
            text-transform: lowercase; text-decoration: none; 
	    padding: 8px 10px 0; border-right: 1px solid #E4D6B4;  }

#menu a:link   { color: #533419; }

#menu a:hover  { color: #AD1112; text-decoration: none;}
#menu a:active { color: #D59D69; text-decoration: none;} 

#menu .active a { color: #AD1112;}

/**************************************************** PAGE */

#page { float: left; width: 100%; margin: 20px auto 0px; clear: both;}

/************************************************* CONTENT */

#content { background: #EBE1C8;           
           margin-left: 413px; padding: 10px;}

.content { background-color: #E4D6B4;
           text-align: justify; font-size: 1.15em; padding: 10px 20px;}

/************************************************* SIDEBAR */

#sidebar    { float: left;
              width: 393px;
              margin-left: -100%; margin-bottom: 20px;
              padding-top: 123px; padding-left: 10px;}

#sidebar h2 { font-size: 1.6em; margin: 0;}
#sidebar h3 { font-size: 1.3em; margin: 0;}

#sidebar a  { color: #533419;}

#sidebar ul { list-style: none;
              font-size: 1.0em;
	      margin-left: 0; padding-left: 0;}

#sidebar ul li,  
#sidebar ul li a:link  { padding: 2px 14px;}
#sidebar ul li a:hover { background: #EBE1C8; color: #AD1112; }

#sidebar ul ul li { padding-left: 40px;}

/******************************************** BOXED CONTENT */

.boxed { background: #EBE1C8; margin-bottom: 30px;}

.boxed .title {	height: 30px; background: transparent;
                font-size: 1.3em; font-weight: bold; color: #533419;
	        margin: 30px; padding: 10px 0px 5px;
                border-top: 3px double #E4D6B4; }

.boxed .content { background: #E4D6B4; padding: 15px;}

/*************************************************** SEARCH */

#search {}

#search form     { margin: 0; padding: 0;}
#search fieldset { margin: 0; padding: 0; border: none;}

#search p    { font-size: 85%; margin: 0;}

#searchinput { width: 280px; float: left;
               background: #EFEFEF url(img11.gif) repeat-x;
               font: bold 100% Helvetica, sans-serif;
               padding: 3px 5px; border: 1px solid #E4D6B4;}

#searchsubmit { float: left;
                background: #333333;
                color: #FFFFFF; font: bold 90% Helvetica, sans-serif;
	        margin-top: 0px; padding: 1px 3px; border: 3px double #AD1112;}

#news   { background: #EBE1C8;           
          margin: 0px; padding: 0px;}

#news h2 { font-size: 1.6em; margin-top: 10px; padding-bottom: 10px;}
#news h3 { font-size: 1.0em; margin-top: 20px; padding-bottom: 5px;}


/***************************************************** RSS */

.rss-box-cwb1 { width: 96%;
	        background-color: #E4D6B4;
                color: #333333; font-family: Helvetica;
	        padding: 0.5em 1.0em; border: 0px double #E4D6B4; }
 
.rss-title, 
.rss-title a { background-color: #E4D6B4;
               color: #533419; font-size: 1.1em; font-weight:bold;
               font-family: Georgia; text-align: left; }

p.rss-title      { padding: 0px 0.5em;}
p.rss-title span { font-size: 0.8em; font-style: italic; font-weight: bold; 
                   padding-left: 1em; padding-bottom: 1em;}

.rss-item a      { font-size: 1.0em; font-weight: bold; text-decoration: none;} 
.rss-item a:link    { color: #533419;}
.rss-item a:hover   { color: #AD1112;}
.rss-item a:active  { color: #D59D69;}
	
.rss-date   { color: #D59D69; font-size: 0.9em; font-style: italic; margin-left: 10px;}

.rss-item    { list-style-type: none; line-height: 1.2em;
               font-size: 0.9em;
               margin: 0px; padding-bottom: 0.8em;}
 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html 

.pod-play      {  _width:12em;
                  margin: 0 0.2em; padding: 0.1em 0; _padding:0;   
                  vertical-align: middle; white-space: nowrap;              
                  background: #fb6; color: black; text-decoration: none;}

.pod-play em   {  _width:1em; _cursor:hand;
                  font-style: normal;
                  margin:0; padding: 0.1em 0.5em;
                  background: #FFFFFF; color: #222;}

.pod-play span { _width:1em; _cursor:hand;
                 margin:0; padding: 0.1em 0.5em 0.1em 0.3em; }

.pod-play:hover    { background: #666666; color: white; }
.pod-play:hover em { background: #000000;  color: white; }   */

/*********************************************************** FOOTER */

#footer { clear: left; 
          width: 100%; height: auto; 
          background: #191919; text-align: center;
          color: #FFFFFF; font-size: 1.2em;
          margin: 0px; }

#footer p { line-height: normal; padding: 10px;}

#footer a:link,
#footer a:visited   { color: #D59D69; text-decoration: none;}
#footer a:hover     { color: #AD1112; text-decoration: none;}
#footer a:active    { color: #999999; text-decoration: none;}