/* Theme Name: Beyond Theme URI: http://www.beyondthepole.com Description: Wordpress theme for the hilarious, hugely sucessful, box office sellout, Beyond The Pole Author: Created by Wow Digital Media Interactive Author URI: http://www.wowdigitalmedia.tv Notes: The css and theme script is subject to copyright 2009 Wow Digital Media LTD. */ /*main Body Containers*/ html,body,#outermost { height: 100%; width: 100%; margin: 0; padding: 0; } body { text-align: center; /* IE/Win bug fix */ font-family: Verdana, Arial, Helvetica, sans-serif; } #outer { height: 550px; width: 900px; z-index: 10; } /*Inside tables and browser Fixes*/ /* Notes - Works in IE5+/Win, Firefox, Safari, Opera 5+, Netscape 6+, Konqueror 3 Does not work in NS4.x or IE/Mac */ .valignmid1 { position: relative; margin: 0 auto; } /* Notes - Opera 7.0x is buggy when you put display:table on Opera 7.2+ and 6.x don't appear to have this problem. Hidden from IE5/Mac, because it doesn't support display:table-cell and it doesn't have the same bug that allows this to work in IE5-6/Win (hide from IE/Mac) \*/ .valignmid1 { display: table; vertical-align: middle; } /* Moz1.4 - Moz1.6 (NS7.1) bug, can't put position:relative on .valignmid2 \*/ .valignmid2 { width: 100%; display: table-cell; vertical-align: middle; } /* end hide */ .valignmid3 { position: relative; } /*CONTENT CONTAINERS*/ .nav { position: relative; } .image { background-image: url(images/poster.jpg); background-repeat: no-repeat; background-position: 10px bottom; height: 500px; } .text { text-align: left; margin-left: 370px; overflow: auto; position: static; height: 500px; width: 500px; padding-right: 10px; } .Footer { } /* HEADINGS */ h1{ font-family: Verdana, Geneva, sans-serif; color: #4988A9; font-size: 16px; font-weight: normal; line-height: normal; text-align: left; } h2{ font-family: Helvetica, tahoma, Verdana; color: #4988A9; font-size: 16px; font-weight: bold; line-height: normal; text-align: left; text-transform: uppercase; } h2 a{ text-decoration: none; color: #4988A9; font-size: 85%; line-height: normal; } h2 a:hover{ text-decoration: none; color: #d1e87a; font-size: 85%; } h3 { font-family: Helvetica, tahoma, Verdana; color: #4988A9; font-size: 14px; line-height: normal; text-align: left; font-weight: normal; } h4 { font-family: Helvetica, tahoma, Verdana; font-size: 14px; line-height: normal; font-weight: normal; } /* NAVIGATION */ #nav{ display: inline; text-align: center; width: auto; } #nav ul { padding: 0px; } #nav li{ list-style-type: none; display: inline-block; padding-right: 5px; padding-left: 5px; font-weight: bold; font-size: 16px; line-height:normal; font-style: normal; text-transform: uppercase; font-family: Helvetica, tahoma, Verdana; } #nav li a{ text-decoration: none; padding-right: 5px; padding-left: 5px; color: #4988A9; outline: 0; } #nav li a:hover{ color: #c5e361; background-repeat: no-repeat; background-position: center; } #nav li.current_page_item a{ color: #c5e361; } #nav li.current_page_parent a{ color: #c5e361; } #subnav{ position: relative; list-style-type: none; display: inline-block; padding-right: 7px; padding-left: 7px; font-weight: bold; font-size: 16px; line-height:normal; font-style: normal; text-transform: uppercase; font-family: Helvetica, tahoma, Verdana; } #subnav li{ list-style-type: none; display: inline-block; padding-right: 7px; padding-left: 7px; line-height:normal; font-style: normal; text-transform: uppercase; font-family: Helvetica, tahoma, Verdana; } #subnav li a{ text-decoration: none; color: #4988A9; font-size: 85%; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; } #subnav li a:hover{ color: #c5e361; } #subnav li.current_page_item a{ color: #c5e361; } /* ON PAGE */ p{ font-family: Verdana, Geneva, sans-serif; color: #707789; padding-bottom: 10px; font-size: 12px; font-weight: normal; line-height: 18px; } a { color: #4988A9; text-decoration: none; } a:hover{ color: #c5e361; text-decoration: none; } img{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } /*POST STYLES*/ .latestEntry{ padding-bottom: 5px; } .latestEntry p{ padding-bottom: 20px; } .postmetadata{ color: #707789; } .postmetadata a{ text-decoration: none; color: #707789; } .postmetadata a:hover{ text-decoration: none; color: #437680; } /*FOOTER*/ .footer, push{ } .copyright{ font-family: Tahoma, Geneva, sans-serif; font-size: 11px; text-align: center; color: #999999; } /* FORMS*/ textarea{ width: 300px; border: 1px solid #CCCCCC; } #search{ text-align: center; padding-bottom: 25px; display: block; } .textinput { width:188px; height:25px; border:none; padding:4px 8px; font-size: 18px; background-image: url(images/body.png); background-repeat: repeat; } .textinput:focus { width:188px; height:25px; border:none; padding:4px 8px; background-image: url(images/body.png); background-repeat: repeat; } .buttonSubmit{ width:75px; height:35px; color:#000; font-weight:bold; cursor:pointer; border:none; font-size: 1.3em; font-family: Tahoma, Geneva, sans-serif; line-height: 1.4em; background-image: url(images/headerback.png); background-repeat: repeat; } .buttonSubmit:focus{ background-position:center bottom; } /*COMMENTS*/ #post-one .comments a { display:block; font-size:10px; color:#437680; text-decoration:underline; padding-left:24px; float:left; } #post-one .comments a:hover { color:#2a535b; text-decoration:none; } .comments-PII, .comments-PII-2 { float:left; } .comments-PII { width:230px; padding:20px 20px 20px 0; } .comments-PII-2 { width:310px; padding:20px 0 0 0; } .comments-PII input { color:#707789; font-family: Verdana, Geneva, sans-serif; font-size:12px; border:1px solid #bfc5b0; width:220px; padding:5px; background-image: none; } .comments-PII-2 textarea { color:#707789; font-family: Verdana, Geneva, sans-serif; font-size:12px; border:1px solid #bfc5b0; width:300px; height:180px; padding:5px; background-image: none; } .comments-PII-2 input { color:#fff; font-family: Verdana, Geneva, sans-serif; font-size:11px; border-style:none; padding:0; width:93px; height:26px; cursor:pointer; padding:1px 0 0; } .comments-PII-2 input:hover { } .note { font-size:12px; color:#707789; } /* COMMENT LIST STYLES */ #comment-list { font-size:12px; padding:10px 0; font-family: Verdana, Geneva, sans-serif; font-weight: normal; color: #4988A9; } #comment-list .bigger, cite { font-weight:normal; font-size:12px; line-height:22px; font-style: normal; color: #4988A9; } .comment-left { padding:20px 0; } .alt { } .comment-meta { float:left; width:160px; margin-right:10px; font-size:10px; font-weight:normal; font-family: Verdana, Geneva, sans-serif; padding-left: 5px; } .comment-metadata { font-size:10px; font-weight:normal; color: #707789; } .comment-metadata a, .comment-meta a, comments-PII a, comments-PII-2 a, cite a { color:#4988A9; text-decoration:none; } .comment-metadata a:hover, .comment-meta a:hover, comments-PII a:hover, comments-PII-2 a:hover, cite a:hover { text-decoration:none; color: #c5e361; } .comment-txt { float:left; width:450px; padding-left:20px; font-size:12px; line-height:20px; } /*ARCHIVE*/ .archlist{ margin-top: 20px; } .archlist li{ list-style-type: none; } .archlist li a{ text-decoration: none; color: #707789; font-family: Verdana, Geneva, sans-serif; } .archlist li a:hover{ color: #4988A9; } /*Sumit form*/ legend { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #666; font-weight: normal; } label { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #999; font-weight: normal; }