/*
*****************
Theme Name: Betterpress
Theme URI: http://www.modellsblog.com/better
Description: Custom WP theme for Better Modells Campaign
Version: 1.0
Author: Jed Mowshowitz
Author URI:  http://theinterzone.net
Tags: custom header, fixed width, one columns, gallery, video, feedback
*****************
*/



/* Begin -------------------------------- reset/zero -------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption
	{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
ol, ul {list-style: none;}
strong {font-weight: bold}
a img {border: none;}
a {text-decoration: none; cursor: pointer;}
a:hover {text-decoration: underline;}
/* End ---------------------------------- reset/zero -------------------------------------- */




/* Begin -------------------------------- global styles ----------------------------------- */
body {font: 75%/1.5em Arial, Helvetica, FreeSans, sans-serif; line-height: 1.5; background-color: #fff; color: #333;}
body.splashbody {text-align: center;}
body.normalbody {text-align: left; background: url(images/bodybg2.jpg) repeat-x left bottom;}
.splashbody h4 {margin-top: 0;}
p, h3 {margin: 15px 0;}
h1, h2 {line-height: 1;}
h2, h2 a, h3, h3 a {color: #000;}
h3 {font-weight: bold; color: #000; line-height: 1;}
h4 {font-size: 1.5em; font-weight: bold; color: #c11530; margin: 30px 0 0 0;}
a {color: #c00;}
strong {color: #000;}
small {font-size: 0.8em;}
blockquote {margin: 30px 15px; padding-left: 5px; font-size: 1.2em; border-left: 5px solid #ccc; background: #eee;}
blockquote cite {margin-top: 10px;}
address {margin: 10px 20px; font-size: 1.2em; font-style: oblique;}
em {font-style: oblique; font-weight: bold;}
	/* *** *** LAYOUT *** *** */
.left {float: left}
.right {float: right;}
.clear {clear: both;}
.center {text-align: center;}
.topspace {margin-top: 10px;}
.hidden, hr {display: none;}
.shown {display: block;}
	/* *** *** IMAGES *** *** */
p img {padding: 0; max-width: 916px;}
.alignleft {float: left; margin: 0 15px 10px 0;}
.alignright {float: right; margin: 0 0 10px 15px;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.size-full {max-width: 916px; max-height: 631px;}
.size-large, .attachment-large {max-width: 616px; max-height: 540px;}
.size-medium, .attachment-medium {max-width: 450px; max-height: 400px;}
.size-thumbnail, .attachment-thumbnail {width: 150px; height: 150px;}
.videothumb {width: 130px; height: 97px;}
	/* *** *** FORMS *** *** */
input, textarea {font: 1.2em Arial, Helvetica, FreeSans, Tahoma, sans-serif;}
	/* *** *** EMBEDS *** *** */
object {margin-bottom: 10px;}
/* End ---------------------------------- global styles ----------------------------------- */




/* Begin -------------------------------- overall layout ---------------------------------- */
#container {width: 100%;}
#header {float: left; width: 100%; height: 66px; margin-bottom: 30px; background: url(images/topbg.png) repeat-x;}
#page {width: 940px; margin: 0 auto;}
#betterhead {float: left; width: 940px; height: 266px; margin-bottom: 10px;}
#betternav {float: left; width: 920px; padding: 0 10px;}
#content {float: left; clear: left; width: 920px; padding: 0 10px; margin: 20px 0;}
#pagecontent {float: left; clear: left; width: 620px; padding: 0 20px 0 10px; margin: 20px 0;}
#centercol {clear: left; width: 640px; margin: 20px auto;}
#sidebar {float: left; padding-left: 79px; margin: 60px 0;}
#footer {clear: both; width: 920px; height: 301px;}
/* End ---------------------------------- overall layout ---------------------------------- */




/* Begin -------------------------------- header/topnav ----------------------------------- */
#header h1, #header h1 a {float: left; margin: 0; width: 304px; height: 66px;}
#topnav {float: left; padding: 15px 0 0 0; height: 56px; list-style: none;}
#topnav li {float: left; list-style-type: none; padding: 0 15px 0 19px; font-size: 2em; font-weight: bold; background: url(images/topdivider.png) no-repeat;}
#topnav li.leftnavlink, #betternav li.leftnavlink {background: none;}
#topnav li a, #betternav li a {color: #fff;}
#betternav ul {float: left; width: 918px; height: 21px; list-style: none; background: #333 url(images/navbg.png) repeat-x; border-left: 1px solid #5a5a5a; border-right: 1px solid #444; border-top: 1px solid #5c5c5c; border-bottom: 1px solid #4e4e4e;}
#betternav ul li {float: left; list-style-type: none; padding: 2px 10px; font-size: 1em; font-weight: bold; background: url(images/betternavdivider.png) no-repeat;}
#betternav ul li.specialnavlink {font-size: 1.2em; padding: 0 10px;}
#betternav ul li.specialnavlink a {color: #f33;}
/* End ---------------------------------- header/topnav ----------------------------------- */




/* Begin -------------------------------- slideshows ------------------------------------- */
.hiddengallery {display: none;}
.slideshow {margin: 0 0 5px 0; width: 920px; text-align: center;}
#pikame li {margin: 15px 15px 0 0; float: left; border: 2px solid #141414; position: relative; overflow: hidden;}
.pikachoose {width: 920px;}
.pikachoose ul {/* width: 620px; */ overflow: hidden; list-style: none; }
.pikachoose ul li {float: left; /* width: 620px; */ clear: right; position: relative; overflow: hidden;}
.pikachoose ul li div img {position: relative; cursor: pointer;}
.pika_main {display: block; position: relative; width: 620px; height: 427px; background: #141414; margin: 15px auto;}
.pika_main_img {position: absolute; top: 2px; left: 2px; width: 616px; height: 423px;}
.pika_back_img {position: relative; top: 2px; width: 616px; height: 423px;}
.pika_subdiv {position: relative;}
.pika_subdiv img, .pika_subdiv a img {border: none;}
.pika_play {visibility: hidden; /* position: absolute; z-index: 1; left: 50%; margin-left: -25px; width: 0; top: 25px; text-transform: uppercase; font-size: 2.5em; font-weight: bold; */}
.pika_play a {position: relative; /* margin-left: auto; cursor: pointer; */ display: block; width: 0; height: 0; /* color: #ccc; text-decoration: none; */}
.pika_play a:hover {/* color: #fff; */}
.pika_caption {position: relative; top: -80px; font-size: 1.2em; color: #000; border-left: 2px solid #141414; border-right: 2px solid #141414; background: url(images/captionbg.png) repeat; padding: 5px 12px;}
	.pika_caption a {color: #000;}
.pika_prev_hover {position: absolute; top: 345px; left: 5px; height: 427px; padding-left: 0; width: 212px; background: url(images/galleryback.png) top left no-repeat; z-index: 10000;}
.pika_next_hover {position: absolute; top: 345px; right: 5px; height: 427px; padding-right: 0; width: 283px; background: url(images/galleryforward.png) top right no-repeat; z-index: 10000;}
/* End ---------------------------------- slideshows -------------------------------------- */




/* Begin -------------------------------- content ----------------------------------------- */
.post, .homepost {/* float: left; */ clear: left; width: 920px;} 
.pagepost {float: left; width: 620px; margin-top: 30px;}
.halfpost {float: left; width: 300px; padding-right: 10px;}
#content h3, #pagecontent h3 {font-size: 2.5em; border-bottom: 1px dotted #aaa;}
#centercol h3 {font-size: 2em; border-bottom: 1px dotted #aaa;}
.homepost h3 {margin-bottom: 30px;}
.homepost object {float: right; margin-left: 15px;}
.feedback {float: left; clear: left; width: 620px; margin-top: 30px;}
/* .posthead {float: left; width: 100%; margin-bottom: 10px; border-bottom: 1px dotted #aaa; padding-bottom: 5px;}
.commentslink {font-size: 1.1em; font-weight: bold;} */

#timelapse {float: right; padding-left: 20px;}
.videoscreen {width: 920px; text-align: center;}
	.videoscreen object {display: block; margin-left: auto; margin-right: auto;}
.videonav {width: 920px; text-align: center;}
.videonav ul {list-style: none; /* display: block; margin-left: auto; margin-right: auto; */ margin-left: 7px;}
.videonav ul li {list-style-type: none; float: left; padding: 0 9px; margin-top: 30px;}
.videonav ul li a {float: left; border: 2px solid #141414; margin-bottom: 10px;}
.videonav ul li a.arrow {border: 0; margin-top: 10px;}
span.thumbtitle {font-weight: bold;}
.entry {font-size: 1.3em;}
.entry ol {list-style: decimal inside; margin: 10px 0;}
.entry ul {list-style: disc inside; margin: 10px 0;}
.more-link {font-weight: bold;}
.postmetadata {float: left; clear: left; margin: 30px 0;}
.sharelink a {color: #159201; font-size: 1.3em; font-weight: bold;}
.sharelink a:hover {text-decoration: underline;}
.navigation {float: left; clear: left; width: 920px; border-top: 1px dotted #aaa; padding-top: 10px; margin: 60px 0 0 0; font-weight: bold; font-size: 2em; line-height: 1;}
/* End ---------------------------------- content ----------------------------------------- */




/* Begin -------------------------------- comments ---------------------------------------- */
#comments {float: left; margin: 0 0 20px 0; clear: left;}
#comments .navigation {width: 620px; border: 0;}
.nocomments {clear: left; margin: 30px 0; padding: 0 10px; font-size: 1.2em;}
.commentlist { }
.commentlist li {margin: 20px 0; padding: 10px; list-style: none; font-size: 1em;}
.commentlist li ul li {margin-right: -10px; margin-left: 20px; font-size: 1em;}
.commentlist li .avatar {float: right; border: 1px solid #b2b2b2; padding: 2px; background: #eee;}
.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: 20px 10px 20px 0;}
.commentmetadata {display: block; font-weight: normal;}
.thread-alt {background-color: #eee;}
.thread-even {background-color: #fff;}
.depth-1 {border-bottom: 2px solid #ddd;}
.even, .alt {border-left: 4px solid #ddd;}
.alt {margin: 0; padding: 10px;}
.children {}
#respond {margin-bottom: 50px;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform p {margin: 10px 0; text-align: left;}
/* End ---------------------------------- comments ---------------------------------------- */




/* Begin -------------------------------- sidebar ----------------------------------------- */
#sidebar h2 {font-size: 1.6em; font-weight: bold;}
#sidebar p {margin: 20px 0;}
/* End ---------------------------------- sidebar ----------------------------------------- */




/* Begin -------------------------------- footer ------------------------------------------- */
/* End ---------------------------------- footer ------------------------------------------- */



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