/*
THEME NAME: HHHD Video Wordpress Theme
THEME URI: http://foxinni.com/my-themes/video-wordpress-themevideo-wordpress-theme/
DESCRIPTION: MODIFIED BY SHAWNR! Based on Sandbox, this video theme is an easy and quick somution to your Vlogging needs. Please make use of the Video Theme Settings page for themes.
TAGS: widgets, sandbox, video
VERSION: 1.0hhhd
AUTHOR: Originally: <a href="http://foxinni.com/">Foxinni</a> &amp; <a href="http://videos.blueworld.co.za/">Videos.Blueworld</a>
AUTHOR URI:
*/

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */
body {
    color:#ccc;
    font-size:90%;
    font-family:"Trebuchet MS", Verdana, Arial;
    margin:0;
    padding:0;
    background: #000 url(images/sunset_.jpg) fixed left top no-repeat;
}

.hfeed { width:960px; margin:0 auto 0}

div#container, .home .post-content {	float: left;	width: 580px ;}
/* Just some example content */
div.header-bg { height:100px;}
div#header{text-align:left;  width:960px; margin:0 auto; }
h1#blog-title { margin:0; padding-top:4px; font-variant:small-caps; text-decoration:none!important; font-size:2em}
h1#blog-title a:link,h1#blog-title a:visited { text-decoration: none; color:#ffffcc}
h1#blog-title a:hover,h1#blog-title a:active { text-decoration: none; color:#fff}
div#blog-description { text-transform:uppercase;font-size:100%; color:#ffffcc; height:32px; letter-spacing:0.2em; }
*+html div#blog-description { text-transform:uppercase;font-size:1.2em; color:#ffffcc; height:18px }
h2 { font-weight:100;}
h3 {margin:0px 0px 20px; font-size:1.5em; font-weight:100}
a:link, a:visited { text-decoration:none;}
.related_posts { padding-top:8px; }
.archive .related_posts { padding-top:0px; }
.related_posts h3 { text-align:left!important; font-size:1em}
.related_posts ul li { font-size:1em;padding:0px 0 4px!important; margin:0!important; list-style:square inside!important; }
.related_posts ul li a:link { text-decoration:none}
div#menu{ margin:0}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left; margin-right:4px;}
* html div#menu ul li { padding:4px 0}
*+html div#menu ul li { padding:4px 0}
div#menu ul li.right{float:right; margin-right:0px; margin-left:4px}
div#menu ul li a:link, div#menu ul li a:visited{ font-size: 140%;  color:#ffffcc; padding:4px 12px;margin:0}
div#menu ul li a:hover,div#menu ul li a:active { font-size: 140%;  color:#fff;}
div#menu ul li.current_page_item a:link, div#menu ul li.current_page_item a:visited{ font-size: 140%;  color:#fff;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;position:absolute;}
div#menu ul li:hover ul li a{border:none;display:block;padding:0.1em;width:10em;}



div#footer_menu{ margin:1em 0}
div#footer_menu ul a{font-weight:700;text-decoration:none;}
div#footer_menu ul,div#footer_menu ul ul,div#footer_menu ul li{list-style:none;margin:0;padding:0;}
div#footer_menu ul li{float:left; margin-right:4px;}
* html div#footer_menu ul li { padding:4px 0}
*+html div#footer_menu ul li { padding:4px 0}
div#footer_menu ul li.right{float:right; margin-right:0px; margin-left:4px}
div#footer_menu ul li a:link, div#footer_menu ul li a:visited{ font-size: 1em;  color:#333; padding:4px 12px;margin:0}
div#footer_menu ul li a:hover,div#footer_menu ul li a:active { font-size: 1em;  color:#fff;}
 div#footer_menu ul li.current_page_item a:link, div#footer_menu ul li.current_page_item a:visited{ font-size: 1em;  color:#666;}
div#footer_menu ul ul{display:none;}
div#footer_menu ul ul li{float:none;}
div#footer_menu ul ul li a{margin:0;padding:0;}
div#footer_menu ul li:hover ul{display:block;position:absolute;}
div#footer_menu ul li:hover ul li a{border:none;display:block;padding:0.1em;width:10em;}

h2.entry-title{
    clear:both;
    margin-bottom: 1em;
    font-size: 150%;
    }
h3.entry-title{
    clear:both;
    margin-bottom: 0.8em;
    font-size: 120%;
    }

span.meta-nav{ display:none;}

div#nav-below{width:100%;height:1.2em;  font-size:1.1em; margin-bottom:16px; width:580px; }
div#nav-below a:link,div#nav-below a:visited  { color:white; text-decoration:none}
div#nav-below a:hover,div#nav-below a:active  { color:#ccc; }

#comments { clear:both;padding-top:3em; }


.alignleft{float: left;}
div.nav-previous{
    float: left;
    width: 48%;
    background: transparent url(images/prev_arrow.png) no-repeat scroll left center;
    padding-left: 25px;
    }
.alignright{float: right;}
div.nav-next{
    float: right;
    width: 48%;
    text-align:right;
    background: transparent url(images/next_arrow.png) no-repeat scroll right center;
    padding-right: 25px;
    }
li.right img { border:0 none;}

form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{color:red;}
form#commentform,form#commentform p{padding:0;}

input#author,input#email,input#url{width:50%; border:1px #ccc solid; background:#eee;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
textarea#comment{ border:1px #ccc solid; background:#eee}

input#s {border:0px #ccc solid; background:#eee; width:200px; padding:3px 2px 2px	 }
* html input#s { padding:5px 4px 4px}
.text-input { border:0px #ccc solid; background:#eee; padding:3px 2px 2px}
* html .text-input  { padding:5px 4px 4px}


div.comments ol { margin:0; padding:0}
div.comments ol li{margin:0; list-style:none; background:#fff; padding:0; }
div.comments ol li .comment_body { padding:0 10px; font-size:120%;}
div.comments ol li .comment-meta { font-size:1em}
div.comments ol li img.avatar { float:right; margin-left:10px; }
div.comments ol li p { margin: 0px 0px 10px}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

#respond p {margin: 0 0 10px; }
#respond h3 {color: #fff; font-size:200%;}

.formcontainer {padding: 0px 10px; margin:0}
#commentform { margin:0 }
/* hACKS*/

div.comments ol li .comment_body:after { content:"."; display:block; visibility:hidden; height:0; clear:both}
* html div.comments ol li  .comment_body{ height:1px; min-height:1%}
*+html div.comments ol li  .comment_body{ height:1px; min-height:1%}


div#primary	{	clear: right; width:366px; margin-top:12px;}
div#secondary	{	clear: right;width:366px}
div.sidebar {	float: right;	overflow: hidden;	width: 380px;}

div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{color:#ffffcc;font-size:1.2em; text-align:right; border-bottom:1px #eee solid; font-weight:100}
div.sidebar input#s{width:200px;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;font-size:110%;line-height:150%;}
div.sidebar ul ul li{list-style: square;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}

div#footer{text-align:center;clear: both;margin:1em 0;padding:0.5em 0;border-top:1px solid #000;}
#footer .copy_statement{clear:both;padding: 1em 0;text-align:left;}

.padding { padding:12px}

.post-content { padding:0; width:580px;float:left }
.video-content { margin:60px 0 40px; /*min-height:270px*/}
/* html .video-content { height:270px} */
.sidebar .video-content {margin:8px 0 12px;}
#video_widget ul { margin:0}
#video_widget ul li { list-style:none}
#video_widget ul li h4 { margin:4px 0px; font-size:1.1em}

.contact-form fieldset { border:none;margin:1em 0;}
.contact-form fieldset legend { font-size: 130%;font-weight:bold;color:#fff;}
.contact-form .form-label {margin:0 0 0.5em 1em;}
.contact-form .form-input, .contact-form .form-textarea {margin:0 0 1em 1em;}
.contact-form .form-submit {margin: 1em 0;}
.contact-form .form-submit input { padding:0.5em 1em;background:#ccc;border:none;cursor:pointer;cursor:hand;}
p.success { font-size: 200%;background:#666;color:#fff;padding:0.5em;text-align:center;}

.post .video-content { padding:60px 0 40px; margin:0; }
.single-entry-meta { margin-top:4px; padding-top:5px; border-top: 1px solid #eee; color:#999; font-size:1em}
abbr { border:0}

.clear { clear:both}

 .page .post-content{ background:#FFFFFF;  }
.archive .p1 .post-header,  .page .p1 .post-header { background:#fff}

.the-post { padding:1em; overflow:hidden}
.entry-meta { padding:20px 10px 10px;  }

h2 { margin:0}
.entry-content p { margin:1em}
.post-footer { height: 34px; margin:0; clear:both  }
.post-header { height: 10px;margin:0;  }
.post-side-footer-b { height: 24px;margin:0; }
.side-top { height: 20px;}
.side-bot { height: 34px;}
.post-content { min-height:200px;}
* html .post-content { height:200px;}


.home .p1 .video-content ,.archive .p1 .video-content{ }
.home .p1 .the-post,.archive .p1 .the-post {  padding: 1em;}
.home .video-content,.archive .video-content { }
.home .the-post, .archive .the-post { }


.sidebar ul.xoxo { padding: 0 10px 18px;}

a:link, a:visited { color:#666666}
a:hover, a:active { color:#000}
/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}
.c-f { margin-top:-16px; text-align:center; font-size:1em; text-transform: capitalize;color:#fff;  border-top:1px solid #fff;}
.c-f a:link,.c-f a:hover,.c-f a:active,.c-f a:visited { text-decoration:none; color:#fff}




div.comments ol li{background:#000;  }
.formcontainer {}
.post-content { }
.video-content { }
 .page .post-content{ background:#000; }
.page .p1 .post-header { }
.the-post { }
div.sidebar h3{border-bottom:1px #666 solid;}

.entry-meta { background: #5e5e5e url(images/sb_footer_a_dark.gif) no-repeat right top;padding:20px 10px 10px;  }

.post-footer {  }
.post-header {  }
.side-top { }

.home .p1 .video-content, .archive .p1 .video-content { }
.home .p1 .the-post,.archive .p1 .the-post { }
.home .video-content, .archive .video-content { }
.home .the-post,.archive .the-post  { }
.sidebar ul.xoxo { background-color:#000; }

div.video_iterator { margin-bottom: 4em;}

a:link, a:visited { color:#fff}
a:hover, a:active { color:#ccc}


div#menu ul li.current_page_item a:link, div#menu ul li.current_page_item a:visited{ color:#fff;}

#searchform #searchsubmit { padding: 0.2em 1em; background: #ccc; color:#000; border:none;}