/*
Theme Name: Vlogsplosion
Theme URI: http://www.freevlog.org/index.php/vlogsplosion-wordpress-theme/
Description: A Video-centric theme with multiple video format feed support. Based on the <a href="http://www.galacticast.com/2006/07/23/galacticast-secrets-multiple-video-formats-support-in-wordpress/">UFO 'Splode Theme</a> by Rudy Jahchan. Includes javascript from <a href="http://utilities.cinegage.com/videos-playing-in-place/">vPIP by Enric Teller</a> and a <a href="http://www.jeroenwijering.com/?item=Flash_Video_Player">Flash Video player by Jeroen Wijering</a>. Installation & use instructions <a href="http://www.freevlog.org/index.php/vlogsplosion-wordpress-theme/">here</a>.
Version: 1.0
Author: Michael Verdi
Author URI: http://www.freevlog.org/
*/

/* Main page properties */
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	font-size:14px;
	line-height: normal;
	background-color:#e5fcd9;
}

/* container wraps around everything */
#container {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
  background-color:#ffffff
}

/* Header area */
#header {
width: 700px;
height: 140px;
}

/* Just the image area */
#header-img {
text-align: left;
}

/* All content for all pages will be displayed here */
#content {
 padding-left: 20px;
 padding-right: 20px;
}

/* How do links look */
a {
	color: #006600;
}

/* How do links look when the mouse floats over */
a:hover {
        text-decoration: none;
}

/* Blockquotes can also be stylized */
blockquote {
  margin-left: 6px;
  border-left: solid black 4px;
  padding-left: 6px;
}

/* The anchors for the header image must be changed to support the entire top */
#header #header-img a:link, #header #header-img a:visited, #header #header-img a:active, #header #header-img a:hover {
	border: 0;
  height: 64px;
  display: block;
	color: black;
}

/* Remove the image border so anchors don't look weird */
img {
  border: 0;
}

/** Style for post title */
h1.title {
	margin: 0 0 16 0;
	text-align: left;
	font-size: 18px;
	color: #000000;
}

/** A different title for pages (just bigger font) */
h1.page-title{
 margin: 0 0 16 0;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  font-size: 18px;
  color:#000000
}

/* The next and prev links in the title header */
.title-nav a:link, .title-nav a:visited, .title-nav a:active, .title-nav a:hover {
	border: 0;
}

/* Make sure those next and prev links are aligned in the middle of the text */
h1.title img {
	vertical-align: middle;
}

/* The area where the links in the footer are displayed */
#links {
  padding: 4px;
}

/* The style of the footer links */ 
#footer a {
	border: 0;
	text-transform: none;
        color:#ffffff;
}

#footer a:hover {
     text-decoration:none;
}

/* The navigation area that displays the previous episodes */
#navigation {
  color: black;
  clear: both;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-top: 1px solid #CCCCCC;
}

/* The style of links in the navigation area */
#navigation a:link, #navigation a:visited, #navigation a:active, #navigation a:hover {
	border: 0;
	color: black;
}

/** The footer area */
#footer {
color:#CCCCCC;
  height: 50px;
  padding-top:10px;
  background-image:url(images/rs_footer.gif);
  background-color:#898989;
}

/* A single post on the archive pages */
.post-list {
  text-align: left;
  padding: 8px;
  clear: both;
}

/* The thumbnail of a post on the archive page */
.post-list-video {
  text-align: left;
  clear: none;
  float: left;
}

/* The information of a post on the archive page */
.post-list-info {
  text-align: left;
}

/* Search form */
#searchArea {
  margin: 0;
  padding: 0;
}

/* Meta data posted at the bottom of a post */
#post-meta {
  padding: 8px;
}

/* Style of horizontal lines */
hr{
  border-top: 1px solid #CCCCCC;
}

/* Comments page style */
#comments {
	background: white;
  text-align: left;
}

/* Where comments are displayed */
#commentsBody {
}

/* The header area of the comments page */
#comments-header {
  padding: 4px;
  background-color: white;
}

/* Style of the links in the header area */
#comments-header a:link, #comments-header a:visited, #comments-header a:active, #comments-header a:hover {
	border: 0;
	color: black;
	text-transform: none;
}

/* title of posts on the archive page */
.post-title {
  font-weight: bold;
  font-size: 18px;
}

/* The text area of a single post */
.post-text {
text-align: left;
font-size:10px;
}

/* Text on pages */

.page-text {
text-align: left;
font-size:14px;
}

/* Styles for socialable plugin, so its all in line */
.sociable {
	display: inline;
	margin: 0px;
}

.sociable .sociable_tagline {
	display: none;
}

.sociable ul { display: inline; margin: 0; padding: 0;}
.sociable li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sociable img { border: 0; }

#credits {
 	font-size:10px;
}