/*
Theme Name: Jodi Perelman
Theme URI: 
Description: Custom Wordpress theme for jodiperelman.com.  Based on original website.
Version: 2.0
Author: Visual Rhythm
Author URI: visualrhythm.com
Tags: jodiperelman

	Theme by Visual Rhythm for Jodi Perelman

*/

/* STRUCTURE */
.clear							{ clear: both; }
* 								{ margin: 0em; padding: 0em; }
body 							{ padding: 35px 0px 35px 0px; background: url('images/red.jpg'); }
#outer							{ z-index: 2; position: relative; margin: 0 auto; width: 775px; background-color: #fdf8e9; background-image: url('images/upperleft.gif'); background-repeat: no-repeat; background-position: top left; text-align:left; }
div.upperright 					{ background-image: url('images/upperright.gif'); background-repeat: no-repeat; background-position: top right; }
div.lowerleft 					{ background-image: url('images/lowerleft.gif'); background-repeat: no-repeat; background-position: bottom left; }
div.lowerright 					{ background-image: url('images/lowerright.gif'); background-repeat: no-repeat; background-position: bottom right; padding: 3%; }
#header 						{ position: relative; width: 729px; height: 9.6em; background: #4f331d; margin-bottom: 0px; background-image: url('images/headupleft.gif'); background-repeat: no-repeat; background-position: top left; }
div.headupright 				{ background-image: url('images/headupright.gif'); background-repeat: no-repeat; background-position: top right; }	
#headercontent 					{ position: absolute; bottom: 0em; padding: 0em 2.0em 1.3em 2.0em; }
#contactinfo 					{ position: relative; padding: 75px 10px 0 0; }
#nav 							{ position: relative; padding: 0em 1.0em 0em 1.0em; margin-bottom: 20px; width: 703px; background: #6E5641 url('images/navbg.gif') repeat-x top left; height: 3.5em;  }
#nav ul 						{ position: absolute; top: 1.1em; }
#nav ul li 						{ position: relative; display: inline; }
#contentarea 					{ padding-top: 1.3em; }
#contentarea ul 				{ margin-left: 45px; margin-bottom: 1.5em; line-height: 1.5em; }
#groups ul 						{ margin-left: 0px; margin-bottom: 1.5em; line-height: 1.5em; list-style: none;}
#groups ul li 					{ text-decoration: none; padding-bottom:.5em; }
#content 						{ padding: 0em 1.0em 0em 1.0em;  }   
.blog 							{ position:relative; width: 550px; padding: 1.0em 2.0em 2.0em 0em;}   
.entry 							{ margin-bottom: 10px; } 
.entry_post 					{ position: relative; float: left; margin: 20px 0; border-bottom: 1px solid #6e5641; }
#sidebar 						{ float: right; width: 140px; margin-left: 5px; }
#sidebar ul 					{ list-style: none; }
#sidebar ul li a 				{ font-size: .9em; text-decoration:none; color: #4F331D; padding: 3px 0px; } 
#sidebar ul li a:hover 			{ text-decoration:underline; color: #FF8C00; }
#sidebar ul li.widget 			{ border-bottom: 1px dashed #6E5641; margin: 10px 0px 0px; padding: 10px 0px 20px; text-align:right; }
div.contentright 				{ position: relative; float: right; width: 210px; margin: 0em 0em 0em 3.0em; padding: 1em 0 1em 1em; }
#foot 							{ margin-top: 30px; position: relative;height: 1.3em;clear: both; background: #996666; font-size: 0.8em; background-image: url('images/footll.gif'); background-repeat: no-repeat; background-position: bottom left; }
#footer 						{ z-index: 2;position: relative;width: 775px;margin: 0 auto;height: .5em;clear: both;padding-top: 1.3em;font-size: 0.8em; }
#footer .left 					{ position: absolute; left: 2.0em; bottom: 0.5em; }
#footer .right 					{ position: absolute; right: 2.0em; bottom: 0.5em; }

/* TEXT */

body,input						{ color: #000; font-family: "georgia", "Verdana", serif; font-size: 10pt; }
#headercontent h1 				{ margin-left: -10px; font-weight: normal; color: #fff; font-size: 2.5em; height: 90px; width: 600px; background: #4F331D url('images/logo.gif') no-repeat left top; }
#headercontent h2 				{ margin-top: -14px; margin-left: 30px; padding-top: 5px; font-size: 1.8em; font-weight: normal; color: #fff; }
#contactinfo h2					{ text-align: right; font-size: 1.3em; font-weight: normal;color: #FFF; padding-bottom:0px; }
#contactinfo h2.ph 				{ letter-spacing: .1em; font-family: arial;} 
.entry_post h2 a 				{ color: #2b2b2b; }
.entry_post h2 a:hover 			{ color: #FF9912; }
.blog .entry_post h2 			{ color: #fff;} 
h3 								{ font-weight: bold; font-size: 1.7em; padding-right: 34px; color: #2b2b2b; } 
h2.single 						{ font-weight: bold; margin: 20px 0 0; color: #2b2b2b; }

h4 								{ font-weight:normal; font-size: 1.0em; margin:5px 0px 10px 0px;} 
h5 								{ font-weight:normal; font-style: normal; font-size: 1.0em; color: #4F331D; font-weight: bold; }
h5 a 							{ font-weight:normal; font-style: normal; font-size: 1.0em; color: #4F331D; font-weight: bold; }
h5 a:hover 						{ color: #FF9912; }
#sidebar h2, #sidebar h3, 
#sidebar h4, #sidebar h5 		{ margin: 0px 0px 5px; font-weight: normal; font-style: normal; font-size: 90%; color: #4F331D; font-weight: bold;  } 
p 								{ margin: 0 0 1.0em; font-size: 10pt; font-family: "georgia", "Verdana", serif; line-height: 1.5em; text-align: left; }
span 							{ font-weight: bold; }
div.contentright p 				{ text-align: right; }

/* LINKS */

a 								{ color: #000; text-decoration: underline; }
a:hover 						{ text-decoration: none; color: #FF9912; }
#nav ul li a 					{ padding: 0.5em 1.0em 0.9em; color: #141414; text-decoration: none; }
#nav ul li a:hover,
#nav ul li.current_page_item a 	{ text-decoration: underline; background: #B6DB51 url('images/navactive.gif') repeat-x top left; }
#contactinfo a 					{ text-align: right; font-size: 90%; font-weight: normal; color: #FFF; text-decoration: none; }
#contactinfo a:hover 			{ text-decoration: underline; color: #FF9912; }

/* IMAGES */

img 							{ margin-left: 4px; }
img.left 						{ position: relative; float: left; margin: 1.0em 1.8em 3em 0em;  }
.blog img.left 					{ position: relative; float: left; margin: 0.5em 1.8em 2em 0em; border: 0px; }
.alignleft 						{ float: left; margin: 0em 1.8em 3em 0em; }
img.right 						{ position: relative; float: right; margin: 0em 0em 1.8em 1.8em; }
.alignright 					{ float: right; margin: 0em 0em 1.8em 1.8em; }