/***************************************************
THEME NAME: yottsclubb
THEME URI: 
DESCRIPTION: 
VERSION: 1.0.0
AUTHOR: <a href="http://awmyth.net/">awmyth - littleindian webcreations</a>
AUTHOR URI:
TAGS: flexible-width, two-columns, left-sidebar
**********************************************************************************/

*    { margin: 0; padding: 0;}

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

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: 150%;}

p  { margin: 10px 0;}

ol {}
ul {}

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

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

.alignright  { float: right; margin: 1em 0 0 1em;}
.alignleft   { float: left; margin: 1em 1em 0 0;}
.aligncenter { display: block; margin: 1em auto; text-align:center;}

.divider { height: 30px; }

/******************************************************** 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;
	  background: #EBE1C8 url(http://jarrodkimber.com/themeimages/jrodlogo2.png);}

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

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

#menu ul { height: 40px; float: right;
           background: transparent; list-style: none;
	   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;}

/**************************************** NAVIGATION *****/

div#nav-above { clear: right; margin-bottom: 1em;}
div#nav-below { clear: right; margin-bottom: 2em;}

div#nav-images { height: 150px; margin: 1em 0;}

div.navigation                  { clear: right; height: 1.25em;  font-size: 1.1em;}
div.navigation div              { width: 50%;}
div.navigation div.nav-next     { float: right; text-align: right;}
div.navigation div.nav-previous { float: left;}

/****************************************** STRUCTURE *****/

#wrapper    { width: 100%;}

#container  { float: left; width: 100%; margin: 20px auto 0px;}

#content    { background: #EBE1C8; clear: both;           
              margin-left: 413px; padding: 20px;}  

#post          { background: #EBE1C8; clear: both;           
                 margin-left: 413px; padding: 20px;}

.entry-title   { clear: both; background: #E4D6B4;
                 padding: 10px 20px; border-top: 0px double #533419;}

.entry-date    { clear: both; background: #EBE1C8;
                 font-size: 1.0em; text-decoration: none;
                 padding: 2px 30px;}

.entry-meta    { clear: both; background: #E4D6B4; 
                 font-size: 1.1em; 
                 margin-bottom: 20px; padding: 5px 30px;}

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

/******************************************* COMMENTS ******/

div.comments ol li { font-size: 1.2em; margin: 0 0 3.5em; border: 1px solid #EBE1C8;}

div.comment-author vcard {}
div.comment-meta         { font-size: 0.8em; margin: 10px 0px;}

.fn   { font: italic bold 1.2em Georgia;}


form#commentform .form-label { margin: 1em 0 0;}
form#commentform span.required { background: #EBE1C8 ; color: #FF0000; font-size: 1.2em;}

form#commentform,
form#commentform p { padding: 0;}

input#author { width: 50%; padding: 0.2em;}
input#email  { width: 50%; padding: 0.2em;}
input#url    { width: 50%; padding: 0.2em;}

textarea#comment   { width: 90%; height: 13em; overflow: auto; margin: 0 0 0.5em; padding: 0.2em;}

div.sidebar input#s { width: 7em;}

p.wp-caption-text { font-style:italic;}


img   { border: none;}
img.alignright  { float: right; margin: 1em 0 0 1em;}
img.alignleft   { float: left; margin:1em 1em 0 0;}
img.aligncenter { display:block; margin: 1em auto; text-align:center;}

div.gallery *   { margin-left: 1em; padding:0;}

div.gallery     { height: 180px; width: 100%; 
                  clear: both; margin: 1em 0;}

div.gallery dl  { float:left;}
div.gallery dl  { margin: 1em auto; overflow:hidden; text-align:center;}

div.gallery dl.gallery-columns-1 { width: 100%;}
div.gallery dl.gallery-columns-2 { width: 49%;}
div.gallery dl.gallery-columns-3 { width: 33%;}
div.gallery dl.gallery-columns-4 { width: 24%;}
div.gallery dl.gallery-columns-5 { width: 19%;}


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

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

.content    { background: #E4D6B4; padding: 20px;}

#sidebar ul    { list-style: none; padding-bottom: 5px;}

#sidebar ul li { background: #EBE1C8; 
                 font-size: 1.05em; font-weight: normal;               
	         padding: 3px 10px; border-top: 0px solid #0B0B0B;}

#sidebar ul li h3 { background: #E4D6B4; height: 20px;
                    font-size: 1.3em; text-transform: lowercase;
                    margin-top: 5px; padding: 5px 0 5px 20px;}

#sidebar ul li p  { margin: 0;}

#sidebar ul ul li { margin-left: 30px;}

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

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

/****************************************************************** Footer */

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

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

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