/* fix pngs */ /* .png, .thumboverlay img, .wnetPlay, .voteOverlay, .wnetPlayWinner, .vote, .votethanks, .votedisabled { behavior: url(/sites/wp-content/themes/reel13/css/iepngfix.htc);} */ /* end fix pngs */ body {margin: 0px; background-color: #ccc; text-align: center; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color : #000000;} a, h2 a:hover, h3 a:hover {color: #06c; text-decoration: none;} a:hover {color: #147; text-decoration: underline;} .clear {clear: both;} .center {text-align: center;} img {border: 0px;} #topad {} #bottomad {} #center {margin: 0px auto; width: 980px; text-align: center; } #homebg {background-image: url(../images/home-bg.gif); background-repeat: no-repeat; background-position: top center; background-color: #fff;} #pagebg {background-image: url(../images/page-bg.gif); background-repeat: no-repeat; background-position: top center; background-color: #fff;} #holder {width: 980px; text-align: left;} #header {width: 980px; border-bottom: 1px solid #d0e3ee;} .logohome {float: left; width: 208px;} .logosub {float: left; width: 164px;} .headright {float: right; width: 772px;} .headrightSub {float: right; width: 816px;} #tagline {height: 66px; font-family : Arial, Helvetica, Verdana, sans-serif; font-size: 24px; font-weight: bold; color: #636363;} #tagline .padding {padding: 30px 0px 10px 0px;} #tagline p {margin: 0px;} #tagline2 {height: 66px; font-family : Arial, Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: bold; color : #7b4a0f;} #navigation {background-image: url(../images/nav-off-bg.gif); background-repeat: repeat-x; background-position: top center; height: 35px;} /* top navbar */ #topnav {padding: 0px 0px 0px 6px;} #topnav ul, #topnav ul li {list-style: none; margin: 0; padding: 0;} #topnav ul {text-align: center;} #topnav ul li {display: inline; float: left;} #topnav ul li a {display: block; font-size: 12px; color : #ffffff; text-decoration: none; padding: 10px 10px 11px 10px; margin-right: 2px;} #topnav ul li a:hover {color : #496568; background-image: url(../images/nav-on-bg.gif); background-repeat: repeat-x;} #topnav ul li a.here {color : #496568; background-image: url(../images/nav-on-bg.gif); background-repeat: repeat-x;} /* end top navbar */ #main {font-size: 11px; color : #000000;} #content {float: left; width: 639px; font-size: 11px; color : #000000;} #contentbg {padding: 18px 0px 0px 0px; background-repeat: repeat-x; background-position: top; background-image: url(../images/feature-bg.gif);} /* single page title colors */ h1 {font-family: arial, verdana; font-size: 16px; font-weight: bold; color: #2cb4c7; } #categorytitle {color : #2cb4c7; font-weight: bold; font-size: 16px; font-family: arial, helvetica, verdana, sans-serif;} #pagetitle {font-family: arial, verdana; font-size: 24px; font-weight: bold; color: #d7811b; margin-bottom: 5px;} #pagetitle2 {font-family: arial, verdana; font-size: 24px; font-weight: bold; color: #d7811b;} #posttitle {font-family: arial, verdana; font-size: 22px; font-weight: bold; color: #567f94; } #singletitle {font-family: arial, verdana; font-size: 30px; font-weight: bold; color: #567f94;} #singletitle .subtitle {color: #2cb4c7; font-size: 22px;} #singlevideo {margin: 0px 0px 15px 59px; } /* END single page title colors */ /* Begin Sidebar */ #sidebar {padding: 0px; margin-left: 677px; width: 300px;} #sidebar form {margin: 0;} #sidebar .box {border: 1px solid #cccccc; padding: 7px; margin-bottom: 10px; color: #999999; background-color: #ffffff;} #sidebar .support {margin-bottom: 10px;} #sidebar .nextweek {color: #666666; padding: 4px 0px 0px 0px;} #sidebar .nextweek a {color: #666666;} #sidebar .social {margin: 10px 0px 7px 0px;} #sidebar .social img {padding: 0px 3px 0px 3px;} #contentbg #sidebar {padding: 0px; margin-left: 667px; width: 300px;} .searchbox {width: 215px; color: #777777;} #highlights {margin: 4px 0px 4px 0px;} #highlights .left {float: left; padding: 4px 5px 0px 0px; } #highlights .left input {width: 247px; color: #777777;} #highlights .right {} .box .title, .box .title a {font-size: 16px; font-family: Arial, Verdana, Sans-Serif; color: #666666; text-transform: uppercase; font-weight: bold; text-decoration: none;} .box ul {margin: 0px; padding: 0px 0px 0px 15px; list-style-type: square; color: #ccc;} .box ul a {line-height: 18px; color: #333; text-decoration: none;} .box ul a:hover {text-decoration: underline;} .box li.here a {font-weight: bold; color: #a91b1f;} ul.news li {list-style-image: url(../images/i-news.gif)} /* End Sidebar */ #footer {font-size: 11px; color : #969187; padding: 15px 0px 0px 5px; margin: 15px 0px 15px 0px; border-top: 1px solid #e1e1e1;} #footer2 {text-align: left; font-size: 11px; color : #969187; padding: 0px 0px 0px 5px; margin: 15px 0px 15px 0px;} #footer a, #footer2 a {color : #615c53;} #footer a:hover, #footer2 a:hover {color : #41bac9; text-decoration: none;} /* Begin this week */ #thisweek {background-color: #d0e3ee; padding: 10px 0px 10px 0px;} #thisweek .item {float: left; padding: 0px 0px 0px 5px;} #thisweek .photo {padding: 0px; background-repeat: no-repeat; background-position: center center; height: 244px;} #thisweek .shortphoto {padding-left: 8px; background-repeat: repeat-x; cursor:pointer; background: transparent url(../images/short-photo-frame.gif);} #thisweek .shortbottom {background-repeat: no-repeat; background: transparent url(../images/short-bottom.gif); height: 39px; width: 334px;} #thisweek .shorttitle {float: left; color: #ffffff; font-size: 11px; font-weight: bold; width: 230px;} #thisweek .shortlink {display: inline; float: right;} #thisweek .shortlink a {background-repeat: no-repeat; background-image: url(../images/arrow1.gif); background-position: center right; padding-right: 14px; color: #ffffff; font-size: 12px; font-weight: bold;} #thisweek .title {margin-top:-239px; padding: 8px 10px 6px 20px; font-size: 14px; font-weight: bold; color : #ffffff; width: 280px; background: transparent url(../images/home-overlay.png); } #thisweek .shorttopwinner {text-align: center;width: 334px; height: 71px; background: transparent url(../images/congratulations.gif); } #thisweek .congrats {padding-top: 52px; color: #ffffff; } #thisweek .congrats a {color: #ffffff; } #thisweek .featurename {font-size: 10px; font-weight: normal; color : #ffffff;} #thisweek .text {width: 300px; text-align: center; font-size: 13px;} #thisweek .padding {padding: 0px 10px 0px 10px;} #thisweek .padding2 {padding: 2px 15px 0px 18px;} .pink {color: #9c0e45;} .green {color: #5c641a;} /* End this week */ #buttons { margin: 10px 10px 15px 30px;} #buttons .button {width: 443px; float: left; font-size: 13px; color : #ffffff; text-align: center;} #buttons .bubble1 {background-image: url(../images/bubble2.gif); height: 55px; margin-right: 22px;} #buttons .bubble2 {background-image: url(../images/bubble2.gif); height: 55px;} #buttons .padding {padding: 8px 15px 5px 15px;} #buttons a {color : #ffffff; text-decoration: none;} #archivetitle {padding: 6px; margin-bottom: 10px; border-bottom: 1px solid #e1e1e1; font-family: arial, verdana; font-size: 20px; font-weight: bold; color: #777777;} .rss {display: inline; float: right; margin-bottom: 3px;} .previewimage {text-align: center; margin: 8px 0px 4px 0px;} /* Post LIST */ .bloglist {padding: 0px 5px 0px 5px;} .float-post-left { float: left; } .float-post-right {float: right; width: 415px; padding: 9px 0px 0px 0px; margin: 0px;} .float-post-right2 {float: right; width: 405px; padding: 9px 0px 0px 0px; margin: 0px;} .home-post-1, .alt-home-post-1 {margin-bottom: 15px;} p.titlelist {margin: 0; padding: 0; padding-bottom: 0px; line-height: 15px;} span.datelist {font-size: 10px; font-family: verdana; color: #999;} span.headinglist a {font-size: 14px; font-family: arial; color: #999; font-weight: bold;} p.titlelist span.homeheadinglist a {color: #567f94; font-family: arial; font-weight: bold; font-size: 16px;} .entry .listpage-excerpt {color: #333333; line-height: 14px; font-family: verdana, arial; font-size: 11px;} div.postedinfo, div.postedinfo a {color: #999; font-family: verdana; font-size: 10px;} div.entry p {font-family: arial; color: #434343; font-size: 14px; padding: 5px 0; margin: 0;} #tierra-quiz div {text-align: left;} .thumboverlay {margin-top: -100px;} /* END Post LIST */ #featuredtop {padding: 19px 0px 15px 0px; background-repeat: repeat-x; background-position: top; background-image: url(../images/feature-bg.gif);} /* featured shorts */ .featuredshort {padding: 0px 0px 0px 19px;} .short {height: 47px; width: 300px;} .lastweek {background-image: url(../images/head-lww.gif);} .staffpick {background-image: url(../images/head-sp.gif);} .mostwatched {background-image: url(../images/head-mw.gif);} .short .title {padding: 20px 0px 0px 13px; font-family: arial; font-size: 15px; font-weight: bold;} .short .title a, .short .title a:hover {color: #ffffff; text-decoration: none;} /* END featured shorts */ /* video list page */ div#videocontainer {width: 639px; margin: 0 auto;} .videowrapped img { text-align: center; } .videowrapped a {border: 0px solid #cccccc; float: left; width: 200px; height: 221px; min-height: 221px; display: block; text-decoration: none; padding: 0 5px 0 4px; margin-bottom: 12px; cursor: pointer;} .videowrapped a:hover, .videowrapped2 a:hover {text-decoration: none;} .videowrapped2 a {border: 0px solid #cccccc; float: left; width: 200px; height: 140px; min-height: 140px; display: block; text-decoration: none; padding: 0 5px 0 4px; margin-bottom: 12px; cursor: pointer;} span.videodate {font-family: arial; font-size: 10px; color: #999999;} span.videoimage img {border: 0px; margin-bottom: 8px;} span.videotitle {font-family: arial; font-size: 14px; font-weight: bold; line-height: 1.32em; color: #567f94;} span.videoexcerpt {color: #666666; font-family: arial, verdana; font-size: 12px; line-height: 1.38em;} div.wordtube {text-align: center; padding: 14px 0; margin: 18px 0; background: #dadade; border: 1px solid #848493;} /* video play button over image */ .wnetPlay {position: relative; margin-top: -108px; width: 200px; height: 100px; background: transparent url("/sites/wp-content/themes/reel13/images/thumb-overlay-watch.png") top left no-repeat;} .wnetPlayWinner {position: relative; margin-top: -108px; width: 200px; height: 100px; background: transparent url("/sites/wp-content/themes/reel13/images/thumb-overlay-winner.png") top left no-repeat;} /* sideabar video thumbs */ .videothumb {margin-top: 10px; padding-left: 42px;} .videothumb a {width: 200px; height: 100px; display: block; text-decoration: none; cursor: pointer;} .videothumb a:hover {text-decoration: none;} /* END sideabar video thumbs */ /* Classics page video box changes */ #classics .wnetPlay {background: transparent url("/sites/wp-content/themes/reel13/images/thumb-overlay.png") top left no-repeat;} #classics .videowrapped a {height: 140px; min-height: 140px;} #classics span.videotitle {color: #65092c;} #indies span.videotitle {color: #869926;} /* END Classics page video box changes */ #currentfilm {width: 514px; font-family: arial, verdana; font-weight: bold; text-align: left; margin: 0px 0px 12px 73px;} #currentfilm .title {color: #41bac9; font-size: 16px;} #currentfilm .film {color: #567f94; font-size: 32px;} #currentfilm .iframe {padding: 4px 0px 8px 0px;} #currentfilm .more {float: right; margin-top: 5px;} .votebreak {text-align: center; margin: 15px 0px 15px 0px;} .votebutton .title {font-family: arial, verdana; font-weight: bold; font-size: 14px; color: #7b4a0f; margin-bottom: 9px;} .voteButton, .votebutton {text-align: center; margin: 0px; width: 309px;} /* vote page videos */ .voteshortspacer { width: 154px; float:left;} .voteshort {float: left; width: 309px; background-color: #f7941e; margin-left: 12px; background: transparent url("/sites/wp-content/themes/reel13/images/vote-bg.gif") bottom no-repeat;} .disabled { background-color: #989898; background-image:url("/sites/wp-content/themes/reel13/images/vote-bg-disabled.gif"); } .voteshort .title {background-color: #7b4a0f; padding: 6px; color: #ffffff;} .disabled .title { background-color: #4c4c4c; } .voteshort .description {padding: 6px; color: #ffffff; height: 60px; min-height: 60px;} .voteOverlay {position: relative; margin-top: -181px; width: 309px; height: 181px; background: transparent url("/sites/wp-content/themes/reel13/images/vote-overlay.png") top left no-repeat;} .voteshort .button {text-align: center; padding: 6px;} .commentfilm {color: #ffffff; padding: 6px; text-align: center;} .commentfilm a { color: #ffffff;} .vote {text-align: center; width: 309px; height: 53px; background: transparent url("/sites/wp-content/themes/reel13/images/button-vote.png") bottom no-repeat;} .vote a {display: block; width: 309px; height: 53px;} .votethanks {text-align: center; width: 309px; height: 53px; background: transparent url("/sites/wp-content/themes/reel13/images/button-thank-you.png") bottom no-repeat;} .votedisabled {text-align: center; width: 309px; height: 53px; background: transparent url("/sites/wp-content/themes/reel13/images/button-vote-disabled.png") bottom no-repeat;} .votewinner {text-align: center; width: 309px; height: 53px; background: transparent url("/sites/wp-content/themes/reel13/images/button-this-weeks-winner.gif") bottom no-repeat;} .voteloser {text-align: center; width: 309px; height: 53px;} .thenumber {color: #ffffff; padding-top: 30px;} /* END vote page videos */ #videopopup {font-family: arial, verdana; margin: 10px 0px 10px 0px;} #videopopup .close {float: right;} #videopopup .title {color: #ffffff; font-size: 18px;} #videopopup .filmmaker {color: #cccccc; font-size: 14px;} #videopopup .video {margin-top: 6px; border: 1px solid #808080; width: 640px;} /* related info box */ div.relatedbox {border: 1px solid #cccccc; padding: 6px; margin-bottom: 10px; background-color: #ffffff;} div.relatedbox h3 {text-transform: uppercase; font-family: arial; padding-bottom: 4px; letter-spacing: 1px; color: #999999; margin: 0px;} div.relatedbox ul.reel13 {margin: 0px; padding: 0px;} div.relatedbox ul.reel13 li {margin: 4px 0px 0px 0px !important; padding: 0px !important;} div.relatedbox li, div.relatedbox li.activelink {list-style-type: none; font-weight: bold; color: #2cb4c7;} div.relatedbox li.activelink a {color: #666666; font-weight: bold;} div.relatedbox li b a, div.relatedbox li a:hover { text-decoration: underline; } /* site email form - inline - 10/7/2008 */ div#emailform, div#emailformsuccess {background: #eaeaea; padding: 20px; border: 1px solid #d0cfcf;} div#emailform p, div#emailform p a, div#emailformsuccess p, div#emailformsuccess p a { color: #575555; } h3.emailformsuccess {color: #575555; font-family: arial; border-bottom: 1px dashed #d1d0cd;} h3.emailformsuccess span {font-size: 25px; font-family: arial; color: #575555;} p.closewindow {font-size: 11px !important; text-align: right;} p.closewindow img {vertical-align: middle; padding: 0 3px 0 0;} div.emailformleft {float: left; width: 48%;} div.emailformright {float: right; width: 48%;} div#emailleft {float: left; width: 343px;} div#emailright {float: right; width: 212px;} div#emailleft input.thinline { width: 163px; } div#emailleft input, div#emailleft textarea { border: 0; } div#emailleft input.thinline, div#emailleft textarea.thinline { border: 1px solid #b6b4b4; } #addthis_dropdown table {border-collapse: collapse !important; margin-bottom: 0 !important;} #addthis_dropdown td {padding: 0 5px !important; margin: 0 !important; border: 0 !important;} p.icons, p.icons a, p.icons a:link, p.icons a:visited, p.icons a:hover, p.icons a:visited {font-size: 11px; font-family: verdana; color: #565656;} p.icons a, p.icons a:link, p.icons a:visited, p.icons a:visited { text-decoration: none; } p.icons a:hover { text-decoration: underline; } p.icons img { vertical-align: middle; } div.iconarea {padding: 3px 3px 3px 6px; background-color: #f6f6f6; border: 1px solid #e1e1e1; } #single {margin: 0px 0px 0px 20px;} .fromarchive {padding-top: 6px;} .quizsidebar {color: #666666; font-size: 11px; margin: 5px 0px 5px 0px;} .quizsidebarlink {text-align: right; font-weight: bold;} .quizsidebarlink a {background: transparent url("../images/arrow2.gif") right no-repeat; padding-right: 10px; color: #636363;} #blogtitle {font-family: arial, verdana; font-size: 20px; font-weight: bold; color: #2cb4c7; margin-bottom: 10px; border-bottom: 1px solid #cccccc; padding-bottom: 4px;} #blogtitle a {color: #2cb4c7; text-decoration: none;} .blogpost {padding-bottom: 10px; margin-bottom: 18px;} .blogpost .posttitle a {color: #567f94; font-family: arial, helvetica, verdana, sans-serif; font-size: 18px; font-weight: bold;} .blogpost .entry {margin-bottom: 5px;} .blogpost .entry p {color: #333333; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif;} .blogdate {color: #777777; font-size: 10px;} .embedvimeo {border: 2px solid #cccccc; width: 507px; margin: 4px 0px 4px 0px;} .embedcove {border: 2px solid #cccccc; width: 512px; margin: 4px 0px 4px 0px;} .shortcodevideo {text-align: center; border: 1px solid #f6f6f6; padding: 4px; width: auto;} #more-about .title {color: #777777; font-family: arial, verdana; font-size: 18px; font-weight: bold; border-bottom: 1px solid #cccccc; margin-bottom: 10px;} #more-about .titlelist a {color: #567f94;} .post .entry {margin-bottom: 10px;} blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;} .hidden, .linklove {display: none;} /* Captions */ .aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;} .wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .wp-caption img {margin: 0; padding: 0; border: 0 none;} .wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} /* End captions */ /* Begin Images */ p img {padding: 0; max-width: 100%;} img.centered {display: block; margin-left: auto; margin-right: auto;} img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;} img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;} .alignright {float: right;} .alignleft {float: left;} /* End Images */ .winner {float: right;} /* commenting */ .commentheader {border-bottom: 1px solid #e1e1e1; color: #567f94; font-size: 16px; padding-bottom: 5px; margin: 10px 0px 10px 0px; font-weight: bold; font-family : Arial, Verdana, georgia;} #thecomments {color: #777777;} #thecomments .holder {background-color: #f6f6f6; padding: 6px; background: url(../images/comment-odd.gif); margin-bottom: 6px;} #thecomments .pic {float: left;} #thecomments a {color: #333333; text-decoration: none;} #thecomments .meta {font-weight: bold; color: #777777;} #thecomments .small {font-family : arial, verdana; font-size: 11px; font-weight: normal;} #thecomments .thetext {font-size: 11px; color: #777777;} #thecomments .right {float: right; width: 545px;} #comments label {color: #777777;} #comments textarea {width: 380px; height:75px; margin-top: 3px; font-size: 11px;} #comments input {width: 170px; font-size: 11px;} #disclaimer {float: right; width: 205px; color: #777777; font-family : Arial, Verdana; font-size: 10px; background-color: #f6f6f6; padding: 6px; border: 1px solid #e1e1e1;} #disclaimer b { font-size: 11px;} #commentform form {margin: 0px;} .alt {margin: 0; padding: 10px;} .commentlist {padding: 0; text-align: justify;} .commentlist li {margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;} .commentlist p {margin: 10px 5px 10px 0;} #commentform p {margin: 5px 0;} .nocomments {text-align: center; margin: 0; padding: 0;} .commentmetadata {margin: 0; display: block;} /* end commenting */ div#progressIndicator { margin-top:8px; text-align:center; } .vimeobuttons {margin: 17px 0px 0px 0px;} #single ul {list-style: bullet; margin: 5px 0px 0px 15px; font-family: arial; color: #434343; font-size: 13px;} #single ul li {padding-bottom: 5px;} #vimeoform {background-color: #d7811b; width: 635px; margin: 10px 0px 25px 13px; font-family: arial; color: #ffffff; font-size: 14px;} #vimeoform .padding {padding: 10px 28px 28px 28px;} #vimeoform .intro {font-size: 18px; margin-bottom: 9px;} #vimeoform .thanks {font-size: 22px; margin: 20px 0px 20px 0px;} #vimeoform .label {font-size: 18px; padding: 6px 0px 4px 0px;} #vimeoform .field1 {font-size: 16px; border: 1px solid #000000; width: 270px; padding: 4px;} #vimeoform .field2 {font-size: 16px; border: 1px solid #000000; width: 576px; padding: 4px;} hr {background-color: #e1e1e1; height: 1px; margin-bottom: 12px; border: 0px;} .asl {padding: 2px 0 2px 0; color: #4e7dd1; font-size: 12px; font-weight: bold;} .undervote {border: 1px solid #2CB4C7; -moz-border-radius: 1em; -webkit-border-radius: 1em; padding: 10px; background-color: #D6E6F0; margin: 0px 12px 0px 12px; -moz-box-shadow: 0 0 1em #ccc; -webkit-box-shadow: 0 0 1em #ccc; font: normal 13px arial; color: #333;} .ititle {font: bold 18px arial; color: #0195aa;} .undervote img {float: right; margin: 0px 0px 6px 10px;} .pagetitle {font: bold 18px arial; color: #3AA9B7; margin-bottom: 10px; border-bottom: 1px solid #ccc;} .filmbuff {float: right; width: 175px; font: normal 11px arial; color: #00664E; text-align: center;} .filmbuff img {margin-top: 5px;}