/*
Theme Name: Wines of France 2010
Theme URI: 
Description: Custom theme for http://wines-france.us
Version: 1.0
Author: Jennifer Saenger
Author URI: http://www.jsmultimedia.com
*/

/*Table of Contents
1 - General Containers
2 - Typography
3 - Header Styles
4 - Navigation Menu Styles
5 - Sidebar Styles
6 - Footer Styles
7 - Homepage Styles
8 - Post Styles
9 - "Picks" Styles
10 - Travel Adventures--Videos Styles
11 - Questions Uncorked--Entries Styles
12 - Wine of the Week Styles
13 - Tastings Near You Styles */


/* 1 - General Containers */
body { color: #000; background: #FFF; font-family: 'Trebuchet MS', sans-serif; font-size: 13px; line-height: 1.4; text-align: center; }
div.wrapper { margin: 0 auto; text-align: left; width: 980px; }
div#main { margin: auto; padding: 15px 0; }
div#content { float: left; width: 630px; }
div#sidebar { background: #fffde9; float: left; width: 300px; margin-left: 50px; }
div#footer { clear: both; background: #1970b8; text-align: center; padding: 15px 0; }
div#footer a { color: #FFF; text-decoration: none; }
div#footer a:hover { color: #FFF; }

.center { text-align: center !important; }
.right { float: right; text-align: right; }
.left { float: left; text-align: left; }
div.clear { clear: both;height: 1px;margin: -1px 0 0;overflow: hidden; }


/* 2 - Typography */
@font-face { font-family: 'LucidaHandwritingItalic'; src: url('http://www.wines-france.us/fonts/lucida_handwriting_italic-webfont.eot'); src: local('lucida_handwriting_italic'), url('http://www.wines-france.us/fonts/lucida_handwriting_italic-webfont.woff') format('woff'), url('http://www.wines-france.us/fonts/lucida_handwriting_italic-webfont.ttf') format('truetype'), url('http://www.wines-france.us/fonts/lucida_handwriting_italic-webfont.svg#webfonttUHAlJpV') format('svg'); font-weight: normal; font-style: normal; }
.replaceMe { font-weight: bold; font-style: normal; line-height:normal; font-family: 'LucidaHandwritingItalic', sans-serif; }
.replaceMeWhite { color: #FFFFFF;font-weight: bold; font-style: normal; line-height:normal; font-family: 'LucidaHandwritingItalic', sans-serif; }
a { color: #1970b8; text-decoration: none; }
a:hover { color: #1970b8; }
h1, h2, h3 { color: #e21f26; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; }
h1.replaceMe, h2.replaceMe { font-size: 170%; font-weight: bold; }
h2, h3 { margin: 15px 0 10px 0px; }
p, table { margin: 10px 0 15px 0; }
hr { border-top: 1px solid #ccc; height: 1px; margin: 20px 0; }

.indexTitle h2 { font-family: Verdana, Geneva, sans-serif; font-size: 180%; }


/* 3 - Header Styles */
div#header { position: relative; height: 138px; }
div#banner { background: url(images/new_header.png); height: 118px; }
div#headerDate { padding: 75px 0 0 95px; color: #1970b8; }

/* 4 - Navigational Menu Styles */
#nav, #nav ul { padding: 0; margin: 0; list-style: none; }
#nav img { border: none; }
#nav li { float: left; font-weight: bold; }
div#menu { color: #fff; background: #fff url('images/menu_bg.png') repeat-x; width: 980px; height: 39px; }
div#menu li { margin: 0; padding: 0 10px; }
div#menu span { cursor: default; }
div#menu a, div#menu span { color: #fff; background: transparent; font-size: 15px; font-weight: bold; padding: 0 5px; }
div#menu a.on, div#menu span.on {  }
div#menu span.pipe { color: #ccc !important; font-weight: bold !important; padding: 0 !important; }
div#menu a:hover { text-decoration: none; }
div#menu li ul a:hover { text-decoration: underline; } 
#nav li ul { position: absolute; width: 256px; left: -999em; border: 1px solid #69c; border-bottom: 0; z-index: 10; background-color: #1970b8;  }
#nav li ul li { display: block; border-bottom: 1px solid #69c; padding: 5px 3px; width: 250px; z-index: 10; }
#nav li#tastings ul { width: 271px; }
#nav li#tastings ul li { width: 265px; }
#nav li#about ul { width: 206px; }
#nav li#about ul li { width: 200px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }


/* 5 - Sidebar Styles */
#sidebarTop { background: url('images/sidebar_top.png'); height: 30px; }
#sidebarBottom { background: url('images/sidebar_bottom.png'); height: 30px; }
#sidebar img { border: none; }
div#sidebarSheri { margin: 0 0 12px 7px; }
div#sidebarSearch { height: 31px; margin: 12px 10px 30px 10px; }
div#sidebar div#searchContainer { position: relative; background: transparent url('images/search_bg.png') no-repeat top left; height: 31px; }
div#sidebar div#searchContainer input#s { position: absolute; left: 0; top: 0; border: 0; font-size: 13px; padding: 7px; width: 279px; background: transparent; }
#searchsubmit { display: none; }
#sidebarTopPicks { margin: 30px 0 20px 6px; }
#sidebarFollow { margin: 20px 12px 50px 0; }
#sidebarFollowIcons { margin: 10px 0 0 0; }
#sidebarFollow img { margin: 0 10px; }
#sidebarPairings, #sidebarQuestions { margin: 50px 12px 50px 12px; }
#sidebarSites { margin: 50px 12px 0 12px; }


/* 6 - Footer Styles */
div#footer p { margin: 10px 0; }
div#copyright { text-align: center; }

/* 7 - Homepage Styles */
div#featuredPosts { background: #1970b8; }
div#featuredPostsTop { background: url('images/featured_top.jpg'); height: 20px; }
div#featuredPostsBottom { background: url('images/featured_bottom.jpg'); height: 20px; }
div#featuredPosts p { color: #FFFFFF; font-weight: bold; margin: 5px 10px; }

/* 8 - Post Styles */
div.post div.comments { float: right; margin-top: 10px; }
div.post div.comments a { text-decoration: underline; }
.alignright { float: right; margin: 0 0 10px 10px; }
.alignleft { float: left; margin: 0 10px 10px 0; }
.readMore { text-align: right; font-size: 120%; }
.readMore a { text-decoration: underline; }
.metadata { font-size: 85%; }
.metadata a { text-decoration: underline; }
div.separator { background: url('images/post_separator.png') no-repeat; height: 47px; margin: 15px 0 0 104px; }
.nextLink { background: url('images/next_posts.png') no-repeat top right; float: right; text-align: right; }
.previousLink { background: url('images/previous_posts.png') no-repeat; float: left; text-align: left; }
.previousNext { padding: 20px 0 0 0; font-size: 120%; }
.actions { text-align: center; }


/* 9 - "Picks" Styles */
div#sort { float: left; }
div#sort ul { list-style: none; }
div#wine { float: right; width: 400px; border-left: dashed 2px #e21f26; padding-left: 15px; }
div#wine ul { list-style: none; }
div#buttons { float: right; margin-top: 15px; }
div#buttons img { border: none; }
span.labels { float: left; font-weight: bold; width: 100px; text-align: right; margin-right: 15px; }
span.wineInfo { float: left; width: 285px; }
div.wineSeparator { margin: 15px 0 15px 47px; }


/* 10 - Travel Adventures--Videos Styles */
div#adventureVidList { margin-left: 12px; }
div#adventureVidList img { border: none; }
div.adventureVid { float: left; width: 110px; margin-left: 10px; text-align: center; }
#adventureVidInfo { float: left; width: 290px; margin-right: 20px; }
#adventureVid { float: left; width: 320px; }


/* 11 - Questions Uncorked--Entries Styles */
h2.uncorkedQuestion { font-size: 14px; color: #000000; }

/* 12 - Wine of the Week Styles */
.sense1, .sense2, .sense3, .sense4, .sense5 { height: 100px; margin: 15px 0 20px 0; padding-left: 120px; }
.sense1 { background: url('images/sense1.jpg') no-repeat top left; }
.sense2 { background: url('images/sense2.jpg') no-repeat top left; }
.sense3 { background: url('images/sense3.jpg') no-repeat top left; }
.sense4 { display: none; background: url('images/sense4.jpg') no-repeat top left; }
.sense5 { display: none; background: url('images/sense5.jpg') no-repeat top left; }

/* 13 - Tastings Near You Styles */
div.tastingsInfo { padding: 0 30px; }
div.tastingsCities { font-weight: bold; text-decoration: underline; }
span.tastingsLabels { font-weight: bold; margin-right: 10px; }
span.tastingsDirections { margin-left: 20px; }
span.tastingsMap { margin-left: 20px; }