/*
Theme Name: On Demand Update, Hip Hop Confessions Variant
Theme URI: http://www.press75.com/, http://www.visuallyinklined.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/
Original theme was designed and built by Jason Schuller, Design heavily appended by Robert Simmons for use with Hip Hop Confessions.

whose portfolio you will find at www.jdidit.com
CSS, XHTML and design are all Copyright 2008 Press75.com
*/
*:link, *:visited, *:hover, *:active, *:focus { -webkit-transition: color .35s linear; -moz-transition: color .35s; transition: color .35s linear;}
/* Lets Begin With Some Basics */
html, body { font-size: 12px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0px; padding: 0px; color: #fff; line-height: 1.2em; background:url(images/bg.jpg)repeat-x; background-color:#000;}
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 10px;line-height: 1.5em;}
h1, h2, h3 { font-family: "Courier New", Courier, monospace; font-size:1em; font-weight: 300;}
h1 { font-size: 4em; text-align: center;}
h2 { font-size: 1.4em; font-family:"Courier New", Courier, Monospace;}
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: #ff3223; size:1.2em; text-decoration: none;}
a:hover { color: #da9141;}

.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 { color:#fff; margin: 0 0 10px 0;}
/* And... Moving On */

/* Begin Header */
#header { width: 980px; margin: 0px auto; height: 320px; padding: 0 0 0 0; background: url(images/banner.jpg); background-repeat:no-repeat;}
#headleft { width: 1px; float: left; height: 1px; overflow:hidden;}
#headright { margin: 5px 0 0 0; width: 760px; float: right; text-align: right; height: 38px; margin-right:25px;}
#headright ul { list-style: none;}
#headright li { display: inline; margin: 0 0 0 15px;}
#headright li a { color: #333333;}
#headright .right-text { float: left; text-align: right; width: 400px; padding: 25px 0 0 0;}
#headright .icon {	float: left;}

#searchwrap { background:#000; height:27px; margin:0; margin-top:-5px; float:right; background: url(images/searchbg.jpg) top left no-repeat;}
.signer { background-color:#000; color:#FC9; border-color:#6d5d4b; border-collapse:separate; font-size:1.1em; font-family:"Courier New", Courier, monospace;}
.signp { display:inline; color:#999; font-family:"Courier New", Courier, monospace;}
#searchwrap input{ vertical-align:middle; background:none; color:#fff; font-family: "Courier New", Courier, monospace;}
#searchwrap #s{ font-size:13px; border:none; padding:4px 4px; margin-left:3px; margin-right:0px; margin-top:3px; width:236px;}
.signer:active, .signer:focus, #s:active, #s:focus{ box-shadow: inset 0px 0px 15px 3px #451100; -webkit-box-shadow: inset 0px 0px 15px 3px #451100; -moz-box-shadow: inset 0px 0px 15px 3px #451100;}
/* End Header */

/* Begin Content Slider */
#featured { width: 100%; float: left; clear: both; height: 428px; background: url(images/sliderbg.png) top left repeat-x; padding: 2px 0 0 0;}
#thevideo { width: 100%; float: left; background: #000 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; margin-top:20px; width: 980px; text-align: center;}

.scroll{ box-shadow: 0px 0px 40px #150000; -moz-box-shadow: 0px 0px 40px 10px #150000; -webkit-box-shadow: 0px 0px 40px 10px #150000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.scroll{ height:350px!important; margin-top:40px!important; width:797px!important;}
.panel{ height:350px!important; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-top:0px!important;}
.watchnow { position: absolute; top: 280px; left: 560px; width: 220px; height: 35px; background: url(images/watchnow.jpg) top left no-repeat; cursor: pointer;}
.watchnow:hover { background: url(images/watchnowover.jpg) top left no-repeat;}
.insert {width: 220px; height: 350px; background: url(images/insertbg.png) top left repeat-x; 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: #cc2222; display:block; margin-top:120px; text-decoration: none;}
.insert, .insert a, .insert a div.watchnow:hover{ text-decoration:none;}

#grey { margin:-23px auto 0 auto; width: 980px; height: 25px;}
.grey-nav { height: 19px; float: left; padding: 4px 0 0 0;}
.grey-nav ul { list-style: none; }
.grey-nav li { display: inline; margin: 0 0 0 15px; font-family: "Courier New", Courier, monospace;}
.grey-nav li a, .grey-nav li a:link, .grey-nav li a:visited {font-size:1.125em; color: #fff; text-shadow: 0px 0px 15px #fff; -moz-text-shadow: 0px 0px 2px #fff;-webkit-text-shadow: 0px 0px 15px #fff;}
.grey-nav li a:hover{text-decoration: none; color: #f33; text-shadow: 0px 0px 1em #f00; -moz-text-shadow: 0px 0px 1em #f00;-webkit-text-shadow: 0px 0px 1em #f00; font-weight:700;}
 .grey-nav li a:active{ color: #f84;}
/* End Content Slider */
.scrollButtons:link, .scrollButtons:visited{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); transition: transform .35s linear; -webkit-transition: -webkit-transform .35s linear; -moz-transition: transform .35s linear;}
.scrollButtons:hover, .scrollButtons:active{ -webkit-transform: scale(1.25); -moz-transform: scale(1.25); transform: scale(1.25); transition: transform .35s linear; -webkit-transition: -webkit-transform .35s linear; -moz-transition: transform .35s linear;}
/* 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: #111; background-image:url(images/greybg.png); background-repeat:repeat-x; float: left;}
#pagewrap { width: 100%; background: #111; background-image:url(images/greybg.png); background-repeat:repeat-x; float: left;}
#content { width: 980px; margin: 0px auto; margin-top:50px; padding: 15px 0 15px 0;}
#menubar { width: 0px; height: 0px; overflow:hidden; 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;}
#mainvideogallery { width: 900px;  margin: 10px auto;}

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

#bloglist { width: 670px; float: left; margin: 10px 0 10px 0;}
#bloglist h2 a{ font-size:1em; line-height:1.15em;}
.videoitem { width: 192px; height: 245px; float: left; margin: 0 9px 9px 0;
padding: 9px; display: block; background: rgba(0,0,0,.05) url(images/itembg.jpg) top center no-repeat; }
.videoitem{ background: url(images/itembg.jpg) top center no-repeat; }
.ratings { float: left; width: inherit; height: 25px; margin: 1px 0 0 0;}
.comments { width: inherit; height: 25px; float: left;  color: #000; font-size: 10px; text-align: left; 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: 1.5em; margin: 15px 0 0 -5px; padding: 0; font-weight: normal; display: block; float: left; width: 200px;}
h2 a{ text-shadow: 0px 0px 10px #f00; font-weight: 500; font-family: "Courier New", Courier, monospace; font-size:.75em;}
h2 a:hover{ color:#fb6; text-decoration:none; font-weight:600;}
p.itemdesc { font-size: 10px; color: #565050; width: 195px; float: left; margin: 0 0 5px -5px; padding: 0;}
.gallerydate { color: #999191; width: 200px; float: left; margin: 0 0 0 -5px;}

#videodets { width: 653px; float: left; border-bottom: 1px dotted #686868; margin: 0 0 10px 0; padding: 0 0 10px 0;}
#postcontent { width: 653px; float: left; border-bottom: 1px dotted #686868; 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;}
.itemlinks a:hover{ color: #db7050;}
.itemlinks a:active{ color: #db3020;}
.smalllinks { color: #999191;}
.smalllinks a:link, .smalllinks a:visited { color: #d43;}
.smalllinks a.comments-link:link, .smalllinks a.comments-link:visited{ color: #c93;}


#postinfo { width: 400px; float: left;}
#postinfo h2 a{ font-size:1.1em; line-height:1.2em;}

#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 dotted #686868; 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;}
.blogcontent em{ color: #930; text-shadow: 0px 0px 2px #D10; -moz-text-shadow: 0px 0px 2px #D10;  -webkit-text-shadow: 0px 0px 2px #D10;} 
.blogcontent strong{ font-family: "Courier New", Courier, monospace; font-size:1.35em; color: #910; font-weight: 200;}
.blogcontent ol{ padding-left:30px;}
.blogcontent ol li{ font-family: "Courier New", Courier, monospace; font-size:1.1em; color: #cca;}
.blogcontent ul{ padding-left:15px; list-style-type: square; color:#fff;}
.blogcontent ul li{ padding:5px 0; color:#ba9;}
.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-weight:300; font-size: 1.3em; color:#FC9;}
#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;}
.block { width: 294px; float: left; background: url(images/blockbg.jpg) bottom left repeat-y; padding: 8px; margin: 0 0 10px 0;}
.block p { color:#232311;}
.block a { font-family:"Courier New", Courier, monospace; color:#9c1200; font-size:1.3em;}
.block a:hover{ font-weight:700;}

.twitter{ background: url(images/comment.jpg)}
.twitter-item{ color:#000; padding-bottom:20px;}
.block .twitter-link{ font-size:1.125em; font-family: helvetica, arial, sans-serif;}
.block .twitter-user{ font-size:1.125em; font-weight:600;}
.twitter-link:hover, .twitter-link:active{ color:#500; font-weight:500; text-decoration:underline;}
.twitter-user:hover, .twitter-user:active{ color:#500;}
.twitter-timestamp{ color: #000; font-size:1.125em;}

.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*/
.avatar{}
#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; color: #aaa;}
ol.commentlist cite { color:#9c2118;  font-style:normal;}
ol.commentlist li { padding: 0; background: #FFFFF; margin: 0 0 15px 0; border-bottom: 1px dotted #686868;}
ol.commentlist li.alt { padding: 0 !important; background: transparent; margin: 0 0 15px 0;}
ol.commentlist cite, ol.commentlist a.url{ font-size:1.1em;}
.commentmetadata a{ color: #c43;}
#commentform label small{ font-family: "Courier New", Courier, monospace; font-size:1em;}
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;}
input#submit:hover{ color:#fda;}
input#submit:active{ color:#fa3;}
#comment,#author,#email,#url { background: #FFFFFF; background:url(images/comment.jpg); border:2px solid #221100; font-size:1.2em; padding:2px;
color:#873207; margin:0px 0 0 0;}

#dsq-content .dsq-textarea .dsq-textarea-wrapper, #dsq-content .dsq-post-fields .dsq-input-wrapper , textarea #form-message, .placeholder-grey{ background: transparent!important; background:url(images/comment.jpg)!important; border:2px solid #221100; font-size:1.2em; padding:2px; color:#873207!important; margin:0px 0 0 0;}
.dsq-comment-cite{color:#fda; font-family: "Courier New", Courier, monospace; font-size:1.2em!important;}
.dsq-trackback-url{ background:url(images/comment.jpg)!important; border:2px solid #221100; font-size:1em; padding:2px; color:#873207!important; width:inherit;}
.dsq-comment-header{ background:  url("images/blockhead.jpg") no-repeat transparent!important}
/* 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;}
.thumbnail a img  { border: none; box-shadow: inset 0px 0px 20px 10px #100; -moz-box-shadow: inset 0px 0px 20px 10px #100; -webkit-box-shadow: inset 0px 0px 20px 10px #100;}
/* 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 */

/* Begin Footer */
#footershell { float:left; width:100%; background-color:#111; background-image:url(images/footer.png); background-repeat:repeat-x;}
#footer { width: 980px; margin: 0px auto; padding: 5px 0 50px 0; clear: both;}
#footer p {	display:block; margin: 10px 0px;}
#footer a:link, #footer a:visited { color: #565050;}
#footer small { color: #999191;}