/*  

Theme Name: VideoFlick - Dark Portfolio

Theme URI: http://www.wpelements.com

Description: A theme based on the popular movie trailer site, trailerflick.com

Version: 1.0

Author: Jason Schuller

Author URI: http://www.wpelements.com

*/



body,html {

margin:0px;

padding:0px;

height:100%;

}



img {

border:none;

}



html {

background:#0D0D0D;

}



a:link, a:visited {

color:#B7B7B7;

text-decoration:none;

}



a:hover {

color:#A90000;

text-decoration:none;

}





body {

text-align:center;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#B7B7B7;

/*padding-bottom: 35px;*/

}



#wrapper {

background:url(images/site_logo_dark.png) top left no-repeat;

width:1005px;

margin:0px auto;

padding:0px;

text-align:left;

}



#head_content {

width:1005px;

height:100px;

}



#menu {

float:right;

color:#B7B7B7;

}



#menu a:hover {

text-decoration:none;

cursor:pointer;

}



#menu h3 {

color:#FFFFFF;

padding:0;

margin:0;

text-transform:uppercase;

font-size:12px;

}



#items{

width:810px;

background:url(images/border_dark.gif) top right repeat-y;

float:left;

margin-bottom:20px;

}



#sidebar{

float:right;

width:185px;

}



#sbitem{

margin-bottom:15px;

}



#sidebar ul {

list-style:none;

margin:0px 0 4px;

padding:0;

}



.rss_links ul li {

background:url(images/rss.gif) no-repeat 0 3px;

color:#7F7F7F;

line-height:1.2em;

padding:2px 0 4px 18px;

margin:0;

}



span.menu-items{

width:125px;

height:50px;

display:block;

float:left;

margin-left:20px;

padding-top:10px;

background:url(images/border_dark.gif) top right repeat-y;

}



#menu ul{

list-style:none;

display:inline;

}



#menu li{

list-style:none;

display:inline;

}



span.search{

width:175px;

height:50px;

display:block;

float:left;

margin-left:20px;

padding-top:10px;

background:url(images/border_dark.gif) top right repeat-y;

}



.item {

width:190px;

height:329px;

overflow:hidden;

float:left;

margin:0px 5px 0px 6px;

position:relative;

}



.item .background {

width:190px;

height:329px;

background:url(images/item_background_dark.png) no-repeat top left;

position:absolute;

top:0px;

left:0px;

}



.item img {

width:166px;

height:260px;

border:1px solid #242424;

position:absolute;

top:11px;

left:11px;

}



.item .content {

position:absolute;

width:150px;

height:30px;

left:12px;

top:280px;

overflow:hidden;

color:#B7B7B7;

}



#items a:link, #items a:visited{

color:#A90000;

}



#items a:hover{

color:#B7B7B7;

}



.item .comments-link {

background:url(images/comments_dark.png) bottom no-repeat;

position:absolute;

width:22px;

height:31px;

left:158px;

top:280px;

overflow:hidden;

color:#B7B7B7;

text-align:center;

}



.item .content h2 {

font-size:13px;

margin:0px;

padding:0px;

color:#A90000;

font-weight:normal;

}



#sidebar h2 {

font-size:13px;

margin:0px;

padding:0px;

color:#A90000;

font-weight:normal;

}



#content_text h2, #pagecontent h2 {

font-size:16px;

margin:0px;

padding:0px;

color:#A90000;

font-weight:normal;

}



#tags{

font-family:Georgia, "Times New Roman", Times, serif;

}



#sidebar p {

margin:0px;

padding:0px;

}



.item .content p {

margin:0px;

padding:0px;

}



.item a:link, .item a:visited {

color:#B7B7B7;

text-decoration:none;

}



.item a:hover {

color:#343434;

text-decoration:none;

}



span.navback{

width:25px;

height:15px;

display:block;

float:right;

background:url(images/back_dark.gif) top right no-repeat;

cursor:pointer;

}



span.navforward{

width:25px;

height:15px;

display:block;

float:right;

background:url(images/forward_dark.gif) top right no-repeat;

cursor:pointer;

}



#footer {

margin:20px 9px 0px;

text-align:left;

padding:5px 0px 300px;	

background:url(images/footer_dark.gif) repeat-x top left;

color:#B7B7B7;

clear:both;

}



.clear {

clear:both;

}



#searchWrap {

}



#searchWrap input {

margin-top:6px;

}



#searchWrap #s {

font-size:1.1em;

border:none;

padding:3px 4px;

height:24px;

margin-right:3px;

width:148px;

color:#666666;

font-size:14px;

background:url(images/searchbg_dark.jpg) no-repeat;

}



#footer-text {

float:left;

}



#navi {

width:795px;

text-align:right;

margin:10px 0px 10px 0px;

float:left;

}



#content_text {

float:left;

width:555px;

text-align:left;

margin-left:20px;

}



#pagecontent {

float:left;

width:790px;

text-align:left;

margin-left:8px;

}



#pagecontent img{

margin:8px;

padding:4px;

background:#0D0D0D;

border:1px solid #242424;

}



#article {

margin:0px 0px 25px 0px;

padding:0px 0px 10px 0px;

background:url(images/footer_dark.gif) repeat-x bottom left;

}



#pagearticle {

margin:0px 0px 25px 0px;

}



#article p {

margin:0px 0px 12px 0px;

}



/* style me some comments and inputs */

#comments-number {

float:right;

width:20px;

}



#comments_wrapper input{

background:#0D0D0D;

color:#666666;

}



#comments_wrapper h3 {

font-size:13px;

font-weight:normal;

color:#B7B7B7;

}



#comments {

width:435px;

padding:12px 0 0;

}



#comments h3,h3#respond {

margin-bottom:7px;

}



ol.commentslist {

list-style:none;

margin:5px 0 12px;

padding-left:0px;

}



.commentslist li {

background:#0D0D0D url(images/lgrey_diag_dark.gif) repeat top left;

border:1px solid #242424;

margin-bottom:7px;

padding:7px 0;

width:555px;

}



.commentslist li a {

font-weight:700;

background:url(images/dot.gif) repeat-x bottom left;

}



.commentslist li.alt {

background:#0D0D0D;

width:555px;

}



.commentslist li:hover {

border-color:#888;

}



.commentslist .comment_text {

margin:0 7px;

line-height:1.4em;

overflow:hidden;

}



.comment_text p,.comment_text ul,.comment_text ol,.comment_text blockquote {

margin:1em 0;

}



.comment_text ul,.comment_text ol,.comment_text blockquote {

margin:0 1em;

}



p.author_meta {

font-weight:700;

text-transform:uppercase;

margin:0 0 0 7px;

}



p.post_meta {

font-size:11px;

text-transform:uppercase;

text-align:right;

margin:0 7px 0 0;

}



.commentslist li.author {

background:#333;

color:#CCC;

}



.commentslist li.author a {

color:#DDD;

}



.commentslist li.author a:hover {

color:#FFF;

}



#comments_closed {

background:#333;

color:#ccc;

padding:7px 0;

margin-top:12px;

line-height:1.5em;

}



p.nocomments {

margin:0 12px 0 7px;

}



p.nocomments a {

color:#ddd;

font-weight:700;

text-decoration:underline;

}



p.nocomments a:hover {

color:#FFF;

}



ol.pingslist {

margin:1.5em 2em;

font-size:12px;

}



.pingslist li {

color:#7F7F7F;

margin:0 0 7px;

}



.pingslist li a {

font-weight:700;

background:url(images/dot.gif) repeat-x bottom left;

}



#commentform p {

margin:1em 0;

}



#commentform p a {

font-weight:700;

background:url(images/dot.gif) repeat-x bottom left;

}



#author,#email,#url,#comment {

font:1.1em arial,helvetica,verdana,sans-serif;

border:1px solid #242424;

padding:2px;

}



#comment {

width:350px;

overflow:auto;

background-color:#0D0D0D;

color:#B7B7B7;

}



#commentform p small {

font-size:10px;

color:#B7B7B7;

}



.commentslist code {

background:transparent;

}



.imageOver {

background:url(images/zoom.gif) no-repeat 50% 50%;	

filter:alpha(opacity=50);

-moz-opacity:0.5;

-khtml-opacity:0.5;

opacity:0.5;	

}