/*  
Theme Name: Video Elements
Theme URI: http://www.wpelements.com/
Description: Video Elements is a video centric WordPress theme intended for media enriched sites... created by <a href="http://www.wpelements.com">Jason Schuller</a>.
Version: 1.0
Author: Jason Schuller
Author URI: http://www.wpelements.com/
*/

body{
margin:0;
padding:0;
background:url(images/bg.jpg) top center no-repeat;
font:12px arial,helvetica,verdana,sans-serif;
color:#5C5C5C;
}

#wrapper{
width:850px;
margin:0 auto;
}

#header{
width:850px;
height:100px;
margin:0 auto;
}

#headright a:link, #headright a:visited {
color:#333333;
text-decoration:none;
}

#header a:hover {
color:#C13F00;
text-decoration:none;
border:none;
}

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

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

a:hover{
color:#333333;
border-bottom:1px dotted #333333;
}

/* Begin Page Menu */
#pages{
float:left;
width:500px;
font-size:14px;
padding:0;
margin:0;
}

#pages ul{
list-style:none;
margin:8px 0px 5px 0px;
padding:0;
}

#pages li{
display:inline;
margin:0px 10px 0px 0px;
}

#pages a:link, #pages a:visited{
color:#393939;
}

#pages a:hover{
color:#C13F00;
}
/* End Page Menu */

#headright{
float:right;
width:300px;
}

#headright img{
border:none;
}

#headright p{
text-align:right;
margin:0;
padding:0;
line-height:25px;
}

/* Begin Search */
#searchWrap {
background:url(images/searchbg.jpg) no-repeat; 
height:27px;
margin:10px 0px 0px 85px;
}

#searchWrap input{
vertical-align:middle;
background:none;
}

#searchWrap #s{
font-size:15px;
border:none;
padding:4px 4px;
margin-right:3px;
width:180px;
}
/* End Search */

#logo{
margin:0;
padding:0;
}

#navigation{
width:100%;
background:#202020;
background:url(images/navbg.jpg) repeat-x;
height:42px;
}

#categories{
width:850px;
height:30px;
margin:0 auto;
}

/* Begin Category Menu */
#catlist{
float:left;
width:868px;
font-size:14px;
}

#catlist ul{
list-style:none;
margin:6px 0px 0px 0px;
padding:0;
}

#catlist li{
display:inline;
margin:0px 10px 0px 0px;
}

#catlist a:link, #catlist a:visited{
color:#FFFFFF;
}

#catlist a:hover{
color:#999999;
border:none;
text-decoration:none;
}
/* End Category Menu */

#topcontent{
width:100%;
background:#202020;
}

#topcontent img{
border:none;
}

#topcontent a:hover{
border:none;
}

#featured{
width:855px;
height:175px;
margin:0 auto;
}

#toggle{
width:850px;
margin:0 auto;
background:none;
}

#contentwrapper{
float:left;
width:100%;
margin-top:20px;
}

#content{
float:left;
width:550px;
}

#contentpage{
float:left;
width:850px;
}

/* Begin The Content */
#item{
width:530px;
height:155px;
color:#333333;
background:url(images/itemborder.gif) bottom no-repeat;
margin:0 0 15px 0;
}

#item a:link, #item a:visited{
color:#C13F00;
text-decoration:none;
border:none;
}

#item a:hover, #galleryitem a:hover{
color:#333333;
text-decoration:none;
border:none;
}

#galleryitem{
width:175px;
height:175px;
color:#333333;
margin:0 4px 15px 0;
float:left;
}

#galleryratings{
text-align:right;
margin:0px 8px 0px 0px;
}

#galleryitem h5{
color:#C13F00;
font-size:11px;
font-weight:normal;
text-align:right;
margin:0px 8px 0px 0px;
padding:0;
}

#blogitem{
width:530px;
color:#333333;
background:url(images/itemborder.gif) bottom no-repeat;
margin:0 0 15px 0;
padding-bottom:10px;
}

#pagecontent{
width:530px;
color:#333333;
margin:0 0 15px 0;
}

#covershot{
width:180px;
height:142px;
float:left;
background:url(images/vidbg.png) no-repeat;
}

#galleryshot{
width:175px;
height:142px;
float:left;
background:url(images/vidbg.png) no-repeat;
}

#content h3, #pagecontent h3{
font-size:18px;
font-weight:normal;
margin:0;
padding:0;
}

#galleryitem h3{
font-size:16px;
color:#C13F00;
font-weight:normal;
margin:0px 0px 8px 0px;
padding:0;
}

#bloghead{
height:35px;
}

#blogtitle{
float:left;
}

#blogtitle h3{
font-size:20px;
color:#C13F00;
font-weight:normal;
margin:0;
padding:2px 0px 0px 0px;
}

#blogtitle a:hover{
color:#333333;
}

#description p{
margin:0;
padding:0;
height:90px;
overflow:hidden;
}

#covershot p{
margin:0;
padding:0;
}

#covershot img{
width:156px;
height:118px;
margin:7px 0px 0px 7px;
border:1px solid #666666;
overflow:hidden;
}

#blogitem p{
margin:0px 0px 10px 0px;
padding:0;
}

#pagecontent p, #sidebar p{
margin:0px 0px 10px 0px;
padding:0;
}

#pagecontent img, #sidebar img, #blogitem img{
padding:0px;
margin:0px;
background:#F7F7F7;
border:0px solid #A4A4A4;
}

#pagecontent a:link, #pagecontent a:visited, #sidebar a:link, #sidebar a:visited, #blogitem a:link, #blogitem a:visited{
color:#C13F00;
text-decoration:none;
border-bottom:0px dotted #C13F00;
}

#pagecontent a:hover{
color:#333333;
text-decoration:none;
border-bottom:1px dotted #333333;
}

#ratings{
float:left;
width:100px;
padding:5px 0px 0px 0px;
}

#commentslink{
float:right;
width:100px;
background:url(images/usergallery.gif) left no-repeat;
padding:5px 0px 0px 20px;
font-size:13px;
color:#C13F00;
}

#blogmeta{
float:right;
width:100px;
background:url(images/user.gif) right no-repeat;
padding:0px 40px 0px 0px;
font-size:10px;
color:#C13F00;
text-align:right;
}

#blogmeta a:link, #blogmeta a:visited{
color:#C13F00;
text-decoration:none;
border:none;
}

#blogmeta a:hover{
color:#C13F00;
border-bottom:1px dotted #C13F00;
}
/* End The Content */

#pagination{
width:530px;
margin:0px 15px 15px 0px;
float:left;
text-align:right;
}

#pagination a:hover{
border:none;
}

#pagination img{
border:none;
}

span.navback{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/back.gif) top right no-repeat;
cursor:pointer;
}

span.navforward{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/forward.gif) top right no-repeat;
cursor:pointer;
}

#sidebar{
float:left;
width:300px;
}

#sideadvert{
margin:10px 0px 10px 0px;
}

#block{
background:url(images/blockborder.gif) bottom no-repeat;
margin-bottom:15px;
padding-bottom:10px;
}

#recentvids{
padding:0px 0px 10px 2px;
}

#blockvids{
margin:10px 0px 0px 0px;
height:65px;
}

#blockvids a:link, #blockvids a:visited{
border:none;
}

#blockvids img{
width:77px;
height:58px;
margin:0px 8px 0px 0px;
padding:2px;
border:1px solid #CCCCCC;
float:left;
}

#block h5{
margin:10px 0px 0px 0px;
padding:0;
font-size:14px;
font-weight:normal;
}

#tagsblock{
background:url(images/blockborder.gif) bottom no-repeat;
margin-bottom:15px;
padding-bottom:10px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#ratingsblock, #commentsblock{
background:url(images/blockborder.gif) bottom no-repeat;
margin-bottom:15px;
padding-bottom:10px;
}

#tags{
text-align:center;
}

#block h3, #tagsblock h3, #ratingsblock h3, #commentsblock h3{
font-size:16px;
color:#C13F00;
font-weight:normal;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}

#tagsblock a:link, #tagsblock a:visited, #ratingsblock a:link, #ratingsblock a:visited{
color:#333333;
text-decoration:none;
border:none;
}

#tagsblock a:hover, #ratingsblock a:hover{
color:#C13F00;
border:none;
}

#block a:hover{
color:#333333;
border-bottom:1px dotted #333333;
}

#ratingsblock ul, #commentsblock ul{
list-style:none;
margin:10px 0px 10px 0px;
padding:0;
}

#commentsblock li{
list-style-image:none;
list-style-type:none;
margin-bottom:5px;
padding:0;
}

#commentsblock a:link, #commentsblock a:visited{
color:#C13F00;
text-decoration:none;
border-bottom:none;
}

#commentsblock a:hover{
color:#333333;
text-decoration:none;
border-bottom:none;
}

#ratingsblock img{
border:none;
margin:0px 2px 0px 0px;
padding:0px 0px 0px 0px;
}

/* style me some comments and inputs */
#comments {
width:435px;
padding:12px 0 0;
}

#comments h3,h3#respond {
color:#555;
margin-bottom:7px;
}

ol.commentslist {
list-style:none;
margin:5px 0 12px;
padding:0;
width:530px;
}

.commentslist li {
border:1px solid #BBB;
margin-bottom:7px;
padding:7px 0;
}

.commentslist li a {
font-weight:700;
background:url(images/dot.gif) repeat-x bottom left;
}

.commentslist li.alt {
}

.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 #BBB;
padding:2px;
}

#comment {
width:458px;
overflow:auto;
}

#commentform p small {
font-size:10px;
color:#7F7F7F;
}

.commentslist code {
background:transparent;
}

/* begin footer */
#insidefooter{
width:850px;
margin:0 auto;
margin-top:10px;
margin-bottom:10px;
}

#footerblocks{
float:left;
}

#footerblock{
float:left;
width:255px;
padding:0px 15px 0px 0px;
}

#footeradverts{
float:left;
width:290px;
padding:0px 0px 20px 0px;
}

#footerblock h3, #footeradverts h3{
font-size:16px;
color:#C13F00;
font-weight:normal;
margin:0;
padding:0;
}

#footerblock h5{
color:#333333;
margin:0;
padding:0;
font-size:13px;
}

#footer{
width:100%;
height:180px;
border-top:1px solid #CCCCCC;
background-image:url('images/bgffh.jpg');
clear:both;
}

#footer p{
margin:0px 0px 10px 0px;
padding:0;
}

#footer img{
padding-left:5px;
}


#footeradverts img{
border:none;
margin:0;
padding:0;
}

#footer a:link, #footer a:visited{
color:#5c5c5c;
text-decoration:none;
}

#footer a:hover{
color:#333333;
text-decoration:none;
border-bottom:1px dotted #333333;
}

#copy{
width:850px;
margin:0 auto;
padding-bottom:50px;
margin-top:5px;
}

#footerblock a:link, #footerblock a:visited{
color:#333333;
border-bottom:1px dotted #333333;
}

#footerblock a:hover{
color:#C13F00;
border-bottom:1px dotted #C13F00;
}

/* Tips */
.tool-tip {
color:#ccc;
width:150px;
z-index:13000;
}

.tool-title {
font-weight:700;
font-size:11px;
margin:0;
color:#fff;
padding:8px 8px 0 8px;
background:#333333;
text-align:left;
}

.tool-text {
font-size:11px;
padding:0 8px 8px 8px;
background:#333333;
text-align:left;
}

/* The Tips */
.tool-tip{
color:#BDAFA8;
width:200px;
z-index:13000;
}

.tool-title{
font-weight:normal;
font-size:12px;
margin:0;
color:#FFFFFF;
padding:8px 8px 0 8px;
background:#202020;
text-align:left;
}

.tool-text{
font-size:11px;
padding:0 8px 8px 8px;
background:#202020;
text-align:left;	
}

#blockvids a:hover{
border:none;
}

#videoblock{
background:#202020;
width:530px;
padding:20px 0px 20px 0px;
margin:10px 0px 15px 0px;
text-align:center;
height:
}

#share{
background:#F8E0E0;
width:530px;
}

#mpreview{
width:850px;
height:100%;
}


/* begin Menu */
/* menu structure */

.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
    outline: none;
}

.art-hmenu, .art-hmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.art-hmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background: none;
}

.art-hmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.art-hmenu li li
{
  float: none;
}

.art-hmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: none;
  min-height: 0;
  background-image: url('images/spacer.gif');
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.art-hmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.art-hmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.art-hmenu:after, .art-hmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.art-hmenu{
  min-height: 0;
  position:relative;
  padding: 4px 4px 4px 4px;
}

.art-hmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}

/* menu structure */

.art-nav
{
   position: relative;
  width:100%;
  margin:0 auto;
  min-height: 37px;
  z-index: 100;
    margin-top: 0;
    margin-bottom: 0;
}

.art-nav-outer
{
    position:absolute;
    width:100%;
}

.art-nav-wrapper 
{
        position: relative;
    width:900px;
    margin:0 auto;
}
.art-nav-inner 
{
    margin: 0 16px;
}

.art-nav-l, .art-nav-r
{
  position: absolute;
  z-index: -1;
  top: 0;
  height: 100%;
  background-image: url('images/nav.png');
}

.art-nav-l
{
  left: 0;
  right: 0;
}

.art-nav-r
{
  right: 0;
  width: 1920px;
  clip: rect(auto, auto, auto, 1920px);
}

/* end Menu */

/* begin MenuItem */
.art-hmenu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 29px;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
}

.art-hmenu ul li
{
    margin:0;
    clear: both;
}

.art-hmenu a .r, .art-hmenu a .l
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 97px;
  background-image: url('images/menuitem.png');
}

.art-hmenu a .l
{
  left: 0;
  right: 1px;
}

.art-hmenu a .r
{
  width: 402px;
  right: 0;
  clip: rect(auto, auto, auto, 401px);
}

.art-hmenu a .t, .art-hmenu ul a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
  text-align: left;
  text-decoration: none;
}

.art-hmenu a .t
{
  color: #CED4DA;
  padding: 0 8px;
  margin: 0 1px;
  line-height: 29px;
  text-align: center;
  font-size:15px;
  font-family:Verdana, Geneva, sans-serif;
  
}

.art-hmenu a:hover .l, .art-hmenu a:hover .r
{
  top: -34px;
}

.art-hmenu li:hover>a .l, .art-hmenu li:hover>a .r
{
  top: -34px;
}

.art-hmenu li:hover a .l, .art-hmenu li:hover a .r
{
  top: -34px;
}
.art-hmenu a:hover .t
{
  color: #DCE0E5;
}

.art-hmenu li:hover a .t
{
  color: #DCE0E5;
}

.art-hmenu li:hover>a .t
{
  color: #DCE0E5;
}

.art-hmenu a.active .l, .art-hmenu a.active .r
{
  top: -68px;
}

.art-hmenu a.active .t
{
  color: #F3C9C4;
}
/* end MenuItem */

/* begin MenuSeparator */
.art-hmenu .art-hmenu-li-separator
{
  display: block;
  width: 5px;
  height:29px;
}
.art-nav .art-hmenu-separator
{
  display: block;
  margin:0 auto;
  width: 1px;
  height: 29px;
  background-image: url('images/menuseparator.png');
}
/* end MenuSeparator */

/* begin MenuSubItem */
.art-hmenu ul a
{
  display: block;
  white-space: nowrap;
  height: 20px;
  width: 180px;
  overflow: hidden;
  background-image: url('images/subitem.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-width: 0;
  border-style: solid;
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 20px;
  color: #D0D6DC;
  letter-spacing: 1px;
  margin:0;
  padding:0;
}

.art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active, .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 20px;
  color: #D0D6DC;
  letter-spacing: 1px;
  margin:0;
  padding:0;
}

.art-hmenu ul li a:hover
{
  color: #000000;
  background-position: 0 -20px;
}

.art-hmenu ul li:hover>a
{
  color: #000000;
  background-position: 0 -20px;
}

.art-nav .art-hmenu ul li a:hover span, .art-nav .art-hmenu ul li a:hover span span
{
  color: #000000;
}

.art-nav .art-hmenu ul li:hover>a span, .art-nav .art-hmenu ul li:hover>a span span
{
  color: #000000;
}

/* end MenuSubItem */