/*
THEME NAME: Video Theme Streamlined
THEME URI: http://foxinni.com/my-themes/video-wordpress-themevideo-wordpress-theme/
DESCRIPTION: 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.0
AUTHOR: <a href="http://foxinni.com/">Foxinni</a> &amp; <a href="http://videos.blueworld.co.za/">Videos.Blueworld</a>
AUTHOR URI:
*/

body {color:#ccc; background-color:#565A73;}

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

.entry-content p {
margin:4px 30px;
}

.post-footer {background:url("images/blue2-dark/post_footer.gif") no-repeat scroll center top #000; height:34px;}

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

.post-header { background:#000 url(images/blue2-dark/post_top.gif) no-repeat center top;}
div#primary.sidebar div.side-top { background:#000 url(images/blue2-dark/sb_top.gif) no-repeat center top; height: 20px;}
.side-bot { background: url(images/blue2-dark/sb_bottom.gif) no-repeat center top; height:34px;}
.home .the-post, .archive .the-post { background:#000 url(images/blue2-dark/post_top.gif) no-repeat right top;}

div#menu ul li.current_page_item a:link, div#menu ul li.current_page_item a:visited{ font-size: 12px;  color:#666;  background: #000 url(images/nav.gif) bottom repeat-x}

div.contactform {
margin-left:15px;
color: #e4e4e4;
}

#wpcf label {
	display: block;
	width: 250px;
}
#wpcf input {
	width: 200px;
	padding: 1px;
	margin: 2px 5px 10px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}

#outery {padding:0; text-align:left; margin:0; width:auto; background:transparent; height:28px;}
#outery ul { margin:0 auto; padding:0; list-style-type:none; height:24px; border-left:0px solid #000;}
#outery ul li {float:left; width:auto; margin:0; height:24px; }
#outery ul li a {font-family:"Trebuchet MS", verdana, arial, sans-serif; font-size:15px; text-decoration:none;text-align:center; line-height:22px; display:block; height:24px; padding:0 20px; white-space:nowrap; color:#000; border:0px solid #000; margin-left:-1px;}
#outery ul li a.downy {background:none;}
#outery ul li a:hover {color:#000; background:transparent;}
#outery ul li a.downy:hover, #outery ul li a.selecty {color:#000; background:#fff;}

#outery ul li a:focus {outline:0;}
#outery ul li.clickeded a, #outery ul li.clickeded a:hover {color:#fff; background:#8ac;}
#outery ul li a.selecty {color:#fff; background:#396f9d;}
#outery ul li a.selecty:hover {color:#fff; background:#396f9d;}


#submenused ul.none {display:none;}
#submenused ul.yes {}

#selecteded ul {background:#fff url(menu/men_back.gif) repeat-x;}

#submenused {text-align:center; width:875px; background:url(menu/men_back.gif) repeat-x; position:absolute;}
#submenused ul { margin:0px; padding: 0px; list-style-type:none; height:20px;}
#submenused ul li {float:left; width:auto; margin:0;}
#submenused ul li a {font-family:"Trebuchet MS", verdana, arial, sans-serif; font-size:12px; color:#000; text-decoration:none;text-align:center; line-height:16px; display:block; height:20px; padding:0 14px 0 10px; white-space:nowrap; background: transparent;}
#submenused ul li a.lasty {background:#fff;}
#submenused ul li a:hover {color:#000; text-decoration:none; background: url(images/nav_hover.gif) repeat-x scroll center bottom;}

#selecteded {text-align:center; width:875px; background:url(menu/men_back.gif) repeat-x; position:absolute;}
#selecteded ul {margin:0px; padding:0px; list-style-type:none; height:20px;}
#selecteded ul li {float:left; width:auto; margin:0;}
#selecteded ul li a {font-family:"Trebuchet MS", verdana, arial, sans-serif; font-size:12px; color:#000; text-decoration:none;text-align:center; line-height:16px; display:block; height:20px; padding:0 14px 0 10px; white-space:nowrap; background: transparent;}
#selecteded ul li a.lasty {background:#fff;}
#selecteded ul li a:hover {color:#000; text-decoration:none; background: url(images/nav_hover.gif) repeat-x scroll center bottom;}

 
  .c1f, .c2f, .c3f, .c4f{font-size:1px; overflow:hidden; display:block;}
.c1f {height:1px; background:#fff; margin:10px 17px 0px 17px;}
.c2f {height:1px; background:#fff; margin:0 15px;}
.c3f {height:1px; background:#fff; margin:0 14px;}
.c4f {height:2px; background:#fff; margin:0 13px;}
.c1fb {height:1px; background:#fff; margin:0px 17px 10px 17px;}

div.yodisplay{
background-color: #ffffff;
color: #000;
 position:relative;
 float:left;
 top:0px;
 left: 0px;
 width: 560px;
 margin: 0px 30px; 
padding: 0px 15px;
 text-align: left !important;
display: inline;
 }

div.yodisplay div.imagecol img {
	/* width: 300px; */
border: 0px solid #ffffff;
display: inline;
 }

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */
body { color: #CCCCCC; font-size:12px; font-family:"Trebuchet MS", Verdana, Arial; margin:0; padding:0; background-color:#565A73;  background-repeat:no-repeat;
 background-position: center top}

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

div#container, .home .post-content {	float: left;	width: 650px ;}
/* Just some example content */
div.header-bg { background:#fff url(images/blue-light/header.gif) repeat-x bottom; height:116px; margin:0px; padding:0px; top: 0px;}
div#header{text-align:left;  width:980px; margin:0 auto; padding 0px; }
h1#blog-title { margin:0; padding-top:4px; font-variant:small-caps; text-decoration:none!important; font-size:28px}
h1#blog-title a:link,h1#blog-title a:visited { text-decoration: none; color:#666666}
h1#blog-title a:hover,h1#blog-title a:active { text-decoration: none; color:#000}
div#blog-description { text-transform:uppercase;font-size:10px; color:#999; height:22px }
*+html div#blog-description { text-transform:uppercase;font-size:10px; color:#999; height:18px }

h2 { font-weight:100;
margin: 0; }

h3 {margin:0px 0px 20px; font-size:18px; font-weight:100}

.related_posts { padding-top:8px; }
.archive .related_posts { padding-top:0px; }
.related_posts h3 { text-align:left!important; font-size:14px}
.related_posts ul li { font-size:12px;padding:0px 0 4px!important; margin:0!important; list-style:square inside!important; }
.related_posts ul li a:link { text-decoration:none}
div#menu {float: right; width: 215px; margin:0px; padding:0px;}
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 {margin:0px; padding:0px 0}
*+html div#menu ul li {margin:0px; padding:0px 0}
div#menu ul li.right{float:right; margin: 5px 0px 0px 4px;}
div#menu ul li a:link, div#menu ul li a:visited{ font-size: 12px;  color:#333; padding:4px 12px;margin:0}
div#menu ul li a:hover,div#menu ul li a:active { font-size: 12px;  color:#000; background: url(images/nav_hover.gif) bottom repeat-x}
 div#menu ul li.current_page_item a:link, div#menu ul li.current_page_item a:visited{ font-size: 12px;  color:#666;  background: url(images/nav.gif) bottom repeat-x}
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;}

/* Setting Up Differences Between News, Blog, and other video posts */

.entry-title{clear:both;}
h2.entry-title a {background:#000; text-decoration:none; font-weight:bold; margin: 0px 0px 15px 30px; padding:0px; color:#fff}
.post-title{clear:both;}
.centry-title{clear:both;  width:650px; background:#000; margin:0px; padding: 35px 0px 0px 0px; }
h2.centry-title a {background:#000; text-decoration:none; font-weight:bold; margin: 0px 0px 15px 30px; padding:0px; color:#fff}

.dentry-title{clear:both;  width:650px; background:#000; margin:0px; padding: 15px 0px 0px 0px; }
h2.dentry-title a {background:#000; text-decoration:none; font-weight:bold; margin: 0px 0px 15px 30px; padding:0px; color:#fff}

.post-title{clear:both;}
h2.post-title {background: #fff; margin: 0 30px; padding: 0px}
h2.post-title a {color: #000; text-decoration:none; font-weight:bold; margin-left:30px; margin-bottom:15px; padding 0px;}
h2.post-title a:visited {color: #000;}
h4.entry-title a, h4.entry-title a:visited  {font-weight:normal; color:#fff;}

div.post-meta {color: #4e4e4e; padding: 10px 45px; margin: 0px 30px; border-top: 1px dotted #4e4e4e; background: #fff;}
div.post-meta a {color: #4e4e4e; text-decoration: none;}
div.post-meta a:visited {color: #4e4e4e;}

div.authdateage {color: #4e4e4e; padding: 10px 0px; margin: 0px 30px; background: #ffffff;}
div.authdateage a {color: #4e4e4e; text-decoration: none;}
div.authdateage span.vcard{margin-left:30px;}

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

.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}

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}

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

div.comment_head {background: #fff url(images/blue2-dark/post_head.gif); width:650px; height:34px; margin:0px; padding:0px;  }
div.comments h3 { color:#fff; margin:0px; padding: 0px;}
div.comments ul { margin:0; padding:0}
div.comments ul li{margin:0; list-style:none; background:#fff; padding:0; }
div.comments ul li .comment_body { padding:0 10px; font-size:12px; background:#000; }
div.comments ul li .comment-meta { font-size:12px}
div.comments ul li img.avatar { float:right; margin-left:10px; }
div.comments ul li p { margin: 0px 0px 10px}
div.comments ul li .post-header { background:#fff url(images/blue2-dark/post_head.gif) no-repeat center top; height: 34px;margin:0;  }
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:80%;}

#respond p {margin: 0 0 10px; }
#respond h3 {color: #fff; margin: 5px 0px 0px 0px; padding: 0px;}

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

div.comments ul li .comment_body:after { content:"."; display:block; visibility:hidden; height:0; clear:both}


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

div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3 {
font-family: "Trebuchet MS", verdana, arial, sans-serif;
border-bottom:1px #666 solid;
font-size:18px;
font-weight:100;
text-align:right;
margin-bottom:10px;
}


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;}
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;}

.padding {background: #000; padding:0px 12px 12px 0px;}
.padding h2.page-title {padding-left: 12px;}
.post-content { margin-top:0px; background:#000; padding:0px; width:650px; float:left }
.post-content p { margin: 0px 30px; background: #fff; color: #000; padding: 5px 35px; font-size: 14px; line-height:1.5em;}
.post-content p a {color:#396f9d; font-weight: bold; text-decoration: none;}
.post-content p a:visited {color:#396f9d;}
.post-content p a img {border-width: 0px; border-color: #fff;}
.post-content-head {background: #fff url(images/post-content-top.gif) no-repeat; height:12px; width: 590px; margin: 15px 30px 0px 30px; padding: 0 0 15px 0; clear:left;}
.post-product-head {background: #fff url(images/post-content-top.gif) no-repeat; height:12px; width: 590px; margin: 15px 30px 0px 30px; padding: 0 0 0px 0;}
.post-content-bottom {background:#fff url(images/post-content-bottom.gif) no-repeat bottom; height:12px; width: 590px; margin: 0px 30px 15px 30px; padding: 15px 0 0 0;}
.video-content { margin:60px 0 40px; background:#000; /*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:16px}


.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:10px}
abbr { border:0}

.clear { clear:both}

 .page .post-content{ background:#000;  }

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

.the-post {background:#000; padding:10px 0px 0px 0px; overflow:hidden; margin:0px;}

.entry-meta {
padding:20px 10px 10px;
background: #000;
}

.sidebar ul.xoxo { background:#000; padding: 0 10px 18px;  overflow: auto; width: 289px; height: 520px;}

form#searchform {
margin: 0px;
padding: 0px; }

input.search {
  background: transparent url(images/search.gif) no-repeat;
  float: right;
  margin: 30px -300px 0px 0px;
  width: 183px;
  height: 25px;
  border: none;
  padding: 5px 0px 0px 35px;
  font-size:12px;
  font-weight: bold;
  color: white;
}

/* 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:10px; 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} 


#suckerfishnav {background:transparent repeat-x scroll center bottom; repeat-x; font-size:12px;font-family:"trebuchet ms",verdana,sans-serif;font-weight:bold;width:auto; z-index:10;}
#suckerfishnav li:hover li a:hover, #suckerfishnav li li:hover li a:hover, #suckerfishnav li li li:hover li a:hover, #suckerfishnav li li li li:hover li a:hover {background:#000; color:#dddddd; z-index:10;}
#suckerfishnav, #suckerfishnav ul {float:right;list-style:none;padding:0;margin:0;width:auto; z-index:10;}
#suckerfishnav a {display:block;color:#333333;text-decoration:none;padding:5px 10px; z-index:10;}
#suckerfishnav a:hover {background:transparent url("images/nav_hover.gif") repeat-x scroll center bottom; z-index:10;}
#suckerfishnav li {float:left;padding:0;}
#suckerfishnav ul {position:absolute;left:-999em;height:auto; width:151px;font-weight:normal;margin:0;line-height:1; border:0;border-top:1px solid #666666; background:#333;}
#suckerfishnav li li {;width:149px;border-bottom:1px solid #666666;border-left:1px solid #666666;border-right:1px solid #666666;font-weight:bold;font-family:"trebuchet ms",verdana,sans-serif;}
#suckerfishnav li li a {; padding:4px 10px; width:130px;font-size:12px;color:#dddddd;}
#suckerfishnav li ul ul {; margin:-21px 0 0 150px;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {color:#dddddd;} 
#suckerfishnav li:hover li a, #suckerfishnav li.sfhover a {background:#333;} 
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:auto;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {color:#66666; repeat-x scroll center bottom");}