/*----------------------------------------------------
Theme Name:		James and Dunne 2009
Theme URI:		http://www.jamesanddunne.com
Description:	Theme for Stylist and Personal Shoppers Jess James and Shannon Dunne
Version:		1.0
Author:			Kevin deLeon
Author URI:		http://mydesigncouldbeatupyourdesign.com
------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------------*/
/* --------------------------->>> Table of Contents <<<-------------------------------------------*/
/* -----------------------------------------------------------------------------------------------
	1.	RESET
	2.	LAYOUT
	3.	GLOBAL TEXT STYLES
	4.	PAGE STRUCTURE
	5.	HEADER
	6.	POSTS
	7.	SIDEBAR STYLES
	8.	COMMENTS
	9.	GIGS CALENDAR
	10. SERVICES
	11.	BUZZ
	12.	MEET J+D
	13.	SEARCH.PHP
	14.	FOOTER
--------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------
Using RESET, and LAYOUT from Elliot Jay Stocks Starkers.
--------------------------------------------------------*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/* ---------------------------------------------------------------------------------------------------*/

/* -------------------------------------->>> GLOBAL TEXT STYLES <<<-----------------------------------*/

/* --------------------------------------------------------------------------------------------------*/

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
p {font-size: 12px; margin: 1.2em 0em 1.2em 0em;}
h1 {font-size: 28px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #333; margin: 0 0 5px 0;}
h2 {font-size: 14px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #333; margin: 0 0 5px 0;}
h3 {font-size: 16px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; color: #333; margin: 0 0 5px 0;}
h4 {font-size: 14px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; color: #333; margin: 0 0 5px 0;}
ol, ul, li { font-size: 12px; margin-top: 0.2em; margin-bottom: 0.1em; }
a {color: #b75d34; text-decoration: none;}
a:hover {color: #b75d34; text-decoration: underline;}
blockquote, pre {background:#a88b72 url(/wp-content/themes/jamesanddunne2009/images/bq_quote.gif) 10px 10px no-repeat; border:1px dashed #5b2b18; padding:16px 36px 8px 36px; margin:10px 0 20px 0; color: #fff;}
blockquote a {color: #fef8d8; text-decoration: underline;}
blockquote a:hover {color: #fef8d8; text-decoration: none;}

/*-------------------------------
pdf links
--------------------------------*/
a[href $=".pdf"] {padding-right: 18px; background: url(/images/interface/pdfico.gif) no-repeat right top;}

/* -----------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> PAGE STRUCTURE <<<-----------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

body {background: url(/wp-content/themes/jamesanddunne2009/images/mainBg.jpg) repeat; text-align: center; /* centers content for wacky browsers */}

/* main wrapper that centers page */
#wrapper { 
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 960px;
	height: 100%;
	text-align: left; /* uncenters text that was unfortunately centered above for wacky browsers */
	overflow: hidden;
}

#headContainer{margin: 0; padding: 0; width: 960px; height: 421px; background: url(/wp-content/themes/jamesanddunne2009/images/headBg.jpg) repeat-x;}
#bodyContainer{width: 930px; height: 100%; margin: 0 0 0 0; background: #fef8d8 url(/wp-content/themes/jamesanddunne2009/images/linesBG.jpg); padding: 0 30px 0 30px; overflow: hidden;}
#content {width: 500px; height: 100%; margin: 0 40px 0 0; float: left;}
#sideContainer {width: 360px; float: left;}
#search {width: 360px;}
#sideBarLeft {width: 160px; margin: 5px 40px 0 0; padding: 0; float: left;}
#sideBarRight {width: 160px; margin: 5px 0 0 0; padding: 0; float: left;}
#footContainer{width: 960px; margin: 0; padding: 0 0 30px 0; background: url(/wp-content/themes/jamesanddunne2009/images/footBG.jpg) repeat; overflow: hidden;}
#footerLeft {width: 500px; margin: 0 40px 0 30px; padding: 0; float: left; overflow: hidden;}
#footerRight {width: 360px; margin: 0 30px 0 0; padding: 0; float: left; overflow: hidden;}
#footContactCol1{float: left; margin: 0 40px 0 0; width: 220px; overflow: hidden;}
#footContactCol2{float: left; margin: 0; padding: 0; width: 240px; overflow: hidden;}


/* -----------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> HEADER <<<-------------------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

#headerLogo{position: absolute; top: 0; left: 0; width: 310px; height: 421px;}
/*next 3 styles are image replacement for logo */
a.replace {display: block;} 
h1#logo {position: relative; width: 310px; height: 421px; font-size: 1px; text-indent: -5555px;}
h1#logo a span {position: absolute; top: 0; left: 0; display: block; background: url(/wp-content/themes/jamesanddunne2009/images/logoGirlsNoBird.jpg) no-repeat; width: 310px; height: 421px; cursor: pointer;}
#headerQuote {position: absolute; left: 360px; top: 119px; width: 511px; height: 101px; background: url(/wp-content/themes/jamesanddunne2009/images/headerQuote.png);}
#headerInfo {position: absolute; left: 480px; top: 315px;}
.headerInfoh2 {font-size: 24px; font-weight: normal;}

/*navigation*/

#hrzNavigation {position: absolute; top: 0; left: 311px; width: 650px; height: 49px;}
#hrzNavigation ul {font-size: 12px; height: 49px; margin: 5px 0 0 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
#hrzNavigation ul li {display: inline; color: #f8d7d2; margin: 0 5px 0 0;}
#hrzNavigation ul li a {color: #f8d7d2;}
#hrzNavigation ul li a:hover {color: #b75d34; text-decoration: none;}
.rssBag {width: 32px; height: 38px; vertical-align:  middle; margin: 0 10px 0 0; padding: 0 0 0 0;}

/* -----------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> POSTS <<<--------------------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

.post {background: #fef8d8 url(/wp-content/themes/jamesanddunne2009/images/postBG.jpg) top left no-repeat; margin: 0 0 40px 0;}
.post h2 {color: #333; font-size: 28px;}
.post h2 a {color: #333; font-size: 28px;}
.post h2 a:hover {color: #b75d34; text-decoration: none;}
.post h3 {font-size: 14px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #6d545a; margin: 0 0 5px 0;}
.post img {margin: 5px 0 0 0; padding: 0; border: none;}

/* -----------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> SIDEBAR STYLES <<<-----------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

/***** sideContainer ***/
#sideContainer h2 {font-size: 19px; margin: 20px 0 5px 0;}
#sideContainer p {margin: 0; font-size: 11px;}
#sideContainer ul li {font-size: 11px;}

/***** Search Stuff *****/
#searchCont{width: 500px; margin: 10px 0 0 0; padding: 0;}
#searchCont h2 {font-size: 14px; margin: 0; padding: 0;}
#search {width: 500px; height: 23px; margin: 5px 0 0 0; background: url(/wp-content/themes/jamesanddunne2009/images/bgSearchBox.gif) no-repeat; float: left;}
#search #s {float: left; padding: 0 0 0 0; margin: 4px 13px 0 8px; border: 0; width: 230px; background: none;}
#go {width: 76px; height: 37px; float: left; margin: -10px 0 0 0; padding: 0;}

/*Tweets*/
.tweetsH2{padding: 15px 0 0 0; background: url(/wp-content/themes/jamesanddunne2009/images/tweetBlue.png) no-repeat top right;}
#twitter_div li {margin: 0 0 10px 0;}

/* -----------------------------------------------------------------------------------------------*/
/* ------------------------------------------>>> COMMENTS <<<-------------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

#respond h3 {margin-top: 20px;}
#comment {width: 500px;}

.commentlist h3 {color: #fff; margin: 5px 0 0 0;}
.commentlist .quote {padding: 0 0 10px 0; background: url(/wp-content/themes/jamesanddunne2009/images/bg_quote.gif) no-repeat top right; overflow: hidden;}
.commentlist li {padding: 5px 18px 30px 18px; margin-top:15px; background:#5b2b18 url(/wp-content/themes/jamesanddunne2009/images/bg_commentlist.gif) bottom no-repeat; color:#fff;}
.commentlist cite {display:block; font-style: italic; font-size: 11px;}

.avatar {float: left; padding: 2px; margin: 15px 8px 8px 0; border: 1px solid #ffcccc;}

.moderationComment {color: #fff; font-size: 16px;}

/* -----------------------------------------------------------------------------------------------*/
/* ------------------------------------->>> Gigs Calendar <<<-------------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

/*Styles are in style.css in /wp-content/gigs-templates/basic/  */


/* -----------------------------------------------------------------------------------------------*/
/* ------------------------------------->>> Services <<<------------------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

.services .post h3 {font-size: 18px;}
.services .post ul {margin: 0 0 10px 20px;}
.services .post ul li {list-style-type: disc;}

/* -----------------------------------------------------------------------------------------------*/
/* ------------------------------------->>> Buzz <<<----------------------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

.buzz .post h3 {font-size: 18px;}
.buzz .post ul {margin: 0 0 10px 20px;}
.buzz .post ul li {list-style-type: disc;}

.source {display: block; margin: 10px 0 10px 0;}

/* -----------------------------------------------------------------------------------------------*/
/* ------------------------------------->>> Meet J + D <<<----------------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

.meet-j-d .post h3 {font-size: 18px;}
.meet-j-d .post ul {margin: 0 0 10px 20px;}
.meet-j-d .post ul li {list-style-type: disc;}

/* -----------------------------------------------------------------------------------------------*/
/* ------------------------------------->>> search.php <<<----------------------------------------*/
/* -----------------------------------------------------------------------------------------------*/
.searchH3 {font-size: 28px; margin-top: 10px;}

/* -----------------------------------------------------------------------------------------------*/
/* --------------------------------------->>> FOOTER STYLES <<<-----------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

#footRip {width: 960px; height: 45px; background: url(/wp-content/themes/jamesanddunne2009/images/footerTear.png) no-repeat; }
#footContainer h2 {color: #b75d34; font-size: 28px; font-weight: normal;}
#footContainer p {color: #efebd3; margin: 0 0 8px 0; font-size: 11px;}
#footContact label {color:#efebd3; font-size: 11px; line-height: 20px;}
.footInputWrapper {width: 218px; height: 23px; margin: 5px 0 0 0; background: url(/wp-content/themes/jamesanddunne2009/images/input.png) no-repeat; float: left;}
.footInputWrapper .footInput  {float: left; padding: 0 0 0 0; margin: 4px 0 0 8px; border: 0; width: 200px; background: none;}
.footMessageWrapper {width: 239px; height: 94px; margin: 5px 0 0 0; background: url(/wp-content/themes/jamesanddunne2009/images/messageInput.png) no-repeat; float: left;}
.footMessageWrapper #footMessage  {float: left; padding: 0 0 0 0; margin: 4px 0 0 8px; border: 0; width: 225px; height: 90px; background: none;}
#send {width: 64px; height: 23px; margin: 8px 0 0 0; float: right; border: 0; padding: 0; background: none;}

/*error messages for form validation */

#msg {display:none; position:absolute; z-index:200; background:url(/wp-content/themes/jamesanddunne2009/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}