/*
Theme Name: On Demand
Theme URI: http://www.press75.com/
Description: Another quality Video WordPress theme by Jason @ Press75.com.
Version: 1.0
Author: Jason Schuller
Author URI: http://www.jdidit.com/
Tags: Video, On Deamand, Premium Theme

Theme Name v1.0
http://www.press75.com/

This theme was designed and built by Jason Schuller,
whose portfolio you will find at www.jdidit.com

CSS, XHTML and design are all Copyright 2008 Press75.com
*/

/* Lets Begin With Some Basics */
html, body {
font-size: 12px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0px;
padding: 0px;
color: #000000;
line-height: 1.2em;
background-image: url(images/header.jpg);
;

}

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: #00008B;
text-decoration: none;
}

a:hover {
color: #FFFFFF;

}

.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;
}
/* And... Moving On */

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

}

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

#headright {
width: 490px;
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:30px;
margin:3px 0px 0 0;
float:right;
background: url(images/searchbg.png) top left no-repeat;
}

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

#searchwrap #s{
font-size:14px;
border:none;
padding:4px 4px;
margin-right:10px;
width:300px;

}

#searchwrap:hover{
background: url(images/searchbgover.png) top left no-repeat;

}
/* End Header */


/*********************************************************************************************

3. Navigation Wrapper and Menu Styles

*********************************************************************************************/
#navigation {
background: url(images/navigation-bg.jpg) top left repeat-x;
width: 100%;
float: left;
}

#navigation-inside {
width: 960px;
margin: 0px auto;
}

#navigation-left {
width: 720px;
float: left;
}

#navigation-right {
width: 240px;
float: left;
text-align: left;
}

.sf-menu, .sf-menu * { /* SuperFish Menu Styles */
margin: 0;
padding: 0;
list-style: none;
}

.sf-menu { 
background: url(images/menu-li-bg.png) top left no-repeat;
line-height: 1;
float: left;
padding: 0 0 0 10px;
}

.sf-menu-right {
float: right;
}

.sf-menu a {
display: block;
position: relative;
}

.sf-menu a, .sf-menu a:visited  {
color: #FFFFFF;
}

.sf-menu a:hover  {
color: #049bcd;
}

.sf-menu ul li {
width: 100%;
}

.sf-menu ul {
position: absolute;
top: -15000px;
width: 160px; /* Left Offset of Sub-Menus Need to Match */
}

.sf-menu li:hover ul, 
.sf-menu li.sfHover ul {
left: 0;
top: 28px; /* Match Top UL List Item Height */
z-index: 99;
}

ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul {
top: -15000px;
}

ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul {
left: 160px; /* Match ul width. */
top: 0;
}

ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul {
top: -15000px;
}

ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul {
left: 160px; /* Match ul width. */
top: 0;
}

.sf-menu li {
background: url(images/menu-li-bg.png) top right no-repeat;
float: left;
padding: 10px 25px 12px 15px;
position: relative;
}

.sf-menu li:hover {
visibility: inherit; /* Fixes IE7 Sticky Bug */
}

.sf-menu li ul {
background: url(images/menu-ul-bg.png) repeat;
margin: 6px 0 0 0;
padding: 8px 0 10px 0;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}

.sf-menu li li {
background: none;
padding: 5px 12px 5px 15px;
}

.sf-menu li li:hover {
background: none;
}

.sf-menu li li ul {
background: url(images/menu-ul-bg.png) repeat;
margin: -8px 0 0 0;
padding: 8px 0 10px 0;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
z-index:2;
}




/* Begin Content Slider */
#featured {
width: 100%;
float: left;
height: 350px;
background: url(images/test2.jpg);
background-position:center;
padding: 0px 0 0 0;
}

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

#thevideoinside {
width: 100%;
float: left;
background: url(images/test2.jpg) bottom left repeat-x;
background-position:center;
position: static;
padding: 0 0 0px 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: 200px;
height: 350px;
background: url(images/insertbg.png) top left no-repeat;
margin: 0 0 0 540px;
color: #FFFFFF;
padding: 10px;
line-height: 1.8em;
}

.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-image: url(images/test.jpg);
border-bottom: 1px solid #D3D3D3;
float: left;
}

#pagewrap {
width: 100%;
background-image: url(images/test.jpg);
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.png) top left no-repeat;
}

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

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

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

#twittersubscribe:hover {
background: url(images/icons/twitterover.png) top left no-repeat;
}

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

#facebooksubscribe:hover {
background: url(images/icons/facebookover.png) top left no-repeat;
}

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

#vimeosubscribe:hover {
background: url(images/icons/vimeoover.png) top left no-repeat;
}

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

#stumblesubscribe:hover {
background: url(images/icons/stumbleover.png) top left no-repeat;
}

#airsbar {
width: 436px;
height: 40px;
float: right;
margin: 11px 2px 0 0;
background: url(images/airbar2.gif) 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.png) 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.png) right top no-repeat;
width:200px;
}

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

#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: 655px;
float: left;
margin: 10px 0 0 0;
background: rgb(255, 255, 255); /* fallback color */
   background: rgba(255, 255, 255, 0.3);
   padding: 7px;


}

.videoitem {
width: 192px;
height: 245px;
float: left;
background: url(images/itembg.png) 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: right;
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: #000000;
width: 205px;
float: left;
margin: 0 0 5px -5px;
padding: 0;
}

.gallerydate {
color: #000000;
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;
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;
}

#pagethumbnail {
float: right;
margin: 0;
width: 190px;
height: 120px;
padding: 20px;
overflow: hidden;


}

.wall_thumb
{

    margin-top: -258px;
	border-style:solid;
    border-color: 1px #606060;
	padding: 4px;
	background-color:#00477F;

	
	
	
}
.wall_select
{
    width: 400px;
    height: 243px;
    position: relative;
    visibility: hidden;
    padding-top: 10px;
	
	
	
}
.wall_select a
{

	padding-top: 10px;
	color:#FFFFFF;
	font-weight: bold;
	
	
}
.wall_hover:hover div
{
    visibility: visible;
    background-image: url("http://an2646.com/images/dot_44.png");
	text-align:center;
	font-size:60px;
	line-height: normal;
	
	
	
	

}



/* 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.png) top left no-repeat;
}

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

.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*/

/* 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 */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 70px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -70px; /* negative value of footer height */
	height: 70px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */