/*
Theme Name: Playtime
Theme URI: http://zidalgo.com/premium-video-wordpress-theme
Description: The best! Premium video wordpress theme designed by Christopher Anderton and developed by Brad Mahaffey
Version: 1.0
Author: Zidalgo
Author URI: http://zidalgo.com
Tags: clean, video, zidalgo, christopher anderton, brad mahaffey
License: Creative Commons Attribution-Noncommercial-No Derivative Works 3.0

*/

/*
 * http://meyerweb.com/eric/tools/css/reset/
 * v1.0 | 20080212
 */

html *{padding:0;margin:0}
* html{padding:0; margin:0}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,blockquote,
p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,
li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
button,textarea {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent}

h1,h2,h3,h4,h5,h6{font-weight:normal}

ol,ul{list-style:none}
blockquote:before,blockquote:after,
q:before,q:after{content:''; content:none}
a{
  color:inherit;
  text-decoration:none}
/* remember to define focus styles! */
:active,:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
sub{vertical-align:sub}
sup{font-size:80%;vertical-align:top}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse; border-spacing:0}


.center { text-align: center; }
.cf{clear:both}
.hidden{display:none}
.hider{overflow:hidden}
.holder{overflow:auto}




/* Floats
 * --------------------- */
.aligncenter{margin-left:auto;margin-right:auto}
.alignleft{float:left}
.alignright{float:right}
.alignnone{}


/* Start Here
 * ------------- */

body {
  background:#e9e9e9 url(images/bg/body.png) 0 0;
  color:#333;
  font:.625em/1 Arial, Helvetica, Verdana, sans-serif}
  
  
  blockquote {
	color: #6a6a6a;
	font-style: italic;
	padding: 5px;
	font-size: 1.5em;
}

/* General Classes */
.wrapper .inside {
  margin:0 auto;
  width:990px}
.wrapper .boxBig {
  margin:0 auto;
  width:995px}
#content #middle {margin-bottom:12px}

.boxBig .widgetBot {
  background:url(images/bg/widget-foot-bot.png) no-repeat;
  display:block;
  height:8px}
.boxBig .widgetTop {
  background:url(images/bg/widget-foot-top.png) no-repeat;
  display:block;
  height:5px}
.boxBig .widgetMid {
  background:url(images/bg/widget-foot-mid.png) repeat-y;
  padding:0 8px 0 5px
  }


.widgetMid .title {
  background:url(images/bg/posttitle.png) repeat-x;
  font-size:2.4em;
  font-weight:bold;
  height:46px;
  line-height:46px;
  padding:0 20px}
.widgetMid .title a {color:#000;}
.widgetMid .title a:focus,
.widgetMid .title a:hover {
  color:#6a6a6a;}


.boxTop,
.boxBot {
  display:block;
  height:5px}
.boxMid {padding:0 5px}
.boxBig .boxTop {background:url(images/bg/box-top-big.png) no-repeat}
.boxBig .boxBot {background:url(images/bg/box-bot-big.png) no-repeat}
.boxBig .boxMid {background:url(images/bg/box-mid-big.png) repeat-y}


/* BillBoard */
.billboard {
  clear:both;
  overflow:hidden}
.billboard .box {
  color:#fff;
  margin:26px auto 0;
  overflow:hidden}
.billboard .items {width:4000px}
.billboard .item {
  float:left;
  width:985px}

.scrollable {
  overflow:hidden;
  position:relative}
.scrollable .items {position:absolute}

/* Main Navi*/
#main .navi {margin-bottom:10px}
#main .navi .widgetMid {padding:8px 14px}
#main .knavi .arrow {
  float:left;
  height:31px;
  width:39px}
#main .knavi a {
  float:left;
  height:31px;
  text-indent:-9999em;
  width:39px}
#main .knavi .backward {
  background:url(images/icons/arrow-left-disabled.png) no-repeat;
  margin-right:8px}
#main .knavi .backward a {background:url(images/icons/arrow-left.png) no-repeat}
#main .knavi .forward {background:url(images/icons/arrow-right-disabled.png) no-repeat}
#main .knavi .forward a {background:url(images/icons/arrow-right.png) no-repeat}

#main .wp-pagenavi a,
#main .wp-pagenavi span {
  background:url(images/bg/button-tag.png) repeat-x;
  border:1px solid #6b6e71;
  color:#fff;
  float:left;
  font-size:1.4em;
  font-weight:bold;
  height:30px;
  line-height:30px;
  margin:0 3px;
  padding:0 .8em;
  -khtml-border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px}
#main .wp-pagenavi span.current {
  background:url(images/bg/button-tag-hover.png) repeat-x;
  border-color:#a6a8aa}
#main .wp-pagenavi span.pages,
#main .wp-pagenavi a.first,
#main .wp-pagenavi a.last {font-size:1.1em;}
#main .wp-pagenavi a {
  color:#fff;}
#main .wp-pagenavi a:focus,
#main .wp-pagenavi a:hover {
  color:#ccc}


/* Post Content */
.postcontent {
  font-size:1.2em;
  line-height:1.6;
  padding:12px 0}
.postcontent h2 {
  font-size:1.6em;
  font-weight:bold}
.postcontent h3 {
  font-size:1.4em;
  font-weight:bold}
.postcontent h4 {
  font-size:1.2em;
  font-weight:bold}
.postcontent p a {
color:#666;
text-decoration:underline;
}
.postcontent p a:hover {
color:#000000;
} 
.postcontent a img {
border: 4px solid #858689;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
	margin: 2px;
}

.postcontent a:hover img{
border: 4px solid #a6a8af;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;

}

.postcontent p,
.postcontent ol,
.postcontent ul {
  margin-bottom:.8em}
.postcontent li ol,
.postcontent li ul {
  margin-bottom:0}
.postcontent ol {
  list-style-type:decimal;
  padding-left:1.8em}
.postcontent ul {
  list-style-type:disc;
  padding-left:1.6em}




/* Header */
#header {
  background:url(images/bg/header.png) repeat-x;
  color:#fff;
  height:180px;
  position:relative}
#header a {color:#fff}
#header .inside {padding:2.2em 0 0}
#logo {
  float:left;
  padding:20px 300px 0;
  width:200px
  }
#logo h1 {float:left}
#logo a {
  background:url(images/logo/logo.png) no-repeat;
  display:block;
  float:left;
  height:125px;
  text-indent:-99999em;
  width:375px}
#nav {
  float:left;
  margin-top:10px;
  width:155px;
	margin-right: 5px;
}
#nav ul {float:left}
#nav li {
  float:left;
  margin-left:.4em}
#nav li a {
  color:#fff;
  display:block;
  float:left;
  font-size:1.2em;
  font-weight:bold;
  height:31px;
  line-height:29px;
  padding:0 1em;
  -khtml-border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px}
  

#nav li a span {
  cursor:pointer;
  display:block;
  float:left;
  height:31px;
  line-height:29px;
  padding:0 1em}
  
  /* We use Lavalamp Jquery for this */
  
 /*
#nav li.current_page_item a,
#nav li a:focus {
  background:url(images/bg/navitem.png) repeat-x}
#nav li.current_page_item a span,
#nav li a:focus span,
#nav li a:hover span {
  background:url(images/bg/nav-right.png) no-repeat right 0}

*/



#header-shadow {
  background:url(images/bg/featured-shadow.png) no-repeat center bottom;
  bottom:-12px;
  display:block;
  height:26px;
  margin:0 auto;
  position:relative;
  width:1000px;
  z-index:2}


/* Content */
#content {
  clear:both;
  padding:2em 0}
#main {
  float:left;
  width:600px}
#sidebar {
  float:right;
  width:380px}


/* Left Side Widgets */
#main .widgetBot {
  background:url(images/bg/widget-post-bot.png) no-repeat;
  display:block;
  height:8px}
#main .widgetTop {
  background:url(images/bg/widget-post-top.png) no-repeat;
  display:block;
  height:5px}
#main .widgetMid {
  background:url(images/bg/widget-post-mid.png) repeat-y;
  padding:0 9px 0 5px}


/* Posts List */
#main .cattitle {
  background:url(images/bg/posttitle.png) repeat-x;
  font-size:1.6em;
  font-weight:bold;
  height:46px;
  line-height:46px;
  padding:0 20px}
#main .cattitle span {color:#8c8c8c}
#main .post,
#main .widget {
  margin-bottom:1em}
#main .postentry {
  background:#e9e9e9 url(images/bg/post.png) repeat-x 0 bottom;
  padding:10px 20px 6px}
#main #nopost .postentry {
  background:#e9e9e9}
#main .postthumb {
  float:left;
  position:relative;
  width:120px}
#main .postthumb img.cover {
  background:url(images/bg/postthumb.png) no-repeat;
  padding:6px 10px 8px 7px}
#main .postthumb-mask {
  background:url(images/bg/postthumb-mask.png) no-repeat;
  display:block;
  height:148px;
  left:1px;
  position:absolute;
  top:4px;
  width:107px}
#main .postthumb .vhd {
  background:url(images/icons/video-hd.png) no-repeat;
  left:10px;
  height:20px;
  top:8px;
  width:28px}
#main .postthumb .vrate {
  background:url(images/bg/visitor-rating.png) repeat;
  left:3px;
  height:69px;
  text-align:center;
  top:84px;
  width:108px}
#main .postthumb .vrate .ratingtitle {
  color:#000000;
  display:block;
  font-size:1.1em;
  font-weight:bold;
  padding:5px 0}
#main .postthumb .post-ratings {padding-left:4px}
#main .postthumb .post-ratings img {
  float:left;
  padding:0 4px;
}
#main .postthumb .post-ratings-loading {
  color:#fff;
  text-align:center}
#main .postthumb a.play {
  background:url(images/icons/play-circle.png) no-repeat;
  height:62px;
  left:30px;
  text-indent:-9999px;
  top:14px;
  width:61px}
#main .postthumb .vhd,
#main .postthumb .vrate,
#main .postthumb .post-ratings-loading,
#main .postthumb a.play {
  display:none;
  position:absolute}
#main .postthumb:hover .vhd,

#main .postthumb.hover .vhd,
#main .postthumb:hover .vrate,
#main .postthumb.hover .vrate,
#main .postthumb:hover .post-ratings,
#main .postthumb.hover .post-ratings,
#main .postthumb:hover a.play,
#main .postthumb.hover a.play {
  display:block}
 
#main .postexcerpt,
#main .postmeta {
  float:right;
  width:410px}
#main .postexcerpt {
  font-size:1.2em;
  line-height:1.7;
  margin-bottom:1em;
  min-height:120px}
#main .postentry a.more-link {
  color:#222;
  font-weight:bold}

#main .postmeta {
  border-top:1px solid #b8b8b8;
  color:#222;
  font-size:1.1em;
  font-weight:bold;
  padding:.8em 0}
#main .postmeta a {color:#222}
#main .postentry a.more-link:focus,
#main .postentry a.more-link:hover,
#main .postmeta a:focus,
#main .postmeta a:hover {
  color:#6a6a6a}


/* SideBar */
#sidebar .widget {
  margin-bottom:1em;
  position:relative}

/* Search Form */
#searchform div {
  background:url(images/bg/widgettitle.png) repeat-x;
  padding:10px 20px}
#s {
  background:url(images/bg/input-search.png) no-repeat 0 center;
  color:#333;
  float:left;
  height:18px;
  font-size:1.2em;
  margin:0 10px 0 30px;
  padding:7px 5px 3px 26px;
  width:173px}
#searchsubmit {
  background:url(images/buttons/submit-empty.png) no-repeat;
  color:#fff;
  cursor:pointer;
  float:left;
  font-weight:bold;
  height:28px;
  width:68px}
#searchsubmit:focus,
#searchsubmit:hover {
  color:#ccc}

.widgettitle {
  background:url(images/bg/widgettitle.png) repeat-x;
  color:#fff;
  font-size:1.6em;
  font-weight:bold;
  height:51px;
  line-height:56px;
  overflow:hidden;
  padding:0 20px;
  z-index:0}
.widgettitle a {color:#fff}
.widgettitle a:focus,
.widgettitle a:hover {
  color:#ccc}
.widgetcontent {
  background:#e8e8e8 url(images/bg/widgetcontent.png) repeat-x 0 bottom;
  font-size:1.4em;
  line-height:18px;
  padding:1em}

#sidebar .widgetBot,
.error404 #the404 .widgetBot {
  background:url(images/bg/widget-side-bot.png) no-repeat;
  display:block;
  height:8px}
#sidebar .widgetTop,
.error404 #the404 .widgetTop {
  background:url(images/bg/widget-side-top.png) no-repeat;
  display:block;
  height:5px;
  position:relative}
#sidebar .widgetMid,
.error404 #the404 .widgetMid {
  background:url(images/bg/widget-side-mid.png) repeat-y;
  padding:0 7px 0 5px}


/* More Featured */
.playtime-featuredvids .widgetcontent {
  background:url(images/bg/shelf.png) repeat-y;
  padding:5px 0}
#sidebar #featuredtip {
  background:url(images/bg/featured-tooltip.png) no-repeat;
  color:#fff;
  display:none;
  font-size:1.1em;
  font-weight:bold;
  height:56px;
  line-height:42px;
  text-align:center;
  width:121px;
  z-index:99}
.playtime-featuredvids ul {padding:.5em 0}
.playtime-featuredvids li {
  float:left;
  margin-bottom:25px;
  text-align:center;
  width:115px}
.playtime-featuredvids li a {
  background:url(images/bg/featured-cover-shadow.png) no-repeat 3px 93px;
  display:block;
  float:left;
  padding:0 0 10px 5px;
  position:relative;
  left:10px;
  width:110px}
.playtime-featuredvids li a:focus,
.playtime-featuredvids li a:hover {
  background:url(images/bg/featured-cover-shadow-active.png) no-repeat 0 98px}
.playtime-featuredvids li img {
  background:url(images/bg/featured-cover-bg.png) no-repeat;
  display:block;
  float:left;
  margin-left:8px;
  padding:3px 5px 8px 5px}
.playtime-featuredvids li .cover-mask {
  background:url(images/bg/featured-cover-mask.png) no-repeat;
  cursor:pointer;
  display:block;
  height:110px;
  left:16px;
  position:absolute;
  top:3px;
  width:80px;
  z-index:5}

/* Popular Tags */
.playtime-poptags ul {text-align:center}
.playtime-poptags li {display:inline;}
.playtime-poptags a {
  background:url(images/bg/button-tag.png) repeat-x;
  border:#808385;
  color:#ccc;
  display:-moz-inline-box;
  display:inline-block;
  font-size:1.2em;
  font-weight:bold;
  height:30px;
  line-height:30px;
  margin-bottom:3px;
  padding:0 10px;
  -khtml-border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px}
.playtime-poptags a span {
  display:block;
  padding:5px 10px}
.playtime-poptags a:hover {background:url(images/bg/button-tag-hover.png) repeat-x}


.sidelist li {
  float:left;
  height:38px;
  margin:0;
  overflow:hidden;
  width:100%}
.sidelist li p {
  font-size:1.1em;
  font-weight:bold;
  line-height:1.3;
  padding:5px 10px 0;
  width:310px}

/* Recent Acts */
.playtime-recent-comments .widgetcontent {padding:0}
.playtime-recent-comments ul {background:#fff}
.playtime-recent-comments li {}
.playtime-recent-comments li.odd {background:url(images/bg/recent-act-odd.png) repeat-x}
.playtime-recent-comments li p {
  color:#363636;
  float:right}
.playtime-recent-comments li p a {color:#000}
.playtime-recent-comments li p a:focus,
.playtime-recent-comments li p a:hover {
  color:#666}
.playtime-recent-comments li img {display:block;float:left}


/* Twitter */
.playtime-tweets .widgettitle {color:#00bff3}
.playtime-tweets .widgetcontent {padding:0}
.playtime-tweets li {
  background:#6dcff6;
  height:52px}
.playtime-tweets li.odd {background:#00bff3}
.playtime-tweets li p {
  background:url(images/icons/twitter-avatar.png) no-repeat right 0;
  color:#fff;
  height:52px;
  padding:5px 62px 5px 10px;
  text-align:right;
  vertical-align:middle;
  width:auto}
.playtime-tweets li p a {color:#000}
.playtime-tweets li p a:focus,
.playtime-tweets li p a:hover {
  color:#666}
.playtime-tweets li img {float:right}


/* Footer */
#footer .boxCont {
  background:#eee url(images/bg/footer.png) repeat-x 0 bottom;
  height:47px;
  overflow:hidden}
#disclaimer {
  float:left;
  padding:.6em 0 .6em 1.3em}
#disclaimer p {
  font-size:1.1em;
  padding:.2em 0}
#disclaimer a {color:#636363}
#disclaimer a:focus,
#disclaimer a:hover {
  color:#333}
#disclaimer #copyright {
  color:#636363;
  font-size:1.4em;
  font-weight:bold;
}

#footer .misc {float:right}
#footer .misc li {float:left}
#footer .misc li a {
  display:block;
  float:left;
  text-indent:-99999em;
  height:47px;
  width:56px}
#footer .misc li.rss a {background:url(images/icons/rss.png) no-repeat center center}
#footer .misc li.wp a {background:url(images/icons/wordpress.png) no-repeat center center}

/* Page: Home */
/* Featured */
#featured {
  background:url(images/bg/billboard-home.png) repeat-x;
  height:513px}
#featured .box {
  background:url(images/bg/billboard-box-home.png) no-repeat;
  height:410px;
  width:985px}
#featured .post {padding:16px 20px; position: relative;}
#featured .postthumb {
  display:block;
  float:left;
  height:370px;
  margin-right:28px;
  overflow:hidden;
  width:615px}
#featured .posttitle {
  font-size:2.2em;
  font-weight:bold;
  padding:.8em 1.2em 0 0}
#featured .postmeta {
  color:#ccc;
  font-weight:bold;
  padding:.5em 2.5em .2em 0}
#featured .postentry {
  font-size:1.2em;
  height:250px;
  line-height:1.7;
  overflow:hidden;
  padding:1.6em 2em .2em 0}
#featured .postentry p {margin-bottom:1.6em}
#featured a {color:#fff}
#featured a:focus,
#featured a:hover {
  color:#ccc}
#featured a.play {
  background:url(images/bg/button-play.png) no-repeat;
  float:left;
  font-size:1.8em;
  font-weight:bold;
  height:31px;
  line-height:31px;
  margin-top:10px;
  text-align:center;
  width: 110px;
  position: absolute;
  bottom: 20px;
  left: 662px;
  }

#featured-nav {
  height:31px;
  margin:10px auto 0;
  overflow:hidden;
  position:relative;
  width:970px}
#featured-nav div {
  display:block;
  height:31px;
  position:absolute;
  width:39px}
#featured-nav div a {
  cursor:pointer;
  height:31px;
  width:39px}
#featured-nav .backward {right:60px}
#featured-nav .backward a {
  background:url(images/icons/arrow-left.png) no-repeat;
  float:left}
#featured-nav .backward a.disabled {
  background:url(images/icons/arrow-trans-left.png) no-repeat;
  cursor:default}
#featured-nav .forward {right:0}
#featured-nav .forward a {
  background:url(images/icons/arrow-right.png) no-repeat;
  float:right}
#featured-nav .forward a.disabled {
  background:url(images/icons/arrow-trans-right.png) no-repeat;
  cursor:default}


/* Page: Single Post */
.single #video {
  background:url(images/bg/billboard-post.png) repeat-x;
  height:611px}
.single #video .box {
  background:url(images/bg/billboard-box-post2.png) repeat-x;
  height: 513px;
  width:905px}
.single #video .box object {
  display:block;
  height: 500px;
  margin:6px 0 0 5px;
  width:893px}
.single .postmisc {padding:16px 20px}
.single .postdetails {
  border-bottom:1px solid #b8b8b8;
  float:right;
  height:150px;
  font-size:1.3em;
  line-height:1.4;
  overflow:hidden;
  padding-top:4px;
  width:415px}
.single .postdetails a {color:#333}
.single .postdetails a:focus,
.single .postdetails a:hover {
  text-decoration:underline}
.single .postdetails li.rate {overflow:hidden}
.single .postdetails li.rate strong {float:left}
.single .postdetails strong {font-size:1.1em}
.single .postdetails .vrate {
  float:left;
  padding-left:4px;
  position:relative;
  vertical-align:middle}
.single .postdetails .vrate div {
  display:inline;
  position:absolute;
  width:80px}
.single .postdetails .vrate .post-ratings {padding-top:2px}
.single .postdetails .vrate .post-ratings img {margin-right:2px}
.single .postdetails .vrate .post-ratings-loading {display:none}

.single .postauthor {
  background:url(images/bg/postauthor.png) repeat-x;
  height:45px;
  overflow:hidden}
.single .postauthor img {
  float:left;
  margin-right:14px}
.single .postauthor h3 {
  color:#636363;
  font-size:1.2em;
  font-weight:bold;
  padding-top:9px}
.single .postauthor a {color:#333}
.single .postauthor a:focus,
.single .postauthor a:hover {
  color:#636363}
.single .postauthor p {
  color:#222;
  font-size:1.1em;
  padding:4px 0}
.single .widget h3.title {font-size:1.8em}
.single .entry {}
.single #related li {
  background:url(images/bg/recent-act-odd.png) repeat-x;
  height:38px;
  overflow:hidden;
  position:relative}
/*
.single #related li img {padding-left:1px}
*/
.single #related li .cover-mask{
  background:url(images/bg/related-cover-mask.png) no-repeat;
  display:block;
  height:38px;
  position:absolute;
  width:25px
  }
.single #related li h3 {
  font-size:1.2em;
  font-weight:bold;
  height:38px;
  line-height:38px}
.single #related li h3 a {
  color:#666;
  display:block;
  padding-left:40px}
.single #related li h3 a:focus,
.single #related li h3 a:hover {
  color:#333}


/* Comments */
#comments h3.title { font-size: 1.8em; }

#comments .commentslist {
  background:#eee url(images/bg/comment-bg.png) repeat-x 0 bottom;
  padding:12px 5px}
#comments .commentslist li.comment {margin-bottom:.5em}
#comments .commentslist .thumb {
  background:url(images/bg/shape-tri-left.png) no-repeat right 15px;
  float:left;
  width:92px}
#comments .commententry {
  background:#fff;
  float:right;
  font-size:1.1em;
  line-height:1.5;
  position:relative;
  width:484px}
#comments .commententry .content {padding:16px}
#comments .commententry p,
#comments .commententry ol,
#comments .commententry ul {
  margin-bottom:.8em}
#comments a.comment-reply-link {
  background:url(images/buttons/reply-empty.png) no-repeat;
  bottom:1px;
  color:#fff;
  display:block;
  font-size:1em;
  font-weight:bold;
  height:18px;
  line-height:18px;
  right:1px;
  position:absolute;
  text-align:center;
  width:53px}
#comments a.comment-reply-link:focus,
#comments a.comment-reply-link:hover {
  color:#ccc}

/* Second Level */
#comments .children {
  clear:both;
  padding-top:.5em}
#comments .children .comment .thumb {
  background:url(images/bg/shape-tri-right.png) no-repeat 0 15px;
  float:right;
  text-align:right}
#comments .children .commententry {background:#ebebeb}
#comments .children a.comment-reply-link {left:1px}

#comments div.commentAuthor {
	margin-right: 24px;
}

/* Respond */
#comments form {
  background:#eee url(images/bg/comment-bg.png) repeat-x 0 bottom;
  font-size:1.2em;
  line-height:1.4;
  padding:16px}
.zform ul {
  list-style-type:none;
  padding:0}
.zform li {
  margin-bottom:10px;
  overflow:hidden}
.zform li.registered {padding:.5em 0}
.zform .inputbox input {
  background:#f8f8f8 url(images/bg/input-comment.png) repeat-x;
  float:left;
  font-size:1.1em;
  padding:5px 2px 5px 6px;
  width:200px}
.zform .inputbox label {
  color:#111;
  float:left;
  font-weight:bold;
  height:27px;
  line-height:27px;
  margin-left:20px}
.zform .commentbox {
  background:#f8f8f8 url(images/bg/textarea-comment.png) repeat-x;
  padding:6px}
.zform textarea  {width:100%}
.zform .submitbox .subscribe-to-comments {
  color:#111;
  float:left;
  font-size:1.1em;
  font-weight:bold;
  padding:6px 0;
  position:relative}
.zform .submitbox .subscribe-to-comments input {
  display:block;
  height:14px;
  left:1px;
  position:absolute;
  top:8px;
  width:14px;
  z-index:0}
.zform .submitbox .subscribe-to-comments label {
  background:url(images/bg/checkbox.png) no-repeat 0 1px;
  cursor:pointer;
  display:block;
  padding-left:24px;
  position:relative;
  z-index:1}
.zform .submitbox .subscribe-to-comments label.checked {background:url(images/bg/checkbox-checked.png) no-repeat 0 1px}


.zform #submit,
.zform #cancel-comment-reply-link {
  background:url(images/buttons/submit-empty.png) no-repeat;
  color:#fff;
  cursor:pointer;
  float:right;
  font-weight:bold;
  line-height:28px;
  height:28px;
  text-align:center;
  width:68px}
.zform #submit:focus,
.zform #cancel-comment-reply-link:focus,
.zform #cancel-comment-reply-link:hover,
.zform #submit:hover {
  color:#ccc}
.zform #submit {margin-left:6px}
/*
#comments #cancel-comment-reply-link {margin-right:6px}
*/

/* Page: 404 */
.error404 #content {padding:0 0 120px}
.error404 #the404 {
  background:url(images/logo/shoot.png) no-repeat right bottom;
  height:672px;
  padding:0 500px 0 30px;
  position:relative}
.error404 #the404 h1 {
  background:url(images/bg/freeze.png) no-repeat 0 bottom;
  height:79px;
  padding-top:140px;
  text-indent:-9999em;
  width:360px}
.error404 #the404 h2 {
  color:#fff;
  font-size:1.8em;
  font-weight:bold;
  line-height:1.1;
  margin:.3em 0 1.4em;
  text-transform:uppercase}
.error404 #the404 p {
  color:#fff;
  font-size:1.4em;
  font-weight:bold;
  line-height:1.3;
  margin-bottom:1em;
  text-transform:uppercase}
.error404 #the404 p span {color:#000}
.error404 #the404 .widget {
  margin-bottom:1.4em;
  position:relative;
  width:380px}
.error404 #the404 #gosearch {margin-bottom:16px}


/* Page: Default Template */
.page .postcontent {
  background:#e9e9e9 url(images/bg/post.png) repeat-x 0 bottom;
  padding:20px}


/* Page: Contact */
/*
.page-template-page_contact-php .postcontent {background:url(images/bg/popcorn.png) no-repeat 94% 90%}
*/
.page-template-page_contact-php .zform {
  margin-top:30px;
  width:540px}
.page-template-page_contact-php #alert p {color:#ab4743}

/* Page: Archive */
.page-template-archives-php .postcontent h2 {margin-bottom:.3em}
.page-template-archives-php .monthly li {
  border-bottom:1px solid #d0d0d0;
  color:#444;
  font-weight:bold;
  padding:.3em 0}
.page-template-archives-php .monthly li a {color:#444}
.page-template-archives-php .monthly li a:focus,
.page-template-archives-php .monthly li a:hover {
  color:#888}
.page-template-archives-php .cats {
  list-style-type:none;
  padding:0;
  width:350px}
.page-template-archives-php .cats li {
  float:left;
  margin-right:6px}

.page-template-archives-php .cats li a {
  background:url(images/bg/button-tag.png) repeat-x;
  color:#fff;
  float:left;
  font-weight:bold;
  height:30px;
  line-height:30px;
  padding:0 10px;
  -khtml-border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px}
.page-template-archives-php .cats li a:hover {background:url(images/bg/button-tag-hover.png) repeat-x;}



/* Some widgets */
.widget_tag_cloud .widgetMid div {text-align:center}
.widget_tag_cloud a {color:#333}
.widget_tag_cloud a:focus,
.widget_tag_cloud a:hover {
  color:#636363}

.aktt_widget .widgetcontent {padding:0}
.aktt_widget .widgetcontent li {
  background:#6dcff6;
  color:#fff;
  height:38px;
  overflow:hidden;}

.playtime-flickr .widgettitle .default {
  color:#00bff3;
  text-transform:uppercase}
.playtime-flickr .widgettitle .default span {color:#ec008c}
.playtime-flickr .widgetcontent {background:#45494d url(images/bg/flickr-area.png) repeat-x 0 bottom}
.playtime-flickr ul {
  margin:0 auto;
  padding-top:10px;
  width:330px}
.playtime-flickr li {
  float:left;
  width:110px}
.playtime-flickr li a {
  background:url(images/bg/flickr-thumbs.png) repeat-x;
  display:block;
  height:81px;
  margin:0 auto 16px;
  width:81px}
.playtime-flickr li a img {margin:3px 0 0 3px}


/* Highest Rated */
.widget_ratings .widgetcontent {padding:0}
.widget_ratings ul {overflow:hidden}
.widget_ratings li {
  background:url(images/bg/hrated-list.png) repeat-x;
  float:left;
  font-size:1.2em;
  font-weight:bold;
  height:36px;
  line-height:36px;
  overflow:hidden;
  padding:0 20px}
.widget_ratings li a {
  color:#333;
  float:left;
  width:265px;}
.widget_ratings li a:focus,
.widget_ratings li a:hover {
  color:#666}
.widget_ratings li img {

  margin-top:12px}



/* Categories List */
.playtime-catlist .widgetcontent {

  background:url(images/bg/widgettitle.png) repeat-x;
  height:51px;
  padding:0;
  position:relative}
.playtime-catlist a {
  color:#000;
  display:block}
.playtime-catlist .trigger {
  background:url(images/bg/catdd-trigger.png) repeat-x;
  font-size:1.2em;
  font-weight:bold;
  height:23px;
  left:75px;
  line-height:23px;
  padding:0 14px;
  position:absolute;
  top:14px;
  width:172px}
.playtime-catlist .trigger a {background:url(images/icons/arrow-dropdown.png) no-repeat right center}
.playtime-catlist .trigger a:hover {color:#444}
.playtime-catlist .categories {
  background:url(images/bg/catdd.png) no-repeat right bottom;
  display:none;
  font-size:1.2em;
  left:75px;
  padding:0 8px 8px 0;
  position:absolute;
  top:38px;
  width:200px;
  z-index:999}
.playtime-catlist .categories li {
  height:27px;
  line-height:27px;
  overflow:hidden}
.playtime-catlist .categories a {
  background:url(images/bg/catdd-list.png) repeat-x;
  display:block;
  padding:0 14px}

.playtime-catlist .categories a:hover {
  background:url(images/bg/catdd-list-hover.png) repeat-x;}


/* SideBlog */
.playtime-sideblog .widgetcontent {padding:0}
.playtime-sideblog li {
  background:#f6f6f6 url(images/bg/sideblog-even.png) repeat-x 0 bottom;
  font-size:1.2em;
  line-height:1.5;
  padding:16px 20px 6px}
.playtime-sideblog li.odd {background-image:url(images/bg/sideblog-odd.png)}
.playtime-sideblog li h4 {
  font-size:1.3em;
  font-weight:bold;
  margin-bottom:.5em}
.playtime-sideblog li h4 a {color:#333}
.playtime-sideblog li h4 a:focus,
.playtime-sideblog li h4 a:hover {
  color:#666}
.playtime-sideblog li p {margin-bottom:1em}

/* Scroll to top message */
#message a {
  display: block;
  display: none;
  z-index: 999; 
  opacity: .4;
  position: fixed;
  top: 100%;
  margin-top: -80px;
  margin-left: -160px; /* = half of width */
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  width: 100px;
  line-height: 18px;
  height: 20px;
  padding: 10px;
  background-color: #000;
  font-size: 15px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  left: 100%;
}

/* The CSS for slide panel */


body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* The reset rules */
	margin:0px;
	padding:0px;
}

.container{
	margin-top:20px;
	
	background:#FFFFFF;
	border:10px solid #E0E0E0;
	padding:15px;
	
	/* Rounded corners */
	-moz-border-radius:20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
}

.err{
	color:red;
}

.success{
	color:#00CC00;
}

a, a:visited {
	color:#6b0625;
	text-decoration:none;
	outline:none;
}

a:hover{
        color:#e80f38;
	text-decoration:none;
}

.tutorial-info{
	text-align:center;
	padding:10px;
}

/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

	The CSS, XHTML and design is released under Creative Common License 3.0:
	http://creativecommons.org/licenses/by-sa/3.0/

*/ 

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url(images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: left;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	left: 150px;
  	color: white;
  	font-size: 12px;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel Absolute will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


#panel {
	width: 100%;
	height: 250px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#panel p {
	font-size: 1em;
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 1.2em;
}

#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

#video .vvqbox {
	margin: 0px;
}