/*
	CSS files kept in the 'K2/styles/' directory can be used 
	to customize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 version as well as debug any problems
	that might occur.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name	: Cheryl Colan
	Author Site	: http://hummingcrow.com
	Style Name	: Ryan Is Hungry 2.0 (based on Michael Verdi's Vlogsplosion 1.0)
	Style URI	: http://showinabox.tv
	Comments	: License: Creative Commons - AttributionNonCommercial
*/

/*
Header Text Color: white
Header Width: 990px
Header Height: 125px
*/
 
/* Basic defaults and the area outside the design ----------------------------- */
body {
	font: 72% 'Trebuchet MS', Verdana, Helvetica, Arial, Sans-Serif; 
	background-color: #660000;
	background-image: url(bkg.gif); 
	background-repeat: repeat-x; 
}

/* The entire design area ----------------------------------------------------- */
#page {
	text-align: left;
	margin: 0 auto;
	padding:  0;
	position: relative;
	border: 3px solid #000;
	border-top: none;
	clear: both;
	background-color: white;
	/* background-image: url(INSERT URL AND UNCOMMENT); */
	}

/* This version of Vlogsplosion was designed for two sidbars  ------------- */
.sidebar-dual #page {
	width: 990px;
	}	
	
/* Contains the H1 and menu - USE THE ADMIN INTERFACE TO SET A HEADER IMAGE--- */
/* actually for the 2col header with width 990 you can't use the admin interface
because it crops the header to 950 width, so you will need to manually set this */	
#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 125px;
	background: black url(header-2col.jpg) no-repeat; 
	/* ftp your 990x100px header file into /wp-content/themes/k2/styles/vlogsplosion/ 
	and replace 'header-2col.jpg' with the filename of your header image in the 
	background style above */
	}
.content {
    margin-top: 42px;
	padding: 0;
	background: url("contentbkg.jpg") repeat-y;
	}
	
.content_nosidebars {
    margin-top: 50px;
	padding: 0;
	}

/* Contains the main column --------------------------------------------------- */	
#primary {
	position: relative;
	float: left;
	width: 600px;
	/* background-image: url(INSERT URL AND UNCOMMENT); */
	}
	
	#primary_nosidebars {
	position: relative;
	float: left;
	width: 900px;
	background: white
	/* background-image: url(INSERT URL AND UNCOMMENT); */
	}
	
* html #primary {
	display: inline;
	}

/* Sidebars ------------------------------------------------------------------- */
.sidebar-dual #primary {
	margin-left: 10px; 
	padding: 0px; 
	}

#sidebar-main {
	float: left;
	padidng: 10px;
	width: 175px; /* style.css=200px */
	}

#sidebar-alt {
	float: left;
	left: 0px;
	margin-left: -10px;
	width: 150px;
	}


/* Headings ---------------------------------------------*/

h1, h2, h3, h4, h5, h2-nosidebars {
	font-family: 'Arial Black', Arial, Helvetica, sans-serif;
	}

/* UNCOMMENT THE FOLLOWING TO HIDE THE HEADER TITLE AND DESCRIPTION (options function seems to be broken) */	

#header h1, #header .description {
	text-indent: -9999px;
	}

/* H1 is the title in the header */
h1 { 
	font-size: 3em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	}
/* H5 is the title in the Hire Us page */
h5 { 
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
	color: black;
	margin: 0px 0px 0px 100px;
	}
	/* H2-nosidebars is the title on the No Sidebars Template */
h2-nosidebars {
font-size:2.5em;
color: black;
font-weight:bold;
letter-spacing:-1px;
text-align:left;
margin: 0px 0px 0px 100px;
}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: white;
	}

h1 a:hover {
	text-decoration: none;
	}
	
#header h1 a {
	display: block;
	height: 125px;
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
.page-head {
	padding: 0;
	}
	
body.archive .page-head h2 {
	display: none;
	}
	
body.search .page-head h2 {
	font-size: 1.5em;
	letter-spacing: normal;
	}
	
#header .description { /* Description in header */
	font-size: 1em;
	margin: 0;
	}

#primary .k2-asides h3 { /* post titles */
    font-size: 2em;
	font-weight: normal;
	}

#primary h3, #primary h4, .single #primary .k2-asides h3 { /* post titles on single-post pages */
    font-size: 2em;
	font-weight: normal;
    }

#current-content {
    margin-right: 20px;
	}
	
.secondary h2 { /* corrects letter spacing of the headings in the sidebars */
     letter-spacing: normal !important;
	 }

.secondary {
	font-size: 1.2em;
	}
	 
h3.entry-title { /* corrects letter spacing of post titles */
     letter-spacing: normal !important;
	 }

h6 {font-size: 1em; line-height: 1.2em; margin-top: 5px; margin-bottom: 2px; text-align: left;}
/* the above h6 style handles the "Related Videos" titles above the thumbnails */
	
h2, h2 a, h2 a:visited, h2-nosidebars a, h2-nosidebars a:visited
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: black;
	}
	
h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}

acronym {
	border-bottom: none;
	cursor: help;
}

/* Links --------------------------------------------------------------------- */

#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	color: #3366ff !important;
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #3366ff !important;
	text-decoration: none;
	}

a {
	color: #0066CC;
	text-decoration: none;
	}

.entry-content a:visited {
	color: #0066cc;
	}
	
.widgettitle a.rsswidget img {
	display: none;
	}
	
/*- Main Menu in Header ----------------------------------------------------- */
/* FYI this menu will contain all pages - to add other items, add a line to the list in header.php */
ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 100%;
	color: white;
	background: #000000 url(http://sandbox.ryanishungry.com/wordpress/wp-content/themes/k2/styles/vlogsplosion/menubkg.jpg) repeat-x scroll;
	height: 42px;
	top: 125px;
	right: 0px;
	}

ul.menu li {
	display: inline;
	margin: 0;
	font-family: 'Arial Black', Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 40px;
/*	border-right:1px solid #FFFFFF; */
	}
	
ul.menu li.last-item {
    border-right: none;
	}

ul.menu li a {
	padding: 8px 15px 6px;
	}

ul.menu li a {
	font-size: 1.25em;
	color: #5BC9F3;
	margin: 0;
	}

ul.menu li a:hover {
	background: transparent;
	color: #fff !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #fff !important;
	background-color: transparent;
	text-decoration: none;
	}

.admintab {
	position: absolute;
	right: 0px;
	}

* html .admintab { padding: 5px 15px 6px }	/* IE hack */

/* entry post title (so i could move this around)------------------- */
.entry-head {
     margin: 10px 20px;
	font-size: 1.25em;
}

/* entry img border (The black line around the video image)------------------- */
.entry-content img {
	margin: 0 5px;
	padding: 0px;
	border: 1px solid #000;
	max-width: 100%;
	}

/* subscription reminder before comments------------------- */
.reminder {
background: url('http://ryanishungry.com/wp-content/themes/k2/images/feed.png') left center no-repeat;
margin-left: 10px;
margin-bottom: 20px;
padding: 2px 10px 2px 20px;
font-size:100%;
line-height: 1.8em
}
	
/* over-ride display of clock icon in individual entry post metadata */
.chronodata {
    background: none;
    padding: 2px 0;
    }
	
/* make font larger on comments link */
.commentslink {
    font-size: 1.2em;
	}

/* add margin to .entry-content so that the paragraphs come under the video better, more white space on the sides */

.entry-content-nosidebars p{
    margin: 5px 0px 15px 100px;
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: justify;
    }
    
ul.nosidebarsul {
    margin: 0px 0px 0px 100px;
    }
li.nosidebarsli {
    margin: 0px 0px 0px 120px;
    font-size: 1.2em;
	line-height: 1.8em;
	text-align: justify;
    }
    
.entry-content p, .entry-content blockquote {
    margin: 5px 20px 15px 20px;
    }

.k2-asides .entry-content p, .k2-asides .entry-content ul, .k2-asides .entry-content ol, .k2-asides .entry-content div, .k2-asides .entry-content blockquote {
     margin: 5px 20px 15px 20px;
     }
	 
.single .k2-asides .entry-content p, .single .k2-asides .entry-content ul, .single .k2-asides .entry-content ol, .single .k2-asides .entry-content div, .single .k2-asides .entry-content blockquote {
    margin: 5px 20px 15px 20px;
	color: #444444;
	font-size: .8em;
	line-height: 1.8em;
	text-align: justify;
	}	 
	


/* Footer ------------------------------------------------------------------- */
#footer {
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	color: #666;
	}
	
#footer p {
     line-height: 15px;
	 }

#footer a {
	color: #999;
	border-bottom: none;
	font-weight: normal;
	}

#footer a:hover {
	border: none;
	text-decoration: none;
	color: #0066CC;
	}
	
#footer p a img {
	display: inline;
	vertical-align: middle;
	 }

/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */

/* Adds feed icons to the "Subscribe" feed links ---------- */
	 
#subscribe-feeds  ul { 
    list-style-type: none;
	padding: 0;
	margin: 0;
	}

#subscribe-feeds li {
	 background-image: url('../../images/feed.png'); 
	 background-repeat: no-repeat;
	 /*background-position: 0 50%;*/ /*add this line back in if you significantly change font size or line height */
	 padding-left: 20px;
	 font-size: 1em;
	 }
	 
#subscribe-feeds li.twitter {
	 background-image: url('http://sandbox.ryanishungry.com/wordpress/wp-content/themes/k2/styles/vlogsplosion/twitter-t.png');
	 }
	 
#subscribe-feeds li.more-subscribe-options {
     background-image: url('../../images/bullet_go.png');
	 }

/* corrects positioning for the recent-videos div when using the plugin manually, horizontal */	 
#page .recent table {
     padding-left: 4px;
	 }

#page .recent h3 {
     font-size: 2em;
	 font-weight: normal;
	 text-align:left;
	 padding-top: 10px;
	 padding-left: 14px;
	 }

.recent { /* adds the "shadow" to the bottom of the sidebar */
     background: url(bottom.jpg) repeat-x;
	 }
	
/* increases whitespace between each list item <li> in Get Recent Comments widget, adds bullets */
#get_recent_comments_wrap ul { 
    list-style-type: none;
	padding: 0;
	margin: 0;
	}

#get_recent_comments_wrap li {
	 background-image: url('../../images/bullet_blue.png'); 
	 background-repeat: no-repeat;
	 /*background-position: 0 50%;*/ /*add this line back in if you significantly change font size or line height */
	 padding-left: 15px;
	 padding-bottom: 5px;
	 font-size: .8em;
	 }
	 
#twitter-tools li {
background-image:url(../../images/bullet_blue.png);
background-repeat:no-repeat;
font-size:.8em;
padding-bottom:5px;
padding-left:15px;
}
	 
#twitter-1 li {
background-image:url(../../images/bullet_blue.png);
background-repeat:no-repeat;
font-size:.8em;
padding-bottom:5px;
padding-left:15px;
}

/* increases whitespace between each list item <li> in Recent Posts widget, adds bullets */
#recent-posts li {
	 background-image: url('../../images/bullet_blue.png'); 
	 background-repeat: no-repeat;
	 /*background-position: 0 50%;*/ /*add this line back in if you significantly change font size or line height */
	 padding-left: 15px;
	 padding-bottom: 5px;
	 font-size: 1em;
	 }

/* add border to Recent Videos thumbs */
.videopress-recent-videos\:thumbnail {
    border: 1px solid #000000 !important;
	}
	
/* add border to Related Videos thumbs */
.videopress-related-videos\:thumbnail {
    border: 1px solid #000000 !important;
	}
	
/* add border to Video Archive thumbs */
.videopress-video-archive\:thumbnail {
    border: 1px solid #000000 !important;
	}
	
/* keeps the titles & excerpts on the Video Archive page from bumping into the sidebar,
and corrects the H2 font size to match rest of blog */
.videopress-video-archive\:table h2.entry-title {
	padding-right:10px !important;
	font: bold 2em Arial, Helvetica, sans-serif;
	}
	
.videopress-video-archive\:table .entry-summary {
    padding-right:10px !important;
	line-height: 1.2em; /* this adds a wee bit of line height for legibility */
	font-size: 1.2em;
	}

/* vPIP styling for whole hVlog DIV including "Share" Embed Code  --------------------------- */
/* Note: you must turn off embed code styling in vPIP Config and on individual posts for these styles to work */

.hVlog {
	font-size: 12px; /* adjusts text size for video format links */
	text-align: center; /* centers video, vpip links & embed code */
	}

ul.vpip-formatslist { /* adjusts left padding on video formats list inherited from another stylesheet */
     padding: 0;
     display: inline; /* this rule is necessary to get the "share" button alongside the video links */
     }
	
ul.vpip-formatslist li.vpip-formatslistitem { /* for video format links, makes list display on one line, removes bullet */
    display: inline;
    list-style-type: none;
    border-right: solid 1px #000000;
    padding: 0 6px;
    }

a.vpip-vs-mediatitle {
	color: #000000; /* if you want a color for the video format links that's different from regular links */
	}
	
.EmbedCodeShareBtn {
	display: inline !important; /* brings share button text up onto same line as video format links */
	padding-left: 20px; /* separates share button from video format links */
	background-image: url('http://sandbox.ryanishungry.com/wordpress/wp-content/themes/k2/styles/vlogsplosion/share-icon-12x12.gif'); /* adds share icon */
	background-repeat: no-repeat;
	background-position: 4px;
	}

	
.EmbedCodeShareBtn a, .EmbedCodeShareBtn a:visited {
	color: #000000; /* if you want a color for the share link that's different from regular links */
	}
	
.EmbedCodeArea {
	border: 1px solid #c6eefa; /* border width and color around embed code "box" */
	margin-top: 3px;
	padding: 0;
	background: #e1f3ff none repeat scroll 0%; /* background color for embed code "box" */
	font-size: 12px; /* text size for embed code box */
	display: block; /* keeps embed code in its own block right under the video links and share link */
	}
	
.EmbedCodeArea a, .EmbedCodeArea a:visited { 
	color: #000000; /* if you want a color for the embed area links that's different from regular links */
	}
	
table.EmbedCodeTable {
	width: 96%;
	margin-left: 2%;
	}

.EmbedCodeBy {
	margin: 0pt;
	font-size: 12px; /* text size for vPIP credit on embed code box /*
	text-align: left; /* text alignment for vPIP credit on embed code box */ 
	}
	

.EmbedCodeCloseBtn {
	margin: 0;
	font-size: 12px; /* text size for embed code close link */
	text-align: right; /* text alignment for close button on embed code box */
	}
	
.EmbedCodeTextarea {
	padding: 0;
	font-size: 12px; /* text size for the copy/paste embed code */
	margin-bottom: 5px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	margin-left: 0;
	}