/*
Theme Name: On Demand
Theme URI: http://www.press75.com/
Description: Need a little help getting started? <a href="http://www.press75.com/v4/documentation-support/on-demand-setup-usage/">Theme Setup and Usage</a>.
Version: 1.2
Author: Jason Schuller
Author URI: http://www.press75.com/

Designed and Built by Jason Schuller - theSevenFive.com
CSS, XHTML and Design Files are all Copyright 2007-2010 Circa75 Media, LLC
Be inspired, but please don't steal...
*/

/* Stuff I added */

.boxout {
    color: #000000;
    background-color: #FFFBCF;
}



.dropcap {
 float:left;
 color:#62629C;
 font-size:20px; 
line-height:12px;
 padding-top:2px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 } 

.sideboxbody {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.homebody {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 2.8em;
}
.sideboxhed {
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.sidevotehed {font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; }
.sidevotebody {font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; }


.tabletop {font-size: 14px}
.tabletop2 {font-size: 14px; color: #ffffff; }
.style3 {font-size: 13px}
.stylex {font-size: 13px; color: #ffffff; }

.stylex a:link, a:visited {
color: #FFC47F;
text-decoration: none;
}

.stylex a:visited {
color: #FFC47F;
text-decoration: none;
}

.style3 a:link, a:visited {
color: #FF6633;
text-decoration: none;
}

.style3 a:visited {
color: #FF6633;
text-decoration: none;
}

.suitableboxhedtop {color: #ccfe67;
	font-size: 16px;
	font-weight: bold;
	}
.suitableboxbody {font-size: 13px; color: #FFFFFF;}
.suitableboxorange {
	color: #FFCC33;
	font-weight: bold;
}
.suitableboxblue {
	color: #7faafb;
	font-weight: bold;
}

/* Lets Begin With Some Basics */
html, body {
font-size: 12px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0px;
padding: 0px;
color: #565050;
line-height: 1.2em;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 10px;
line-height: 1.5em;
}

h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}

h1 {
font-size: 4em;
text-align: center;
}

h2 {
font-size: 1.6em;
}

h2.pagetitle {
margin: 0;
}

h3 {
font-size: 1.3em;
}

acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

a:link, a:visited {
color: #5588BB;
text-decoration: none;
}

a:hover {
color: #565050;
text-decoration: underline;
}

.clear {
clear: both;
}

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
}

p {
margin: 0 0 10px 0;
line-height: 1.8em;
}
/* And... Moving On */

/* Begin Header */
#header {
width: 980px;
margin: 0px auto;
height: 70px;
padding: 15px 0 0 0;
}

#headleft {
width: 290px;
float: left;
}

#headright {
width: 690px;
float: left;
text-align: right;
text-transform: lowercase;
}

#headright ul {
list-style: none;
}

#headright li {
display: inline;
margin: 0 0 0 15px;
}

#searchwrap {
background:none;
height:27px;
margin:0px 0 10 0;
float:middle;
background: url(images/searchbg.jpg) top left no-repeat;
}

#searchwrap input{
vertical-align:middle;
background:none;
color:#A7A7A7;
font-family:arial,helvetica,verdana,sans-serif;
}

#searchwrap #s{
font-size:14px;
border:none;
padding:4px 4px;
margin-right:3px;
width:250px;
}
/* End Header */

/* Begin Content Slider */
#featured {
width: 100%;
float: left;
height: 365px;
background: url(images/sliderbg.jpg) top left repeat-x;
padding: 15px 0 0 0;
}

#thevideo {
width: 100%;
float: left;
background: #131313 url(images/videobgtop.jpg) top left repeat-x;
padding: 15px 0 0 0;
}

#thevideoinside {
width: 100%;
float: left;
background: url(images/videobgbottom.jpg) bottom left repeat-x;
position: static;
padding: 0 0 15px 0;
min-height: 350px;
}

#videoembed {
margin: 0px auto;
width: 980px;
text-align: center;
}

.watchnow {
position: absolute;
top: 250px;
left: 560px;
width: 180px;
height: 29px;
background: url(images/watchnow.jpg) top left no-repeat;
cursor: pointer;
}

.watchnow:hover {
background: url(images/watchnowover.jpg) top left no-repeat;
}

.insert {
width: 180px;
height: 350px;
background: url(images/insertbg.png) top left no-repeat;
margin: 0 0 0 550px;
color: #FFFFFF;
padding: 10px;
line-height: 1.2em;
}

.insert h2 {
line-height: 1em;
font-size: 22px;
font-weight: normal;
margin: 0 0 10px 0;
}

.insert a:link, .insert a:hover, .insert a:visited {
color: #FFFFFF;
text-decoration: none;
}
/* End Content Slider */

/* Begin Entry Lists */
html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}

html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists */

/* Begin Main Content */
#contentwrap {
width: 100%;
background: #EFEFEF;
border-bottom: 1px solid #D3D3D3;
float: left;
}

#pagewrap {
width: 100%;
background: #EFEFEF;
border-bottom: 1px solid #D3D3D3;
border-top: 1px solid #D3D3D3;
float: left;
}

#content {
width: 980px;
margin: 0px auto;
padding: 15px 0 15px 0;
}

#menubar {
width: 980px;
height: 45px;
background: url(images/menubarbg.jpg) top left no-repeat;
}

#subscribe {
width: 50px;
height: 40px;
float: right;
margin: 1px 2px 0 0;
background: url(images/rss.jpg) top left no-repeat;
cursor: pointer;
}

#subscribe:hover {
background: url(images/rssover.jpg) top left no-repeat;
}

#subscribe ul {
list-style: none;
margin: -5px 0 0 0;	
}

#subscribe li {
display: inline;
}

#pagenav {
float: left;
margin: 0 10px 15px 0;
width: 653px;
text-align: right;
}
/* End Main Content */

/* Begin Categories List */
ul, li {
margin:0;
border:0;
padding:0;
list-style:none;
}

#catlist {
font-size:14px;
padding:0px;
height:28px;
padding: 7px 0 0 10px;
float: left;
}

#catlist .menu li {
background:url(images/lm.gif) left top no-repeat;
height:28px;
float:left;
margin-right:10px;
}

#catlist .menu li a {
color:#1F1D1D;
text-decoration:none;
padding:0 10px;
height:28px;
line-height:28px;
display:block;
float:left;
padding:0 26px 0 10px;
background:url(images/rm.gif) right top no-repeat;
width:200px;
}

#catlist .menu li a:hover {
color:#565050;
}

#catlist ul .submenu {
border-top:none;
background: url(images/menubg.png) top left repeat;
position:relative;
width:235px;
padding:6px 0;
clear:both;
z-index:2;
display:none;
}

#catlist ul .submenu li {
background:none;
display:block;
float:none;
margin:0 6px;
border:0;
height:auto;
line-height:normal;
border-top:solid 1px #B6B6B6;
}

#catlist .submenu li a {
background:none;
display:block;
float:none;
padding:6px 11px;
margin:0;
border:0;
height:auto;
line-height:normal;
}

#catlist .submenu li a:hover{
}
/* End Categories List */

/* Begin Video Gallery */
#videogallery {
width: 670px;
float: left;
margin: 10px 0 10px 0;
}

/** 
#videogallery a:link, #videogallery a:visited {
color: #1F1D1D;
}

#videogallery a:hover {
color: #5588BB;
}
**/

#bloglist {
width: 670px;
float: left;
margin: 10px 0 10px 0;
}

.videoitem {
width: 192px;
height: 245px;
float: left;
background: url(images/itembg.jpg) top left no-repeat;
margin: 0 12px 0 0;
padding: 9px;
}

.ratings {
float: left;
width: 171px;
height: 25px;
margin: 1px 0 0 0;
}

.comments {
width: 21px;
height: 25px;
float: left;
background: url(images/commentsbg.gif) top left no-repeat;
color: #FFFFFF;
font-size: 10px;
text-align: center;
line-height: normal;
}

.thumbnail {
float: left;
margin: 5px 0 0 0;
width: 192px;
height: 120px;
padding: 0px;
overflow: hidden;
}

img.thumb { 
width: 1024px;
height: 120px;
}

a:hover img.thumb {
width: 192px;
height: 120px;
}

h2.itemtitle {
font-size: 14px;
margin: 15px 0 0 -5px;
padding: 0;
font-weight: normal;
display: block;
float: left;
width: 210px;
}

p.itemdesc {
font-size: 10px;
color: #565050;
width: 205px;
float: left;
margin: 0 0 5px -5px;
padding: 0;
}

.gallerydate {
color: #999191;
width: 205px;
float: left;
margin: 0 0 0 -5px;
}

#videodets {
width: 653px;
float: left;
border-bottom: 1px solid #B8B8B8;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}

#postcontent {
width: 653px;
float: left;
border-bottom: 1px solid #B8B8B8;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}

#postcomments {
width: 653px;
float: left;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
overflow: hidden;
}

#videodets h2 {
padding: 0;
margin: 0 0 10px 0;
}

.itemlinks {
margin: 5px 0 5px 0;
padding: 0;
}

.itemlinks a:link, .itemlinks a:visited {
color: #565050;
}

.smalllinks a:link, .smalllinks a:visited {
color: #999191;
}

.smalllinks {
color: #999191;
}

#postinfo {
width: 400px;
float: left;
}

#singlethumb {
width: 190px;
float: right;
background: url(images/singlethumb.jpg) top left no-repeat;
padding: 9px 10px 10px 10px;
}

#singlethumbnail {
float: right;
margin: 0;
width: 190px;
height: 120px;
padding: 0px;
overflow: hidden;
}
/* End Video Gallery */

/* Begin Blog and Page Items */
.blogitem {
width: 653px;
float: left;
border-bottom: 1px solid #B8B8B8;
margin: 10px 0 10px 0;
padding: 0 0 10px 0;
}

.pageitem {
width: 653px;
float: left;
margin: 10px 0 10px 0;
}

.blogcontent {
width: 653px;
float: left;
margin: 10px 0 0 0;
}

.blogitem h2, .pageitem h2 {
font-size: 18px;
font-weight: normal;
padding: 0;
margin: 0 0 5px 0;
}
/* End Blog and Page Items */

/* Begin Sidebar */
#sidebar {
width: 310px;
float: left;
margin: 0;
padding: 10px 0 0 0;
}

#sidebar h3 {
margin: 10px 0 0 8px;
padding: 0;
font-size: 14px;
}

#sidebar h4 {
margin: 0;
padding: 0;
font-size: 13px;
font-weight: normal;
}

.blockhead {
width: 310px;
height: 33px;
float: left;
background: url(images/blockhead.jpg) top left no-repeat;
}
.blockheadhome {
width: 610px;
height: 33px;
float: left;
background: url(images/blockhead.jpg) top left repeat;
}
.block {
width: 294px;
float: left;
background: url(images/blockbg.jpg) bottom left no-repeat;
padding: 8px;
margin: 0 0 10px 0;
}

.blockblue {
width: 294px;
float: left;
background: url(images/blockblue.gif) bottom left no-repeat;
padding: 8px;
margin: 0 0 10px 0;
}

.blockmag {
width: 294px;
float: left;
background: url(images/blockmag.gif) bottom left no-repeat;
padding: 8px;
margin: 0 0 10px 0;
color: #ffffff;
}



.sideblog {
margin: 0 0 8px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #E8E8E8;
}

#ratingsblock ul {
list-style: none;
}

#ratingsblock li {
margin: 0 0 8px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #E8E8E8;
}
/* End Sidebar */

/* Begin Comments*/
#comment {
width:450px;
}

h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color:#333 !important;
}

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
}

ol.commentlist p {
margin-bottom:10px;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
}

ol.commentlist li {
padding: 0;
background: #FFFFF;
margin: 0 0 15px 0;
border-bottom: 1px solid #DFDFDF;
}

ol.commentlist li.alt {
padding: 0 !important;
background: #FFFFF;
margin: 0 0 15px 0;
}

input#submit {
font-size: 12px;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
padding:7px 10px;
margin:10px 0 0 0;
text-align:center;
background: #212121;
cursor:pointer;
font-weight: bold;
text-transform: uppercase;
border: none;
}

#comment,#author,#email,#url {
background: #FFFFFF;
border:1px solid #B8B8B8;
padding:2px;
color:#646464;
margin:0px 0 0 0;
}
/* End Comments */

/* Begin Sidebar */

/* End Sidebar */

/* Begin Various Tags and Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

.hidden {
display: none;
}

hr {
display: none;
}

a img {
border: none;
}
/* End Various Tags and Classes* <div class="blockheadhome">
        	<h3>COMPETE</h3>
        </div>
<div class="blockblue">
<p class="sideboxhed">What's Suitable for all Screens?</p>
<p class"=sideboxbody">
As means of content delivery evolve, format-agnostic or pan-format programming is about to become more and more in demand.  We bring this competition in an effort to accelerate acceptance of this new paradigm in content creation which ultimately will afford new opportunities for filmmakers and digital artists to showcase and monetize their works.</p>

<p><a href=/contest-submissions/><img src="http://suitableforallscreens.com/wp-content/uploads/2010/02/readmore_mag.jpg" align="right" border=0></a> 
</div>
/

/* Begin 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 Footer */
#footer {
width: 980px;
margin: 0px auto;
padding: 5px 0 50px 0;
clear: both;
}

#footer a:link, #footer a:visited {
color: #565050;
}

#footer small {
color: #999191;
}