/*
Theme Name: James Cole Winery
Description: We are passionate people. We have extended ourselves at times - physically, emotionally, financially. 
But the hard work and dedication has been worth it.
Author: Damien Wright
Author URI: www.tanpeki.com
*/

/* Reset */
body, html, div, blockquote, img, label, p, hr, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, table, th, td, tr {margin: 0; padding: 0; border: 0; outline:none;outline-style:none;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:1px;
}
ul, ol, li {list-style-type:none;
}
div{display: inline-block;
}
div{display:block;
}
img, div, a, input { behavior: url(http://www.jamescolewinery.com/css/iepngfix.php) 
}
html, body{width:100%;height:100% !important;min-hight:100%;
}

/* Global */
body {background:#000 url(../images/background.png) repeat;font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; color:#fff;text-shadow: #000000 0 0 0px;font-size:13px;line-height:150%;text-align: center;
}
a:link, a:visited, a:active {color:#fff;text-decoration:underline;
}
a:hover {color:#f2d265;
}
.left{float:left;
}
.right{float:right;
}
.clear{clear:both;
}

/* Header */
#header {width:198;height:41px;background: url(../images/james-cole.png) no-repeat;
}
#header h1 a{width:198;height:41px;position:relative;display:block;
}
#header span, #header span{text-indent:-9999px;position:absolute;
}
#toppad{height:40px;min-height:40px;
}

/* Main Menu */
#menu{text-transform:uppercase;font-family: Verdana, Geneva, Arial, sans-serif;line-height:30px;display:block;overflow:hidden;
}
#menu ul, #menu li {float:left;
}
#menu li a, #menu ul li li a:link, #menu ul li li a:visited {color: #f2b751;display:block;padding: 0 10px;text-decoration:none;
}
#menu li span{color: #f2b751;display:block;padding: 0 0 0 1em;
}
#menu ul li a:hover, #menu ul li li a:active {background: url(../images/clear-back-hover.png);color: #fff;
}
#menu li li a, #menu ul li li a:link, #menu ul li li a:visited {background: url(../images/brown-back-hover.png);float:none;margin-top:2px;width: 300px;
}
#menu ul li li a:hover, #menu ul li li a:active {background: url(../images/brown-back-hover.png);color: #fff;
}
#menu ul li ul {z-index: 9999;position:absolute;left: -999em;height: auto;width: 300px;
}
#menu ul li ul li:hover {background: url(../images/clear-back.png);
}
#menu ul li ul a {width: 300px;text-align:left;
}
#menu ul li:hover ul{left: auto;
}
#menu ul li:hover{position: static;
}

/* Background Images */
#home{background:url(../images/back-home.jpg) no-repeat;
}
#ourstory{background:url(../images/back-ourstory2011.jpg) no-repeat;
}
#ourwines{background:url(../images/back-ourwines.jpg) no-repeat;
}
#tastingnotes{background:url(../images/back-tasting-notes.jpg) no-repeat;
}
#cabernet{background:url(../images/back-cabernet.jpg) no-repeat;
}
#cabernet-reserve{background:url(../images/back-cabernet-reserve.jpg) no-repeat;
}
#ice-wine{background:url(../images/back-ice-wine.jpg) no-repeat;
}
#il-mostro{background:url(../images/red-wine-il-mostro.jpg) no-repeat;
}
#malbec{background:url(../images/back-malbec.jpg) no-repeat;
}
#petit-verdot{background:url(../images/back-petit-verdot.jpg) no-repeat;
}
#chardonnay{background:url(../images/back-chardonnay.jpg) no-repeat;
}
#photo-gallery{background: #544B3C;background-image:none;
}
#happenings{background:url(../images/back-happenings.jpg) no-repeat;
}
#theteam{background:url(../images/back-team.jpg) no-repeat;
}
#getintouch{background:url(../images/back-get-in-touch.jpg) no-repeat;
}
#makereservations{background:url(../images/back-get-in-touch.jpg) no-repeat;
}
#jamespage{background:url(../images/back-james-colleen.jpg) no-repeat;
}
#happeningsdetail{background:url(../images/back-james-colleen.jpg) no-repeat;
}
#tastingnotes a.download {display:none;
}

/* The Content */
#container{background: url(../images/clear.png) repeat;margin:0 auto;overflow:hidden;padding:0 30px 30px 30px;width:933px;overflow:hidden;
}
#header{width:200px;height:41px;margin:10px auto;
}
.content{border:1px solid #000;line-height:150%;text-align:justify;overflow:hidden;width:933px;height:568px;
}
.content p{margin:0 0 10px 0;line-height:150%;text-align:justify;
}
.content h2, .content h3{text-transform:uppercase;font-weight:bold;font-size:14px;
}
.content .nav{width:100%;margin-top:20px;text-align:center;
}
.content .nav a.prev{padding:0 0 0 20px;background: url(../images/nav.png) no-repeat left top;
}
.content .nav a.next{padding:0 20px 0 0;background: url(../images/nav.png) no-repeat right bottom;
}
a.download {margin:20px 0 0 135px;
}
#home{width:933px;height:568px;
}
#address{width:933px;height:40px;padding:5px 0px 10px 0px;display:block;border:0px solid #CCC;margin-top:-30px;margin-left:auto;margin-right:auto;visibility:visible;
}
#address a{color:#F2B751;text-decoration:none;}
#ourstory{width:183px;height:440px;padding: 128px 40px 0 710px;
}
/* #ourstory{width:393px;height:400px;padding: 168px 40px 0 500px;}*/

#ourwines{width:393px;height:400px;padding: 168px 40px 0 500px;
}
#ourwines a.download {margin:20px 0 0 0;
}
#tastingnotes{width:393px;height:400px;padding: 168px 40px 0 500px;
}
#cabernet{width:393px;height:400px;padding: 168px 40px 0 500px;
}
#cabernet-reserve{width:393px;height:400px;padding: 168px 40px 0 500px;
}
#ice-wine{width:393px;height:400px;padding: 168px 40px 0 500px;
}
#il-mostro{width:393px;height:400px;padding: 168px 40px 0 500px;
}
#malbec{width:393px;height:400px;padding: 168px 40px 0 500px;
}
#petit-verdot{width:393px;height:400px;padding: 168px 40px 0 500px;
}
#chardonnay{width:393px;height:400px;padding: 168px 40px 0 500px;
}
#photo-gallery{width:933px;height:528px;
}
#happenings{width:393px;height:400px;padding: 168px 40px 0 500px;
}
#getintouch{width:333px;height:400px;padding: 168px 100px 0 500px;
}
#makereservations{width:393px;height:500px;padding: 68px 40px 0 500px;
}
#makereservations .wrap{width:380px;padding:10px;height:420px;
}
#makereservations label{width:300px;
}
#makereservations input{width:370px;
}
#makereservations textarea{height:100px;width:370px;
}
#jamespage{width:933px;height:568px;
}


/* Photo Gallery */
#photo-gallery{background: #544B3C;background-image:none;overflow:hidden;
}

/* Happenings */
#happenings{width:493px;height:400px;padding: 168px 40px 0 400px;
}
#happenings #scrollwrap{background-image:none;
}
#happeningsdetail #scrollwrap{background-image:none;
}
#happenings #easyscroll{padding:10px 0 10px 0;width:400px;
}
#happenings #easyscroll p{display:none;
}
#happenings h2{line-height:150%;
}

/* The Team */
#theteam{width:933px;height:568px;
}
#theteam .left{width:500px;padding-top:120px;
}
#theteam .left img{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;width:144px;height:144px;
}
#theteam .left a{background:#756c59;float:right;margin:10px;
}
#theteam .left img:hover{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;
}
#theteam .right{text-align:justify;width:345px;height:410px;padding:130px 40px 0 30px;
}
#colleen, #james {background: url(../images/back-james-colleen.jpg);text-align:justify;
}
#colleen .left, #james .left{width:295px;padding-top:80px;text-align:center;
}
#colleen .left img, #james .left img{width:238px;height:345px;
}
#colleen .right, #james .right{width:600px;padding:40px 40px 0 0;text-align:justify;
}
#jim, #charles, #lisa{background:url(../images/back-james-colleen.jpg) no-repeat;
}
#jim .left, #charles .left, #lisa .left{width:350px;padding-top:130px;text-align:right;
}
#jim .left img, #charles .left img, #lisa .left img{width:250px;height:254px;
}
#jim .right, #charles .right, #lisa .right{width:510px;padding:92px 40px 0 0;text-align:justify;
}
#colleen, #james, #jim, #charles, #lisa{width:933px;height:568px;
}
#theteam{width:933px;height:568px;
}
#theteam .left{width:500px;padding-top:120px;
}
#theteam .left img{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;width:144px;height:144px;
}
#theteam .left a{background:#756c59;float:right;margin:10px;
}
#theteam .left img:hover{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;
}
#theteam .right{text-align:justify;width:345px;height:410px;padding:130px 40px 0 30px;
}
#colleen, #james {background: url(../images/back-james-colleen.jpg);text-align:justify;
}
#colleen .left, #james .left{width:295px;padding-top:80px;text-align:center;
}
#colleen .left img, #james .left img{width:238px;height:345px;
}
#colleen .right, #james .right{width:600px;padding:60px 20px 0 0;text-align:justify;
}
#jim, #charles, #lisa{background:url(../images/back-james-colleen.jpg) no-repeat;
}
#jim .left, #charles .left, #lisa .left{width:350px;padding-top:130px;text-align:right;
}
#jim .left img, #charles .left img, #lisa .left img{width:250px;height:254px;
}
#jim .right, #charles .right, #lisa .right{width:510px;padding:120px 40px 0 0;text-align:justify;
}
#jim .nav, #charles .nav, #lisa .nav{margin-left:40px;
}

/* Get In Touch*/
#getintouch{
}
#getintouch .left{text-align:right;width:100px;padding:0 10px 10px 0;
}
#getintouch .right{width:200px;padding:0 10px 0 0;
}
#getintouch p{margin:30px 10px;
}
#getintouch a{display:block;line-height:1px;font-size:12px;
}
#makereservations{width:393px;height:500px;padding: 68px 40px 0 500px;
}
#makereservations p{margin-top:0;line-height:18px;
}
#makereservations .wrap{width:300px;height:400px;padding:20px;background: url(../images/clear.png);position:relative;
}
#wpcf label {clear:both;display:block;float:left;width:230px;
}
#wpcf input {float:left;width:290px;padding:2px;margin:2px 5px 2px 0;
}
#wpcf textarea {width: 290px;height:100px;padding:2px;margin: 0 5px 0 0;
}
#wpcf #contactsubmit {width:auto;color:fff;color:#f2b751;cursor:pointer;float:right;
}
#wpcf #contactsubmit:hover{color:#fff;border:1px solid #000;
}
#wpcf input, #wpcf textarea, #wpcf #contactsubmit{border:1px solid #222;background: url(../images/clear.png);
}
#wpcf input:focus, #wpcf textarea:focus, #wpcf #contactsubmit:focus{border:1px solid #000;color:#fff;
}

/* James Page */
#jamespage{color:#000;
}
#scrollwrap{margin:10px;width:913px;height:388px;padding:80px 0;background:url(../images/james-blog.png) no-repeat;position:relative;overflow:hidden;
}
#easyscroll h2 a:link{color:#f2d265;font-weight:normal;
}
#happenings #easyscroll h2 a:link{color:#f2d265;font-weight:normal;text-transform:none;
}
#happenings h3{margin-left:10px;font-weight:normal;text-transform:none;
}
#easyscroll a:link{color:#D5C080;text-decoration:none;
}
#easyscroll a:hover{text-decoration:underline;
}
#easyscroll{width:615px;padding:80px 40px 80px 238px;position:absolute;left:0px;top:0px;
}
#easyscrollnav{width: 20px;background: url(../images/white-back.png) repeat;position:absolute;margin: 10px 0 0 903px;z-index:3;
}
#easyscrollnav span{text-indent:-9999px;position:absolute;
}
#easyscrollnav li a{color: #404A50;cursor:pointer;float:left;width: 20px;height: 20px;position:relative;
}
#easyscrollnav li.over a{color:#fff; }
#easyscrollnav li#btnUp a{background:url(../images/btnUp.png) 0 0; }
#easyscrollnav li#btnDown a{background:url(../images/btnDown.png) 0 0; margin-top: 488px;}
#easyscrollnav li#btnReset a{background:url(../images/btnReset.png) 0 0; }
#easyscrollnav li#btnUp a:hover{background:url(../images/btnUp.png) 0 -20px; }
#easyscrollnav li#btnDown a:hover{background:url(../images/btnDown.png) 0 -20px; }
#easyscrollnav li#btnReset a:hover{background:url(../images/btnReset.png) 0 -20px; }

/* Blog Content*/
.date {font-size:11px;padding:0px 10px;color:#fff;text-transform: uppercase;line-height:20px;
}
.author{color:#fff;padding:3px 5px 3px 20px;background:url(../images/user.png) no-repeat;
}
.edit{color:#fff;padding:3px 5px 3px 20px;
}
.edit a:link, .edit a:visited {color:#fff;
}
.edit a:hover{color:#fff;
}
h3#comments {padding: 0;margin: 20px auto;
}
.commentlist li ul li {font-size: 1em;
}
.commentlist li {font-weight: normal;
}
.commentlist li .avatar {float: right;border: 1px solid #eee;padding: 2px;background: #fff;
}
.commentlist cite, .commentlist cite a {font-weight: normal;font-style: normal;font-size: 1.1em;
}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;
}
#commentform input, #commentform textarea{color:#555;background: url(../images/clear-back.png);border:1px solid #222;font-size:16px;
}
#commentform input:focus, #commentform textarea:focus, #commentform #submit:hover{color:#fff;border:1px solid #000;
}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;
}
#commentform {margin: 5px 10px 0 0;
}
#commentform textarea {width: 100%;padding: 2px;overflow:auto;height:60px;
}
#respond:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;
}
#commentform #submit {margin: 0 0 5px 5px;width:auto;float:right;color:#f2b751;background: url(../images/clear.png) repeat;border:1px solid #111;cursor:pointer;
}
.alt {margin: 0;padding: 10px;background: url(../images/clear-back.png);
}
.commentlist {padding: 0;
}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;
}
.commentlist li ul li {margin-right: -5px;margin-left: 10px;
}
.commentlist p {margin: 10px 5px 10px 0;
}
.children { padding: 0; 
}
#commentform p {margin: 5px 0;
}
.nocomments {text-align: center;margin: 0;padding: 0;
}
.commentmetadata {margin: 0;display: block;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {padding: 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #0066cc;color: #0066cc;background-color: #FFF;}
.wp-pagenavi a:hover {border: 1px solid #000;color: #000;background-color: #FFF;}
.wp-pagenavi a:active {padding: 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #0066cc;color: #0066cc;background-color: #FFF;}
.wp-pagenavi span.pages {padding: 2px 4px;margin: 2px;color: #000;border: 1px solid #000;background-color: #FFF;}
.wp-pagenavi span.current {padding: 2px 4px;margin: 2px;font-weight: bold;border: 1px solid #000;color: #000;background-color: #FFF;}
.wp-pagenavi span.extend {padding: 2px 4px;margin: 2px;border: 1px solid #000;color: #000;background-color: #FFF;}
div.sociable { margin: 16px 0; }
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {position: absolute;display: block;top: -5em;border: 1px solid #ccc;color:black;line-height: 1.25em;}
.sociable span {display: block;}
.sociable ul {display: inline;margin: 0 !important;padding: 0 !important;}
.sociable ul li {background: none;display: inline-block;float:left;list-style-type: none;margin: 10px;padding: 1px;}
.sociable ul li:before { content: ""; }
.sociable img {float: none;width: 16px;height: 16px;border: 0;margin: 0;padding: 0;}
.sociable-hovers {opacity: .4;-moz-opacity: .4;filter: alpha(opacity=40);}
.sociable-hovers:hover {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}


 #scrollwrap  { background: url(http://www.jamescolewinery.com/css/taller/james-blog.png) no-repeat;  }