/*
Theme Name: Vinepress
Theme URI: http://pardonthatvine.com/
Description: Custom Wordpress theme for Pardon That Vine
Version: 1.0
Author: Daniel Weise (design) & Jed Mowshowitz (development)
Author URI: http://thundercut.com/ .. http://theinterzone.net
Tags: custom header, fixed width, two columns, thumbnails, video, Vimeo, search

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin -------------------------------- reset/zero -------------------------------------- */
body, div, ul, ol, li, form, fieldset, input, textarea, legend, label, img, a, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
* {margin: 0; padding: 0;}
img, a img, fieldset {border: 0;}
a {text-decoration: none;}
ol, ul {list-style: none;}
/* End ---------------------------------- reset/zero -------------------------------------- */




/* Begin -------------------------------- global styles ----------------------------------- */
body {font: 62.5%/1em Arial, Helvetica, FreeSans, Tahoma, sans-serif; line-height: 1.5; background: #600; color: #666;}
p {margin: 10px 0;}
h1 {font-size: 2em;}
h2 {margin: 0;}
h2, select, .level-0 {font-size: 1.1em; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase;}
h3 {font-size: 1.2em; font-weight: bold;}
a:link, a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {color: #666;}
a:hover, a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active {color: #600;}
small {font-size: 1em;}
blockquote {margin: 10px 20px; padding-left: 5px; font-size: 1.2em; border-left: 3px solid #ccc;}
blockquote cite {margin-top: 5px;}
address {margin: 10px 20px; font-size: 1.2em; font-style: oblique;}
	/* *** *** LAYOUT *** *** */
.left {float: left}
.right {float: right;}
.clear {clear: both;}
.center {text-align: center;}
.spaceleft {padding-left: 10px;}
.topspace {margin-top: 10px;}
.hidden, hr {display: none;}
.divider {float: left; height: 1px; background: #fff url(images/fulldivider.png) no-repeat;}
.pagedivide {width: 855px; margin: 0 10px; padding: 0 0 10px 0;}
.contentdivide {width: 565px; margin: 0 0 20px 0;}
	/* *** *** IMAGES *** *** */
p img {padding: 0; /* max-width: 640px; width:expression(document.body.clientWidth > 640? "640px": "auto"); */ }
.alignleft {float: left; margin: 0 10px 6px 0;}
.alignright {float: right; margin: 0 0 6px 10px;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.size-large, .attachment-large {width: 640px; height: 360px;}
.size-medium, .attachment-medium {width: 180px; height: 101px; max-width: 180px; width:expression(document.body.clientWidth > 180? "180px": "auto");}
.size-thumbnail, .attachment-thumbnail {width: 84px; height: 47px;}
	/* *** *** FORMS *** *** */
input, textarea {font-family: Arial, Helvetica, FreeSans, Tahoma, sans-serif;}
textarea {font-size: 1.2em;}
select {background: #fff; border: 1px solid #cdcdcd; width: 198px; height: 20px; color: #666;}
option {padding-left: 3px;}
/* End ---------------------------------- global styles ----------------------------------- */




/* Begin -------------------------------- overall layout ---------------------------------- */
#page {width: 875px; padding: 0 20px; margin: 0 auto; background: url(images/pagebg.png) repeat-y;}
#header {float: left; width: 952px; height: 183px; position: relative; left: -57px; background: url(images/headerbg.jpg) no-repeat; overflow: visible;}
#videobox {float: left; width: 875px; height: 360px; padding-bottom: 10px; background: #fff url(images/featurebg.jpg) no-repeat; position: relative; overflow: hidden;}
#content {float: left; width: 570px; padding: 0 5px 0 10px;}
#sidebar {float: left; width: 260px; padding: 0 20px 0 10px;}
#footer {clear: both; float: left; width: 875px; height: 99px; padding: 0 20px; position: relative; left: -20px; background: #600 url(images/footerbg.png) no-repeat;}
#wpinfo {clear: both; height: 0;}
/* End ---------------------------------- overall layout ---------------------------------- */




/* Begin -------------------------------- header/topnav -------------------------------- */
#header h1, #header h1 a {float: left; margin: 0; line-height: 1; width: 172px; height: 183px;}
#rsstop {float: left; width: 758px; padding-top: 45px; height: 18px; text-align: right; font-weight: bold;}
#rsstop a {color: #fff;}
#rsstop a:hover {text-decoration: underline;}
#topnav {float: left; width: 464px; padding: 52px 14px 0 0; text-transform: uppercase;}
#topnav ul li {float: left; margin: 0 5px; font-weight: bold; font-size: 1.1em;}
#topsearch {float: left; height: 20px; padding: 50px 0 0 0;}
#searchform {height: 20px;}
#s {float: left; width: 186px; height: 17px; padding: 3px 2px 0 2px; color: #666;}
#searchsubmit {float: left; width: 63px; height: 22px;}
/* End ---------------------------------- header/topnav -------------------------------- */




/* Begin -------------------------------- video feature ---------------------------------- */
#slider {width: 100%; margin: 0 auto; position: relative; left: -3px; overflow: hidden;}
.scroll {width: 640px; height: 360px; margin: 0 auto; overflow: auto; overflow-x: hidden; position: relative; clear: left;}
.scrollContainer div.panel {width: 640px; height: 360px; overflow: hidden;}
.scrollButtons {position: absolute; top: 100px; cursor: pointer;}
.scrollButtons.left {left: 32px;}
.scrollButtons.right {right: 32px;}
.hide {display: none;}
#thevideo {width: 640px; height: 360px; margin: 0 auto; position: relative; left: -3px;}
/* End ---------------------------------- video feature ---------------------------------- */




/* Begin -------------------------------- content ----------------------------------------- */
.archivehead {margin: 0 0 10px 0; width: 570px; height: 22px;}
.archivehead h2 {margin: 5px 0 0 0;}
#categoryselect {float: right; width: 200px; padding-right: 15px; position: relative; top: -2px;}
#categoryselect form {margin: 0;}
.singlehead {margin-top: 5px;}
#ratethis {float: right; padding-right: 5px; width: 164px; height: 32px;}
h2.commentshead {display: inline; float: left; padding-right: 10px;}
.post-ratings {display: inline;}
.episode {float: left; width: 180px; padding: 0 5px; margin-bottom: 10px;}
.ratings {float: left; margin-bottom: 5px;}
a.commentsnumber {float: left; width: 23px; height: 21px; padding-left: 4px; margin-bottom: 5px; background: url(images/commentdrop.gif) no-repeat; text-align: center; font-size: 1.2em; font-weight: bold;}
a.commentsnumber:link, a.commentsnumber:visited {color: #fff;}
a.commentsnumber:hover, a.commentsnumber:active {color: #ccc;}
.medium-poster {margin: 5px 0;}
.post {float: left; width: 640px; padding: 0 117px 0 118px; background: #fff;}
.post h2 {font-size: 1.4em;}
.pagecontent {font-size: 1.2em;}
.entry ol {list-style: decimal inside; margin: 10px 0;}
.entry ul {list-style: disc inside; margin: 10px 0;}
.entry ul#travelcats li {list-style-type: none; list-style-image: none; font-size: 1.1em; text-transform: uppercase; margin: 10px 0;}
.entry ul#travelcats li a {color: #600; font-weight: bold;}
.entry ul#travelcats li a:hover {text-decoration: underline;}
/* .more-link {font-weight: bold; font-size: 1.2em;} */
.postmetadata {margin: 10px 0; font-size: 1.1em;}
.pagemetadata {margin: 25px 0; font-size: 1em;}
	/* *** *** COMMENTS & NAVIGATION *** *** */
#comments {float: left; clear: left; width: 570px;}
.nocomments {clear: left; margin: 10px 0; font-size: 1.2em;}
.commentlist {text-align: justify;}
.commentlist li {margin: 10px 0; padding: 5px; list-style: none; font-size: 1em; color: #333;}
.commentlist li ul li {margin-right: -5px; margin-left: 10px; font-size: 1em;}
.commentlist li .avatar {float: right; border: 1px solid #ccc;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.says, .comment-reply-link {font-weight: bold;}
.commentlist p {margin: 10px 5px 10px 0; font-size: 1.1em;}
.commentmetadata {display: block; font-weight: normal;}
.thread-alt {background-color: #e5e5e5;}
.thread-even {}
.depth-1 {}
.even, .alt {}
.alt {margin: 0; padding: 5px;}
.children {}
#respond {margin-bottom: 20px;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#comment {width: 400px;}
#commentform p {margin: 5px 0;}
.navigation {float: left; clear: left; width: 570px; font-weight: bold; font-size: 1.8em; padding: 7px 0; background: url(images/fulldivider.png) no-repeat;}
.singlepostnav {font-size: 1.2em;}
/* End ---------------------------------- comments -------------------------------------- */




/* Begin -------------------------------- sidebar ------------------------------------------ */
#sidebar, #sidebar a:link, #sidebar a:visited {color: #600;}
#sidebar a:hover, #sidebar a:active {color: #fff;}
#sidebar h2 {width: 260px; padding-bottom: 10px; background: url(images/sidedivider.gif) no-repeat bottom left; text-transform: uppercase;}
#sidebar ul {margin: 10px 0 20px 0;}
#sidebar ul li {list-style-type: none; list-style-image: none; width: 260px;}
#sidebar ul ul {margin: 10px 0 25px 0;}
#sidebar ul ul li {clear: left; margin: 0 0 10px 0;}
#sidebar ul ul li h3 {line-height: 1.2;}
.sidethumb {float: left; width: 84px; height: 47px; margin: 0 10px 10px 0;}
#sidebar ul li#miniblog h2 {padding-top: 15px;}
#sidebar ul li#miniblog ul li p {margin: 0;}
#sidebar ul li#miniblog ul li p a {font-weight: bold;}
.widget_twitter {float: left; clear: left; font-size: 1.1em; margin: 10px 0;}
.widget_twitter a {font-weight: bold;}
#sidebar ul li.widget_twitter ul.twitter {float: left; background: #fff; padding: 3px 5px; width: 250px;}
#sidebar ul li.widget_twitter ul.twitter li.twitter-item {width: 250px;}
#sidebar ul li.widget_twitter ul.twitter li.twitter-item a:hover, #sidebar ul li.widget_twitter ul.twitter li.twitter-item a:active {color: #888;}  /* background: url(images/sidebullet.gif) no-repeat 0 4px; padding-left: 12px; width: 248px; */
span.twitter-timestamp {color: #888;}
a#facebook {float: left; position: relative; left: -3px; width: 263px; height: 109px; margin-bottom: 40px;}
a#facebook:link, a#facebook:visited {background: #600;}
a#facebook:hover, a#facebook:active {background: #900;}
/* End ---------------------------------- sidebar ------------------------------------------ */




/* Begin -------------------------------- footer ------------------------------------------- */
#terms {float: left; padding-left: 10px; margin-top: 10px; font-size: 1.2em;}
#copyright {float: right; padding-right: 10px; margin-top: 10px; font-size: 1.2em;}
#credits {float: left; clear: left; width: 875px; text-align: right; margin-top: 30px; font-size: 1.1em;}
#credits, #credits a {color: #fff;}
#credits a:hover {text-decoration: underline;}
/* End ---------------------------------- footer ------------------------------------------- */




@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */

}