/*
	This is an example of a 'style' that you can use to
	customize your them without having to mess with the core 
	CSS files. The rules in this style sheet override those 
	in the main theme CSS file.
	
	The idea is that in order to create a new style, you can 
	modify these rules which will override the ones in the default 
	style sheet (wp-content/themes/spacey/style.css). The rules included
	here are only a subset of the ones in the main style sheet.
	If there are other rules you'd like to modify, just copy
	them over here and change them.	
	
	These secondary CSS files are kept in the 'styles' directory 
	and show up as a choice in the Style drop down menu on the 
	Theme Options page in the 'Design' section 
	of your WordPress administration.
	
	This also makes it easier to upgrade to a new version
	in the future as well as debug any problems that might occur.
	
	You can delete this comment 
*/
	
/*	
	Author Name	:Rosa Linda Román
	Author Site	:New Mexicast
	Style Name	:RLRstyle
	Style URI	:http://showinabox.tv
	Version		:1.0
	Comments	:Change this stuff
*/

img {
	border:white 1px solid; /* white border around images */
	}

body { /* Basic defaults and the area outside the design */
	font: 62.5% Arial, Sans-Serif; /* Base font size and typeface */ /* Resets 1em to 10px */ 
	background: #959595 url('../../images/bkd.gif') repeat-x; /* Gradient background on the outside of the design */
	text-align: center;
	color:#666;
	}
	
#page { /* This wraps the whole design */
	background: white; /* Inside background color */
	text-align: left;
	margin: 0 auto; /* Centers the whole design */
	padding: 0 0 10px;
	position: relative;
	border: 3px solid #000; /* Black border around the design */
	border-top: none;
	clear: both;
	}
	
#header { /* Contains the H1 and menu - USE THE ADMIN INTERFACE TO SET A HEADER IMAGE */
	padding: 0;
	margin: 0;
	position: relative;
	height: 100px; /* sets the height of the header */
	background: url('images/headers/defaultheader.gif'); /* sets the default header background image */
	}
	
#nosidebars { /* centers the primary div in the default page template which has no sidebars because the seemed weird there. If you want a page with sidebars, use the Page Template called "page w/sidebars" */
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	}
	
/*- Main Menu in Header-------------------------------- */
ul.menu { /* postion of the whole menu */
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 90%;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

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

ul.menu li a {
	font-size: 1em;
	color: white; /* Menu link color */
	margin: 0;
	}
	
ul.menu li a:visited {
	color: white; /* Menu visited link color */
	}

ul.menu li a:hover {
	background: #000;
	color: #0066CC !important; /* Menu button text color on hover */
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #000 !important; /* Current page button text color */
	background-color: white;
	background-image: url('images/tabbkg.gif'); /* tiny faded top to the button - makes it look indented */
	background-repeat: repeat-x;
	text-decoration: none;
	}
/*- Main Menu End------------------------------------ */

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

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

a {
	color: #0066CC; /* Links */
	text-decoration: none;
	}
	
a:visited {
	color: #0066CC; /* Visited Links */
	text-decoration: none;
	}

.entry-content a:visited { /* Visited Links */
	color: #0066CC;
	}
/*- Links end----------------------------------------- */

/*- Headings---------------------------------------- */
h1, h2, h3, h4 {
	font-family: "Bradley Hand ITC", "Comic Sans MS", Sans-Serif;
	}

h1 { /* H1 is the title in the header */
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 15px 40px 0;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;  /* Link properties for title and description in the header */
	color: white;
	}

h1 a:hover {
	text-decoration: none; /* Text decoration on header title link */
	}

#header .description { /* Description in header */
	font-size: 1em;
	margin: 0 40px;
	}

h2 { 
	text-align: center;
	font-size: 2.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}

div.page-head h2 { /* This H2 is what kind of page you are on. Eg. 'Monthly Archive' */ 
	margin-left: -9999px; /* this moves the title off the page so you don't see it but search engines will - remove this rule to display it */
	height: 0; /* this shrinks the vertical space of the title - remove this rule to display it*/
}

.page-head {
	/* margin: 20px 0; */ /* Since we're not displaying the page heading we're removing this - uncomment to display it */
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 1.5em !important;
	font-weight: normal !important;
	padding: 0 !important;
	display: inline;
	}
	
.secondary h4 { /* Widget Titles */
	font-size: 1.5em !important;
	font-weight: bold !important;
	padding: 0 !important;
	display: inline;
	}

#primary h3, #primary h4, .single #primary .k2-asides h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #666; /* All headings color except for the main h1 */
	}

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

.entry-meta { /* Time and category for blog entries */
	font-size: 1em;
	line-height: 1.6em;
	display: block;
	margin-top: 1px;
	color: #bbb;
	}

.entry-category {
	text-transform: lowercase; /* Category name next to post title */
	margin-right: 10px;
	}

.entry-meta a, .comment-meta a { /* Meta link color */
	color: #777;
	}

/*
.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('images/time.png') left center no-repeat; /* clock icon - uncomment this section to display */
	}
*/

/*
.commentslink {
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat; /* comment icon - uncomment this section to display */
	margin-right: 10px;
	}
*/

/*
.quoter_comment {
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat; /* comment icon - uncomment this section to display */
	margin-left: 5px;
	}
*/

/*
.entry-tags {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/tag_blue.png') left center no-repeat; /* tag icon - uncomment this section to display */
	}
*/

.entry-tags a {
	text-transform: lowercase;
	}
/*- Headings End---------------------------------------- */

/*- Footer---------------------------------------------- */
#footer { /* Footer and text */
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	color: #000;
	}

#footer a { /* Footer Link */
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}

#footer a:hover { /* Footer link hover */
	border: none;
	text-decoration: underline;
	color: #000;
	}
/*- Footer End------------------------------------------- */

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

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

.hVlog {
	font-size: 1.3em; /* adjusts text size for video format links */
	}

.entry-content .hVlog div { /* Removes top and bottom whitespace around close button */
	margin: 0;
}

/* Inside the Spacey folder is a vPIPButtons folder. Replace the close_grey.gif and close_hover.gif images in the vPIP plugin folder with these
new images. */

ul.vpip-formatslist {
	list-style-type: none; /* removes bullets from the list of video formats */
	display: inline !important; /* makes the list itself an inline element instead of a block element so the share button can be next to it */
	padding: 0;
	}
	
ul.vpip-formatslist li.vpip-formatslistitem {
	display: inline; /* puts list items on one line instead of each on its own line */
	line-height: 1.1em;
	}
	
ul.vpip-formatslist li.vpip-formatslistitem a {
	border-right: 1px solid #8b8084; /* puts a "pipe" to the right of each list item */
	padding: 0 10px; /* gives each list item a little whitespace on the left and right */
	}
	
.EmbedCodeShareBtn {
	display: inline !important; /* brings share button text up onto same line as video format links */
	padding-left: 10px; /* separates share button from video format links */
	}

	
/*.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 #000; /* border width and color around embed code "box" */
	margin-top: 3px;
	padding: 0;
	background: #959595 none repeat scroll 0%; /* background color for embed code "box" */
	font-size: 1.2em; /* 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, .EmbedCodeArea a:hover { 
	/* color: #201a1d; */  /* 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;
	}

/* End of vPIP styling ------------------------------------------------------- */

/* Styling for the Visual Archive page template (requires the Video Press Video Archive Plugin) */
.entry-summary {
	line-height: normal;
}

.entry-title {
	font-size: 2.1em;
}

.entry-title a, .entry-title a:visited {
	color:#666;
}
/* End of Visual Archive Page */