/*
Theme name: Veddio
Description: The Tasty Vlog Themes
Author: MOJO Themes
Author URI: http://www.mojothemes.com/
*/

/* WordPress Default styles */
@import url('wp-default.css');

/* Structure; color scheme CSS is included separately */
* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 14px;
    font-family: arial, sans-serif;
	height: 100%;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { text-decoration: none; cursor: pointer;}
a:hover { text-decoration: underline;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -9999px;}
input, textarea, select {font-family: arial, sans-serif; font-size: 12px;}
.tr {text-align: right;}
.tc {text-align: center;}
.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 940px; position: relative;}	

#header {border-bottom-width: 1px; border-bottom-style: solid; background-repeat: repeat-x; background-position: 0 0;}
#header .shell {background-repeat: no-repeat; background-position: 0 0; height: 186px;}

h1#logo {float: left; padding-top: 39px;}
h1#logo a {display: block; width: 169px; height: 69px; background-repeat: no-repeat; background-position: 0 0;}

#navigation {float: left; padding-top: 79px; padding-left: 30px;}
#navigation ul {list-style-type: none;}
#navigation ul li {float: left; display: inline; padding: 0 21px;}
#navigation ul li a {font-size: 14px; font-weight: bold; padding-right: 13px; background-position: right 0; background-repeat: no-repeat; float: left; height: 26px;}
#navigation ul li a span {padding-left: 13px; background-position: 0 0; background-repeat: no-repeat; float: left; height: 21px; padding-top: 5px;}
#navigation ul li a:hover {text-decoration: none;}

#search {padding-top: 20px; position: absolute; top: 0px; right: 0px;}
#search form {}
#search form span {float: right; width: 140px; height: 23px; padding-top: 6px; padding: 8px 18px 0 10px; background-repeat: no-repeat; background-position: 0 0;}
#search form span input {background: transparent; border: 0; font-family: arial, sans-serif; font-size: 12px; display: block; width: 140px;}
#search form input.search-button {float: right; width: 60px; height: 31px; border: 0; font-size: 0; line-height:0; text-indent: -9999px; cursor: pointer;}

#featured-video {height: 404px; border-bottom-width: 1px; border-bottom-style: solid; background-repeat: repeat-x; background-position: 0 0;}
#featured-video .shell { height: 404px; width: 1036px;}
#featured-video-cnt {width: 652px; margin: 0 auto; position: relative; padding-left: 38px; padding-right: 37px;}
#featured-video-box {width: 652px; height: 468px; margin-top: -64px; float: left; position: relative; z-index: 2; overflow: hidden; }
#featured-video-box-cnt { width: 5000080px; height: 402px; padding: 37px 36px 29px 36px; position: absolute; top: 0; left: 0;}
#featured-video a.prev,
#featured-video a.next {font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; display: block; height: 404px; background-repeat: no-repeat; background-position: 0 0;}
#featured-video a.prev {width: 54px; top: 0; left: 0;}
#featured-video a.next {width: 53px; top: 0; right: 0;}

.featured-video-image {padding-top: 38px; height: 288px;}
.featured-video-image img {display: block; margin: 0 auto;}

.featured-video-details {padding-top: 21px;}
.featured-video-details h2 {font-family: "myriad pro", "trebuchet ms", sans-serif; font-size: 30px; line-height: 30px; padding-bottom: 12px; position: relative;}
.featured-video-details .rating {margin-top: 4px;}

.rating {width: 111px; height: 20px; font-size: 0; line-height: 0; background: none !important;}
.rating span {display: block; height: 20px;}

.featured-video-details p,
.postdetails p {font-size: 11px; padding-left: 2px; line-height: 18px;}

.featured-video-details small,
.postdetails small {font-size: 11px; float: left; position: relative;}

.featured-video-details span.divider,
.postdetails span.divider {padding-left: 8px; padding-right: 8px; float: left;}

.featured-video-details p a,
.postdetails p a {float: left; text-decoration: underline; position: relative;}

.featured-video-details p a:hover,
.postdetails p a:hover {text-decoration: none;}

.featured-video-details p a.share-this,
.postdetails p a.share-this {font-size: 0; line-height: 0; text-indent: -9999px; width: 86px; height: 20px;}

#ads {height: 156px; background-repeat: repeat-x;}
#ads ul {list-style-type: none; padding: 15px 0 0 0; text-align: center;}
#ads ul li {display: inline; padding-top: 15px; padding: 0 10px;}

#main {padding: 21px 0 61px 0; background-repeat: repeat-x; background-position: 0 bottom;}

#main-inner {float: left; width: 100%; margin-top: -465px;}

#main h2.heading { font-size: 18px; padding-left: 21px;font-family: "myriad pro", "trebuchet ms", sans-serif; font-weight: normal;}

#content {width: 620px; float: left;}
#content h2.heading {height: 31px; padding-top: 15px;}

#videos {padding-bottom: 23px;}

.tabs {font-family: "myriad pro", "trebuchet ms", sans-serif; font-size: 16px;}
.tabs ul {list-style-type: none;}
.tabs ul li {float: left; display: inline; padding-right: 3px;}
.tabs ul li a {float: left; height: 43px; padding-right: 28px; background-position: right 0;}
.tabs ul li a span {float: left; padding-left: 29px; background-position: 0 0; padding-top: 14px; height: 29px;}
.tabs ul li a:hover {text-decoration: none;}

#videos-cnt {background-repeat: no-repeat; background-position: 0 bottom; padding-bottom: 6px;}
#videos-cnt-inner {background-repeat: no-repeat; background-position: 0 0; padding: 23px 0 20px 0;}
#videos-cnt ul {list-style-type: none; padding-left: 26px;}
#videos-cnt ul li {float: left; width: 154px; height: 239px; background-repeat: no-repeat; padding: 10px 32px 34px 10px;}
#videos-cnt ul li .recent-video-clip {width: 155px; height: 88px; position: relative;}
#videos-cnt ul li .recent-video-clip img.play {position: absolute; width: 155px; height: 88px; top: 0; left: 0;}
#videos-cnt ul li .recent-video-clip img.hover {background: url(color-schemes/default/images/play.png) no-repeat center center;}

#videos-cnt ul li h3 {font-size: 18px; font-family: "myriad pro", "trebuchet ms", sans-serif; line-height: 20px; height: 80px; padding-top: 10px;}
#videos-cnt ul li p.comments {height: 21px; font-weight: bold; padding-top: 6px;}
#videos-cnt ul li .rating {margin-top: 10px;}

.view-more-box {width: 567px; height: 36px; margin: 0 auto; padding-top: 22px; text-align: center; font-size: 14px;}
.view-more-box a {text-decoration: underline;}
.view-more-box a:hover {text-decoration: none;}

.recent-article {background-repeat: repeat-x; background-position: 0 0; padding-top: 19px; padding-bottom: 25px; }
.recent-article-img {width: 240px; float: left;}
.recent-article-img img {border: 5px solid #fff; display: block; margin: 0 auto;}
.recent-article-text {width: 358px; float: left;}
.recent-article-text h3 {font-family: "myriad pro", "trebuchet ms", sans-serif; font-size: 20px; font-weight: normal; padding-bottom: 15px;}
.postmeta {border-bottom-width: 1px; border-top-width: 1px; border-top-style: solid; border-bottom-style: solid; padding: 6px 0; font-size: 11px;}
.postmeta span {padding: 0 6px;}
.recent-article-entry {padding-top: 10px;}
.recent-article-entry p {font-size: 14px; line-height: 20px;}
.recent-articles-bottom {height: 39px; padding-top: 8px; background-repeat: no-repeat; background-position: 0 0; padding-right: 9px;}
a.view-more-articles {font-size: 0; line-height: 0; text-indent: -9999px; width: 120px; height: 30px; float: right;}

#sidebar {padding-top: 43px;}
#sidebar {width: 300px; float: right;}
#sidebar h2.heading, #sidebar-inner h2.heading {padding-top: 14px; height: 29px;}
#sidebar h2.lighter-heading {padding-top: 14px; height: 33px;}
.sidebar-box {background-position: 0 bottom; background-repeat: no-repeat; position: relative; margin-bottom: 22px; height: 100%;}

.sidebar-box-top {background-position: 0 0; background-repeat: no-repeat; padding-top: 6px; height: 100%;}
.sidebar-box {padding-bottom: 6px; background-position: 0 bottom; background-repeat: no-repeat;}
.sidebar-box h3 {font-size: 18px; font-weight: normal; font-family: "myriad pro", "trebuchet ms", sans-serif; padding-bottom: 12px;}
.sidebar-box img {border: 4px solid #fff;}
.sidebar-box img.right {margin-left: 10px; margin-bottom: 10px;}
.sidebar-box img.left {margin-right: 10px; margin-bottom: 10px;}
.sidebar-box p {line-height: 18px;}
.sidebar-box .ad {padding-top: 24px; padding-bottom: 24px;}
.sidebar-box .ad img {border: 0;}

span.paperclip {position: absolute; top: -17px; left: 225px;display: block; width: 51px; height: 48px;}
span.paperclip small {background: url(color-schemes/default/images/paperclip.png); display: block; width: 51px; height: 48px;}

.sidebar-box-cnt {padding: 10px 13px 13px 20px;}

.social-links {}
.social-links a {font-size: 0; line-height: 0; text-indent: -9999px; width: 32px; height: 32px; float: left; margin-right: 15px;}

.sidebar-nav ul {list-style-type: none;}
.sidebar-nav ul li {background-position: 23px 10px; background-repeat: no-repeat; padding: 11px 15px 11px 48px; border-bottom-width: 1px; border-bottom-style: solid; height: 100%;}
.sidebar-nav ul li.last {border-bottom-width: 0; padding-bottom: 5px;}
.sidebar-nav ul li a {font-size: 14px;}

.topfive ul {list-style-type: none;}
.topfive ul li {border-bottom-width: 1px; border-bottom-style: solid; padding: 14px 15px 14px 22px; height: 100%;}
.topfive ul li.last {border-bottom-width: 0;}
.topfive ul li span {float: left;width: 32px; height: 23px; text-align: center; padding-top: 9px; font-size: 18px; margin-right: 15px;}
.topfive ul li a {line-height: 14px; float: left; width: 192px; margin-top: 4px;}

.recent-comments .last {border-bottom: 0;}
.recent-comment {padding: 20px 23px 16px 23px; font-size: 12px; border-bottom-width: 1px; border-bottom-style: solid; height: 100%;}
.recent-comment strong {font-size: 14px;}
.recent-comment img {border-width: 1px;}
.recent-comment a.left {margin-right: 10px; margin-bottom: 10px;}


#footer {background-repeat: repeat-x; background-position: 0 0; padding-bottom: 29px;}
#footer .shell {background-repeat: no-repeat; background-position: center 0;}

#footer-nav {height: 40px; float: left; width: 500px;}
#footer-nav ul {list-style-type: none; font-size: 14px;}
#footer-nav ul li {float: left; display: inline;}
#footer-nav ul li a {float: left; height: 26px; padding: 14px 21px 0 21px;}
#footer-nav ul li.current_page_item a,
#footer-nav ul li.current_page_ancestor a,
#footer-nav ul li a.active {background-repeat: repeat-x;}

a.up-button {float: right; width: 49px; height: 49px; font-size: 0; line-height: 0; text-indent: -9999px; margin-top: -4px; position: relative;}

.footer-logo {padding-top: 31px; float: left;}
.footer-logo a { width: 139px; height: 55px; background-repeat: no-repeat; background-position: 0 0; display: block;}
p.copy {float: right; padding-top: 66px;}

#content-inner {width: 620px; float: left;}
#content-inner-top {background-repeat: no-repeat; background-position: 0 0; height: 7px; line-height: 0; text-indent: -9999px; font-size: 0;}
#content-inner-bottom {background-repeat: no-repeat; background-position: 0 0; height: 5px; margin-bottom: 13px;}
#content-inner-cnt {background-repeat: repeat-y; background-position: 0 0; padding: 15px 18px 20px 19px; height: 100%; min-height: 400px;}
#content-inner h2 {font-size: 30px; font-family: "myriad pro", "trebuchet ms", sans-serif; line-height: 30px; padding-bottom: 15px; letter-spacing: -1px}
#content-inner h2.left {width: 440px;}
#content-inner .rating {margin-top: 5px;}
#content-inner p.month {text-align: right; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; padding: 8px 0;}
#content-inner h3 {font-size: 18px; font-family: "myriad pro", "trebuchet ms", sans-serif; line-height: 18px; padding-bottom: 10px;}

.archive-item {border-bottom-width: 1px; border-bottom-style: solid; padding: 18px 0;}

a.orange-button {padding-right: 7px; float: left; height: 23px; margin-right: 7px;}
a.orange-button span {float: left; height: 19px; padding-left: 7px; padding-top: 4px;}

a.black-button {padding-right: 7px; float: left; height: 23px; color: #fff; margin-right: 7px;}
a.black-button span {float: left; height: 19px; padding-left: 7px; padding-top: 4px;}

.darkbox {padding-bottom: 42px; height: 350px; }
.darkbox-cnt {padding: 16px 0 0 16px;}
.darkbox h2 {padding-top: 16px; height: 31px; font-size: 18px; font-weight: normal; font-family: "myriad pro", "trebuchet ms", sans-serif; padding-left: 22px;}

.darkbox-bottom {height: 7px; background-repeat: no-repeat; background-position: 0 0; font-size: 0; line-height: 0; text-indent: -9999px;}

#sidebar-inner {width: 300px; float: right; padding-top: 70px;}

.recent-video {float: left; width: 126px; padding-right: 14px;}
.recent-video h3 {font-family: "myriad pro", "trebuchet ms", sans-serif; font-size: 14px; line-height: 16px; height: 70px; font-weight: normal;}

.postvideo {padding: 15px 0;}

.entry {}
.entry p {font-size: 14px; line-height: 22px; padding-bottom: 20px;}
#content-inner-cnt ul, ol {
	padding-left: 20px;
}

.postmetadata {background-position: 0 bottom; background-repeat: no-repeat; padding-bottom: 7px; width: 580px; margin-bottom: 22px;}
.postmetadata-top {background-position: 0 0; background-repeat: no-repeat; padding-top: 9px;}
.postmetadata-inner {background-position: 0 0; background-repeat: repeat-y; height: 100%; padding: 10px 0;}
.postmetadata .left {width: 240px; padding-left: 17px; padding-right: 30px; line-height: 20px;}
.postmetadata h5 {font-size: 12px;}
.postmetadata a {font-style: italic;}

.about-author {background-position: 0 bottom; background-repeat: no-repeat; padding-bottom: 5px; width: 580px;}
.about-author-top {background-position: 0 0; background-repeat: no-repeat; padding-top: 6px;}
.about-author-inner {background-position: 0 0; background-repeat: repeat-x; padding-top: 10px; padding-bottom: 10px; min-height: 119px;}
.author-img {padding-left: 20px; width: 90px; float: left;}
.author-img img {border: 4px solid #fff;}
.author-details {width: 442px; float: left;}
.author-details p {padding-left: 15px; padding-bottom: 10px;}
.author-details-box {width: 406px; height: 64px; padding: 10px 10px 10px 25px;}
.author-details-box p {line-height: 18px; padding-left: 0; padding-bottom: 0;}

#commentcount {height: 43px; font-size: 14px; margin-bottom: 13px;}
#commentcount p {padding: 15px 0 0 20px;}
#commentcount p span {font-weight: bold; font-size: 16px;}

a.add-yours {width: 86px; height: 25px; display: block; font-size: 0; line-height: 0; text-indent: -9999px; margin-top: 9px; margin-right: 9px;}

ol.commentlist {list-style-type: none; }
ol.commentlist li.comment {padding-bottom: 15px;}
ol.commentlist ul {list-style-type: none;}
ol.commentlist ul li {padding-bottom: 0 !important;}

.comment {}
.comment-body {padding: 22px 21px 22px 21px; position: relative; height: 100%;}
.comment-body-inner {padding-left: 81px;}
.comment-author {position: absolute; top: 22px; left: 18px;}
.comment-author img {float: left;}
.comment-author p {float: left; padding-left: 22px;}
.comment-author p strong {font-size: 14px;}
.comment-text {padding-top: 20px; line-height: 18px; padding-bottom: 10px;}
.comment-text p {padding-bottom: 15px;}
p.comment-meta {font-size: 11px; float: left; padding-top: 10px;}
.reply {float: right; font-size: 11px; padding-bottom: 20px;}
.nopadding .reply {padding-bottom: 0;}
.reply a {width: 99px; height: 23px; display: block; padding-top: 7px; text-align: center;}

.add-comment {}
.add-comment h3 {font-size: 24px !important; line-height: 24px; padding-left: 15px; padding-top: 10px; }
.add-comment-cnt {padding: 20px 0 20px 20px;}
.add-comment .divider {border-bottom: 1px solid #eaf2f3; padding: 5px;}
.add-comment div.left {width: 198px;}
.add-comment input.textfield {width: 174px; padding: 4px 0; margin-right: 20px;}
.add-comment label {display: block; padding-bottom: 6px;}
.add-comment input.textfield, .add-comment textarea {margin-bottom: 15px;}
.add-comment textarea {width: 572px; height: 126px; overflow: auto;}
.add-comment p.legend {float: left; font-style: italic;}
.add-comment input.post-button {width: 100px; height: 46px; float: right; border: 0; margin-right: 25px; cursor: pointer;}

.fragment {
	display: inline;
    float: left;
    width: 580px;
    padding: 0px;
    padding-right: 70px;
    margin: 0px;
}
.topfive li {
    background-image: none !important;
}
.rating .rating-star {
	float: left;
	width: 22px;
	height: 20px;
	background: url(images/rating-on.png) no-repeat 0 0;
	
}
.rating .clickable {
	cursor: pointer;
}
