/*

Theme Name: Video Flick

Theme URI: http://www.press75.com/

Description: Please refer to the Video Flick Theme <a href="http://www.press75.com/documentation-support/video-flick-setup-usage/">Documentation</a> for general setup and usage instructions. If you can&#8217;t find the answers to your questions there, feel free to stop by the Press75.com <a href="http://press75.com/support/">Support Forums</a>.

Version: 2.4

Author: Jason Schuller

Author URI: http://www.press75.com/



This theme was designed and built by Jason Schuller,

whose portfolio you will find at www.theSevenFive.com



The CSS, XHTML and design are all Copyright 2009 Circa75 Media, LLC:

*/


/* JON'S STYLES FOR FULL WIDTH BARS TOP AND BOTTOM AND MORE */

#top_bar, #bottom_bar {
	height:5px;
	width:100%;
	background-color:#ffcc00;
}

#connect_with {
	background-color:#101010;
	margin-top:4px;
	margin-bottom:20px;
	padding:10px;
}

#connect_with h3{
	border-bottom: 1px solid #5A5A5A;
	line-height:25px;
	margin-top:-5px;
}

#connect_with img {
	margin-top:10px;
	margin-right:3px;
	margin-bottom:10px;
}

#connect_with div, #connect_with p {
	width:270px;
	margin-left:auto;
	margin-right:auto;
}

#connect_with img#in {
	margin-right:0px;
}

#connect_with #rss {
	margin-top:3px;
	margin-left:116px;
	margin-bottom:0px;
	position:relative;
	left:8px;
}

#connect_with p {
	font-size:9px;
	margin-bottom:0px;
	text-align:center;
}

#twitter-2 h3 {
	border-color:#ffcc00;
	margin-top:2px;
	background-image:url(http://dazpix.co.uk/wp-content/themes/videoflick/images/tweet.png);
	background-repeat:no-repeat;
	background-position: 240px 0px;
}

#twitter-2 span {
	line-height:18px;
}

#sidebar #twitter-2 li {
	margin-bottom:12px;
}

#twitter-2 .intent-meta a:link{
	color:#ffcc00;
	margin-right:5px;
}

#twitter-2 .entry-content {
	color:#C0C0C0;
}

#twitter-2 .entry-meta, #twitter-2 .entry-meta a:link {
	color:#666666;
}

/* end */
 
body {

margin: 0;

padding: 0;

width: auto;

height: auto;

font: 80%/1.5 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif;

line-height: 18px;

line-height: 1.2em;

color: #999999;

background: #231f20;

}



h1 {

font-family: 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 36px;

color: #C0C0C0;

margin: 35px 0 15px 0;

padding: 0;

}



h1 a:link, h1 a:active, h1 a:visited {

color: #ffcc00;

}



h1 a:hover {

color: #C0C0C0;

text-decoration: none;

border-bottom-width: 2px;

border-bottom-style: solid;

border-bottom-color: #ffcc00;

}



a:link, a:visited {

color: #C0C0C0;

text-decoration: none;

}



a:hover {

color: #ffcc00;

}



h2 {

font-size: 18px;

font-weight: normal;

padding: 0;

margin: 0 0 2px 0;

color: #C0C0C0;

font-family: 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif;

/*text-transform: uppercase;*/

}



h2 a:link, h2 a:active, h2 a:visited {

color: #C0C0C0;

}



h2 a:hover {

color: #C0C0C0;

	text-decoration: none;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #ffcc00;

}



h3 {

font-size: 12px;

padding: 0;

margin: 0;

font-family: 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif;

/*text-transform: uppercase;*/

font-weight: normal;

color: #C0C0C0;

line-height:1.6em;

}



h4 {

font-size: 12px;

padding: 0;

margin: 0;

font-family: 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif;

/*text-transform: uppercase;*/

font-weight: normal;

color: #C0C0C0;

}



img {

border: 0;

}



p {

margin: 0 0 10px 0;
line-height:1.6em;
color:#C0C0C0;

}





#wrapper {

width: 970px;

margin: 0px auto;

padding-left:10px;

overflow: hidden;

background-image:url(images/body_bg.png); 

background-repeat:no-repeat;

background-color: #231f20;

}



/** header styles **/

#current {

color: #000000;

	text-decoration: none;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #ffcc00;

}

.active_category{

	color: #000000;

	text-decoration: none;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #ffcc00;

	}

.current_page_item{

	color: #000000;

	text-decoration: none;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #ffcc00;

	}



#headwrap {

float: left;

width: 960px;

}



#tagline {

float: left;

width: 380px;

height: 26px;

/*text-transform: uppercase;*/

color: #C0C0C0;

font-family: 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

margin-top: 1px;

}



#tagline p {

margin: 6px 0 0 10px;

}

#menu_right {

float:left;

width:300px;

height: 26px;

/*text-transform: uppercase;*/

color: #C0C0C0;

font-family: 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

margin-top: 1px;

margin-bottom:10px;

}

#menu {

width:660px;

float:left;

height: 26px;

/*text-transform: uppercase;*/

color: #C0C0C0;

font-family: 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

margin-top: 1px;

margin-bottom:10px;

margin-left:0px;

}



#logo {

float: left;

width:970px;

padding:0px;

clear:both;

margin-top:15px;

margin-bottom:15px;

}



#textlogo {

float: left;

width:480px;

height: 118px;

}



#textlogo h1 {

font-size: 36px;

margin: 50px 0 0 0;

}



#logo img {

margin: 0px 0 0 50px;

}



#topad {

float: left;

width: 480px;

height: 118px;

text-align: right;

}



#topad img {

margin: 30px 0 0 0;

}



/** gallery styles **/

#contentwrap {

width: 960px;

float: left;

padding: 30px 0 0 0;

}



#maincontent {

width: 660px;

float: left;

}



#pagenavi {

width: 660px;

float: left;

margin: 0 0 20px 0;

font-family: 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif;

text-transform: uppercase;

font-size: 12px;

}



#pagenavi a:link, #pagenavi a:visited {

background: #101010;

padding: 7px;

display: block;

}



#pagenavi a:hover {

background: #2A2A2A;

}



#newer {

margin: 0 20px 0 0;

}



.galleryitem {

width: 200px;

height: 240px;

float: left;

margin: 0 20px 20px 0;

background: #101010;

font-size: 11px;

line-height: 1.2em;

}



.galleryitem h3 {

font-size: 12px;

padding: 5px 5px 0 5px;

margin: 0;

font-family: 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif;

/*text-transform: uppercase;*/

font-weight: normal;

color: #C0C0C0;

}



* + html .galleryitem h3 {

padding: 2px 5px 0 5px;

}



.galleryitem p {

margin: 0 5px 0 5px;
line-height:1.5em;

}



.commentsnumber {

background: url(images/comments-dark.jpg) top left no-repeat;

width: 25px;

height: 20px;

margin: 47px 5px 5px 0;

text-align: center;

float: right;

}



.commentsnumber a:link, .commentsnumber a:visited {

color: #101010;

}



.commentsnumber a:hover {

color: #757575;

}



/** single post styles **/

.video {



margin:0px;

padding:0px;

background: #101010;

}



.postcontent {

width: 624px;

float: left;

margin: 0 20px 0 0px;

padding: 8px 8px 0 8px;

background: #101010;

color: #C0C0C0;

}

.postcontent p a{

text-decoration:underline;

}

.blogpostcontent {

width: 614px;

float: left;

margin: 0 20px 0 5px;

padding: 8px 8px 0 8px;

background: #101010;

color: #C0C0C0;

border-top:1px solid #FFCC00;

border-bottom:1px solid #FFCC00;

border-right:1px solid #FFCC00;

border-left:5px solid #FFCC00;

}

.postcontent h2 {

font-size: 16px;

/*text-transform: uppercase;*/

font-family: 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif;

}



.postcontent ul {

list-style-type: none;

width:275px;

margin-left:0px;

padding-left:0px;

margin-top:0px;

margin-bottom:0px;

}



.postcontent li {

margin-bottom:5px;

}



.homelist li {

list-style-type: none;

width:275px;

margin-left:0px;

padding-left:0px;

margin-top:0px;

margin-bottom:5px;

}



#single {

margin: 0 0 25px 0;

}



.thumbnail {

float: right;

margin: 0 0 15px 15px;

}



.postdets {

font-size: 10px;

color: #999999;

margin: 5px 0 15px 0;

line-height: 1.1em;

}



.postdets a:link, .postdets a:visited {

color: #999999;

}



.postdets a:hover {

color: #C0C0C0;

	text-decoration: none;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #ffcc00;

}



/** page styles **/

#page {

margin: 0 0 20px 0;

}



/** sidebar styles **/

#sidebar {

margin-top:30px;

width: 300px;

float: left;

color: #999999;

font-size: 12px;

line-height: 1.2em;

}

#sidebar ul a{

text-decoration: underline;

}

#sidebar ul {

list-style-type: none;

width:275px;

margin-left:0px;

padding-left:0px;

margin-top:0px;

margin-bottom:0px;

}



#sidebar li {

margin-bottom:5px;

}

.widgetblock {

width: 284px;

float: left;

margin: 0 0 20px 0;

padding: 8px;

background: #101010;

}



.widgetblock h3 {

border-bottom: 1px solid #5A5A5A;

padding: 0 0 5px 0;

margin: 0 0 8px 0;

}



#searchwrap {

background: none;

margin: 0;

float: right;

background: url(images/search-dark.jpg) top left no-repeat;

width: 284px;

}



#searchwrap input{

vertical-align: middle;

background: none;

color: #000000;

font-family: 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif;

}



#s{

font-size: 14px;

border: none;

padding: 4px 4px;

margin-right: 3px;

width: 205px;

margin-left:30px;

}



/** sidebar ads **/

#sidebar .p75_sidebar_ads {

padding-top: 9px;

padding-left: 9px;

}



#sidebar .p75_sidebar_ads img.sidebar_ad {

width: 125px;

height: 125px;

float: left;

margin: 8px;

}



/** tag cloud **/

#tag_cloud {

margin: 20px 0 0 0;

float: left;

width: 100%;

}



#sidebar #tag_cloud a {

background: #1e1e1e;

float: left;

font-family: 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif;

/*text-transform: uppercase;*/

padding: 0.5em;

margin: 0 1px 1px 0;

}



#sidebar #tag_cloud a:hover {

background: #101010;

}



/** featured content **/

#sidebar .cat_posts ul {

list-style: none;

margin: 0;

padding: 0;

}



#sidebar .cat_posts ul li {

clear: both;

border-bottom: 1px solid #5a5a5a;

padding-bottom: 8px;

margin-bottom: 8px;

float: left;

width: 284px;

}



#sidebar .cat_posts ul li.last {

border: 0;

padding: 0;

margin: 0;

}



#sidebar .cat_posts ul li img.thumbnail {

float: left;

margin: 0 8px 0 0;

}



#sidebar .cat_posts ul li a.post_title {

font: 12px 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif;

/*text-transform: uppercase;*/

}



/** footer styles **/

#footer {

width: 960px;

float: left;

background: url(images/dash-dark.png) top left no-repeat;

margin: 10px 0 0 0;

padding: 30px 0 50px 0;

}



#footer a:link, #footer a:visited {

color: #999999;

}



#footer a:hover {

color: #CCCCCC;

text-decoration: underline;

}



#footer p {

font-size: 11px;

margin: 0;

color: #999999;

}



#footer h3 {

font-size: 12px;

color: #C0C0C0;

padding: 0;

margin: 0 0 4px 0;

}



* + html #footer {

margin: 30px 0 0 0;

}



/** menu styles **/

.sf-menu,.sf-menu * {

list-style: none;

margin: 0;

padding: 0;

text-transform: uppercase;

font-family: 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

text-align: left;

}



.sf-menu {

line-height: 1.0;

float: left;

}



.sf-menu ul {

position: absolute;

top: -999em;

width: 150px;

}



.sf-menu ul li {

width: 100%;

}



.sf-menu li:hover {

visibility: inherit;

border-bottom-width: 3px;

border-bottom-style: solid;

border-bottom-color: #ffcc00;



}



.sf-menu li {

float: left;

position: relative;

background: #101010;

}



.sf-menu a {

display: block;

position: relative;

border-left: 1px solid #1A1A1A;

text-decoration: none;

padding: 12px 28px 16px 28px;

}



* + html .sf-menu a {

padding: 7px 10px 7px 10px;

}



.sf-menu li:hover ul,.sf-menu li.sfHover ul {

left: 0;

top: 26px;

z-index: 99;

}



.sf-menu a,.sf-menu a:visited {

color: #C0C0C0;

}



.sf-menu li li {

background: #2A2A2A;

border-top: 1px solid #1A1A1A;

border-right: 1px solid #1A1A1A;

border-bottom: 1px solid #1A1A1A;

margin: 0 0 -1px 0;

}



.sf-menu li li li {

left: -270px;

top: -1px;

background: #2A2A2A;

border-top: 1px solid #1A1A1A;

border-right: 1px solid #1A1A1A;

border-bottom: 1px solid #1A1A1A;

margin: 0 0 -1px 0;

}



.sf-menu a.sf-with-ul {

min-width: 1px;

}



.sf-sub-indicator {

position: absolute;

display: block;

right: .75em;

top: 1.05em;

width: 10px;

height: 10px;

text-indent: -999em;

overflow: hidden;

}



ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {

top:-999em;

}



ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {

left:10em;

top:0;

}



.sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator {

background-position:-10px 0;

}



/** comment styles **/

#comments {

width: 624px;

color: #C0C0C0;

margin: 0 0 20px 0;

float: left;

}



* + html #comments {

margin: 0 0 -10px 0;

}



#reply_form {

background: #101010;

width: 624px;

margin: 20px 0 0 0;

padding: 8px;

float: left;

}



#comments h3 {

font-size: 16px;

font-weight: normal;

color: #181512;

margin: 5px 0 0 0;

padding: 0;

}



#comments p {

margin: 5px 0 5px 0;

}



.comment-author {

font-size: 14px;

font-weight: normal;

color: #999999;

}



.comment-meta {

font-size: 10px;

font-weight: normal;

margin: 0 0 10px 0;

}



.avatar {

float: right;

display: inline;

margin: 0 0 15px 15px;

}



#comment {

width: 510px;

font: 12px arial,helvetica,verdana,sans-serif;

}



h2.commh2 {

font-size: 1.4em !important;

padding: 0 0 5px;

color: #333 !important;

}



ol.commentlist {

margin: 0 0 20px 0;

padding: 0;

list-style: none;

font-size: 12px;

}



ol.commentlist p {

margin-bottom: 10px;

}



ol.commentlist a:link, ol.commentlist a:visited {

color: #fff;

}



ol.commentlist a:hover {

color: #FFcc00;

text-decoration: none;

}



ol.commentlist cite {

font-style: normal;

font-weight: bold;

margin: 0;

padding: 0;

}



ol.commentlist li.alt {

padding: 8px 8px 0 8px;

margin: 20px 0 0 0;

background: #101010;

color: #999999;

width: 624px;

float: left;

}



ol.commentlist li {

padding: 8px 8px 0 8px;

margin: 20px 0 0 0;

background: #101010;

color: #999999;

width: 624px;

float: left;

}



ol.commentlist li div.reply {

color: #C0C0C0;

font: 11px Georgia, "Times New Roman", Times, serif;

padding: 5px 10px;

text-align: center;

width: 36px;

background: #1E1E1E;

margin: 10px 0 10px 0;

cursor: pointer;

}



ol.commentlist li div.reply:hover {

background: #575757;

}



ol.commentlist li div.reply a {

color: #999999;

text-decoration: none;

/*text-transform: uppercase;*/

}



ol.commentlist li ul.children { 

list-style: none; 

margin: 0;

padding: 0;

text-indent: 0; 

}



ol.commentlist li ul.children li {

background: none;

margin: 10px 0 0 0;

padding: 10px 0 0px 0;

border-top: 1px solid #1F1F1F;

width: 624px;

float: left;

}



ol.commentlist li ul.children li.alt {

background: none;

margin: 10px 0 0 0;

padding: 10px 0 0px 0;

border-top: 1px solid #1F1F1F;

width: 624px;

float: left;

}



ol.commentlist li ul.children li.depth-2 { margin:0; }

ol.commentlist li ul.children li.depth-3 { margin:0; }

ol.commentlist li ul.children li.depth-4 { margin:0; }

ol.commentlist li ul.children li.depth-5 { margin:0; }



input#submit {

cursor: pointer;

background: url(images/submit-dark.jpg) 0 0;

border: none;

width: 120px;

height: 30px;

padding: 0;

margin: 0 0 -20px 0;

}



* + html input#submit {

margin: 0 0 10px 0;

}



input#submit:hover {

background: url(images/submit-dark.jpg) 0 -30px;

}





#comment {

background: url(images/area-dark.jpg) top left no-repeat;

border: none;

width: 614px;

height: 208px;

padding: 5px;

}



#author {

background: url(images/fields-name-dark.jpg) top left no-repeat;

border: none;

width: 154px;

height: 20px;

padding: 5px 125px 5px 30px;

}



#email {

background: url(images/fields-email-dark.jpg) top left no-repeat;

border: none;

width: 154px;

height: 20px;

padding: 5px 125px 5px 30px;

}



#url {

background: url(images/fields-web-dark.jpg) top left no-repeat;

border: none;

width: 154px;

height: 20px;

padding: 5px 125px 5px 30px;

}



#respond {

padding: 0 15px 10px 0;

}



.fieldset {

list-style: none;

margin: 0;

padding: 0;

}



.fieldset li {

margin: 0 0 10px 0;

padding: 0;

}



/** wordpress specific styles **/

.wp-caption img {

margin-bottom: 5px;

padding:5px;

background-color:#C0C0C0;

}



.wp-caption-text {

color:#C0C0C0;

text-align:center;

padding-top: 5px;

padding-bottom: 5px;

width: auto;

font-weight: bold;

/*text-transform: uppercase;*/

}



code {

font: 1.1em 'Courier New', Courier, Fixed;

}



img.centered {

display: block;

margin-left: auto;

margin-right: auto;

}



img.alignright {

padding: 5px;

margin: 0 0 2px 10px;

display: inline;

}



img.alignleft {

padding: 5px;

margin: 0 10px 2px 0;

display: inline;

}



.alignright {

float: right;

margin-left: 15px;

}



.alignleft {

float: left;

margin-right: 15px;

}



#wp-calendar {

empty-cells: show;

margin: 10px auto 0;

width: 155px;

}



#wp-calendar #next a {

padding-right: 10px;

text-align: right;

}



#wp-calendar #prev a {

padding-left: 10px;

text-align: left;

}



#wp-calendar a {

display: block;

}



#wp-calendar caption {

text-align: center;

width: 100%;

}



#wp-calendar td {

padding: 3px 0;

text-align: center;

}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

background-color: #fff; }



acronym, abbr, span.caps {

cursor: help;

}



acronym, abbr {

border-bottom: 1px dashed #999;

}



blockquote {

margin: 15px 30px 0 10px;

padding-left: 20px;

border-left: 5px solid #ddd;

}



blockquote cite {

margin: 5px 0 0;

display: block;

}



.center {

text-align: center;

}



.hidden {

display: none;

}



hr {

display: none;

}



a img {

border: none;

}



.aligncenter,

div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}



.wp-caption {

text-align: center;

background-color: #FFF;

padding: 10px 5px 0 5px;

margin-bottom: 5px;

}



.wp-caption img {

margin: 0;

padding: 0;

border: 0 none;

}



.wp-caption p.wp-caption-text {

font-size: 11px;

line-height: 17px;

padding: 4px 4px 5px;

margin: 0;

background: none;

color: #333;

}



/* Marc added CSS */



.post_image_gallery {

float:right;

width:210px;

}



/* featured content carousel */

.wrap {

position: relative;

margin: 0 auto;

}



.contain:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .contain { height: 1%; } /* IE6 */

*:first-child+html .contain { min-height: 1px; } /* IE7 */



#featured {

width: 640px;

float: left;

margin: 0px 0 10px 0;

}



#featured .wrap {

padding: 10px 0 10px 0;

}



#featured h2 {

position: absolute;

z-index: 10000;

top: 50px;

float: left;

}



#slides {

width: 640px;

height: 240px;

position: relative;

top: 0px;

overflow: hidden;

z-index: 5;

margin: 0 auto;

padding: 0;

}



#slides img {

margin: 0 7px 0 0;

padding: 0;

border: 0;

}



#slide-box {

/* width: 7020px; */

height: 240px;

position: absolute;

overflow: visible !important;

}



#slide-box div {

float: left;

position: relative;

width: 660px;

height: 240px;

display: block !important;

}



#slides-prev {

display: block;

width: 50px;

height: 260px;

position: absolute;

top: 0;

z-index: 10;

}



#slides-prev a {

display: block;

width: 30px;

height: 260px;

text-indent: -9999px;

background: url(images/slide-nav.png) no-repeat 0 0;

}



#slides-prev a:hover { background-position: 0 100%; }



#slides-next {

display: block;

width: 50px;

height: 260px;

position: absolute;

top: 0;

right: 0px;

z-index: 10;

}



#slides-next a {

display: block;

position: relative;

width: 30px;

margin-left:20px;

height: 260px;

text-indent: -9999px;

background: url(images/slide-nav.png) no-repeat 100% 0;

}



#slides-next a:hover { background-position: 100% 100%; }



/** tooltip styles **/

#tooltip {

position: absolute;

background: url(images/tooltip-bg.png) repeat;

border: 1px solid #454545;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

padding: 10px;

color: #C0C0C0;

width: 225px;

display: none;

z-index: 100000;

}

#srcldn_slider_container{

float:left;	

}



.postdate {

background: url(images/date_bg.jpg) no-repeat;

float:left; 

width:45px; 

text-align:center; 

margin-left:10px;

height:48px;

}

.addthis_container {

float:left;

clear:both;

margin: 10px 0 10px 0;

}