/*
Theme Name: Rubin
Theme URI: http://freshH2O.net/
Description: Joel Rubin's custom theme for his klezmer music
Version: 2
Author: Justin Freshwater
*/


/* begin custom style */

/*
TABLE OF CONTENTS

	HTML Elements
	Page Structure
	Navigation
	Headings
	Content
	Footer
*/

/* --------------- HTML Elements --------------- */

body {	background: #DDCB99 url('bg.jpg') repeat-y center top;
		min-height:101%;
		font-size: 100%;
		color: #444;
		font-family: 'lucida sans','lucida sans unicode','gill sans','verdana',sans-serif;
		}
* { 
	margin: 0;
	padding: 0;
}
.alignleft {	
	float:left;
}

.alignright {	
	float:right
}

/* ----- LINKS ----- */

a:link {
	color:#600;
	text-decoration: underline;
}

a:visited {
	color:#600;
	text-decoration: none;
}

a:hover {
	color:#B00000;
	text-decoration: none;
}
a img {border:3px solid transparent;}
a img:hover {border:3px solid #FEC;}

/* --------------- Page Structure ---------------*/

#pageWrap {	margin: 0 auto;
		padding:10px;
		width: 970px;}

#header {	width: 100%;
		height:285px;
		text-align:center;
		background:transparent url('header2.jpg') no-repeat center top;}
#portrait {	position:relative;
		left:-1px;
		height:277px;
		width:202px;
		float:left;}
#pageHeader {	margin-left:208px;
		height:270px;}

#title {	position:relative;
		top:-50px;
		font-size:5em;}
span#joel {	position:relative;
		top:0.6em;
		color:#222;}
span#klezmer {	color:#DDD;}

#page {clear:both; position:relative; top:-50px; width:100%;}

#sidebar {
width:198px;
}

#content {
margin:0 0 20px 0;
padding:0 3px;
width:750px;
float:right;
position:relative;
}

#footer {	clear:both;
		font-size:small;
		text-align:center;
		margin:10px 0 30px 0;
		padding-top:10px;
		color:#806633;}

/* --------------- Navigation ------------- */

.mainnav {
list-style:none;
padding:10px 0px;
font-size:1.2em;
margin-left:196px;
}
.mainnav li {	float:left;
		margin:5px 0;
		padding:5px;
		background-color:#600;}
.mainnav a {
color:#B4B4B4;
text-decoration:none;
display:block;
padding:2px 8px;
text-transform:lowercase;
}
.mainnav li:hover {
background-color:#800000;
}
.mainnav .current_page_item, .mainnav .current_item_parent
{
	background-color:#B00000 !important;
}
.mainnav li:hover a, .mainnav .current_item, .mainnav .current_item_parent a
{
	color:#FFF;
}
.subCats li {font-size:11px; list-style:none; display:block; float:left; margin-right:11px;}
.navigation {margin:0 5px 15px 0;}
.navigation a {font-size:11px; text-decoration:none !important;}
.navigation:after, .mainnav:after {content:"."; height:0; visibility:hidden; display:block; clear:both;}
.breadcrumbs {clear:both; margin-left:210px; font-size:11px; margin-bottom:10px;}
.breadcrumbs a {text-decoration:none !important;}
/* --------------- Headings --------------- */

h1, h2, h3 {color:#663300; clear:left;}

h1 {		color:#DC9 !important;
		margin:10px 0 4px 0;
		letter-spacing:0.6em;
		line-height:1.3em;
		text-align:center;
		text-transform:uppercase;}
h2 {	font-size:1.2em;
		border-bottom:1px solid #CCCC99;
		margin:10px 0 8px 0;}
h3 {		margin:3px 0 1px 0;}
.sub-cat-title {margin-left:0.4em; margin-bottom:1em;}
.sub-cat-title a {color:#444 !important; text-decoration:none;}
/* --------------- Content ---------------*/
p, #content ul, #content ol, table {
	margin:10px 0 0 0;
	line-height:1.1em;
	font-size:0.8em;
	text-align:left;}
#content li {margin-bottom:0.5em;}
#content ul, #content ol
{
list-style:none;
margin:5px 3px;
}
hr {
border-top:2px solid #C93;
border-bottom:2px solid #FCC;
margin:5px 20px;
}
.post {
   padding:0 6px;
   margin-bottom:30px;
}
.thmb-img {float:left; margin-right:8px; margin-bottom:8px;}
.cat-post-title {clear:none;}
img.size-medium {max-width:200px; height:auto;}
.cat-post-title {font-size:18px; margin-bottom:3px;}
.entry {clear:both;}
.entry img, .storycontent img {
   float:left;
   margin:3px 8px 5px 8px;
   clear:left;
}
.cat-sum {
	background-color:#DFCB9A !important;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom:20px;
	padding:10px 8px;
}
.leftCol {width:60%; float:left;}
.rightCol {width:200px; float:right; margin-right:20px;}
.rightCol, #reviews{
-moz-border-radius: 6px;
-khtml-border-radius: 6px;	
-webkit-border-radius: 6px;
border-radius: 6px;
color:#fec;
background-color:#400;
padding:10px;}
#reviews {overflow:hidden; height:6em;}
.review {font-size:18px; margin:auto;}

.twocol {
width:48%;
float:left;
margin-right:10px;
margin-right:10px;
}
.post-edit-link {clear:both;}
.contact .twitter {position:relative; float:none; margin-left:auto; margin-right:auto;}
.contact .twitter span {position:relative; top:25px;}
.facebook, .myspace {display:block; background:url('images/social.gif') no-repeat; text-indent:-9000px; margin-left:auto; margin-right:auto;}
.facebook {background-position:0 -89px; width:163px; height:34px;}
.myspace {background-position:-164px -91px; width:78px; height:96px;}
.facebook:hover {background-position:0 -123px;}
.myspace:hover {background-position:-244px -91px;}
.home h2 {margin-top:30px;}
.home h3 a {text-decoration:none !important; color:#444; font-size:70%;}
/* -------------- Sidebar --------------- */
.twitter {
	text-indent:-9000px;
	font-size:10px;
	width:98px;
	height:87px;
	display:block;
	background:url('images/social.gif') no-repeat 0 0;
	position:absolute;
	top:0;
	left:0;
}
.twitter:focus {outline:none;}
.twitter:hover {background-position:-98px 0; width:185px; text-indent:0;}
.twitter span {display:block; width:60px; margin-left:120px; margin-top:25px; color:#400000;}
#sidebar {position:relative; padding-top:65px; top:-55px;}
#sidebar * {list-style:none;}

li.sideItem {margin-bottom:25px;}

#sidebar h2 {
letter-spacing:0.2em;
font-size:1em;
color:#7D5742;
background-color:#EC7;}
li.widget {
background-color:#FEC;
padding-bottom:5px;
}
li.widget li {margin-left:10px;}

.widget, .widget_search #s {	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
		padding: 4px 5px;
		color: #222;
		font-size: 11px;
		border-width: 1px;
		border-style: solid;
		border-color: #600000;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;	
		-webkit-border-radius: 3px;
		border-radius: 3px;
margin-top:10px;}
#s {background-color:#F0E0C0; color:#444;}
#s:focus {background-color:#fff;}
#searchsubmit {
cursor:pointer;
border-top:1px #efead5 solid;
border-left:1px #efead5 solid;
border-bottom:2px #ddcb99 solid;
border-right:2px #ddcb99 solid;
background:none;
font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;	
-webkit-border-radius: 3px;
}
#searchsubmit:active {
border-bottom:1px #efead5 solid;
border-right:1px #efead5 solid;
border-top:2px #ddcb99 solid;
border-left:2px #ddcb99 solid;
}
.widget_archive select {border:none; background-color:#f0e0c0; color:#444;}
.widget_archive select:focus {background-color:#fff;}

div#calendar_wrap {
                background-color:#FEC;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		border-color:#FE9;
		text-align:center;
                }


#wp-calendar {  

                margin:0 auto;
                width:100%;
             }
.calendar-month {background-color:#600;
                 color:#FEC;}
#calendar_wrap span {color:#963;}
#today {        background-color:#600;}
#today span {      color:#FEC;}
#text-2 {border:none; background:transparent; height:0;}

/* ----------------- Footer --------------*/

#footer a:link {color:#664; text-decoration:none;}
#footer a:hover {color:#400000;}
.credit {text-indent:-900px; background:url('images/wordpress-logo.jpg') top left no-repeat; display:block; width:35px; height:35px; margin:0 auto;}
.credit a {display:block; width:100%; height:100%; cursor:pointer;}
#designLogo img {border:none;}
#designLogo {background:url(http://freshh2o.net/logo/?c=666644&bg=EFDAA5&r=n) no-repeat top left;}
#designLogo:hover {background:none;}
#designLogo:after {content:"."; height:0; clear:both; visibility:hidden;}