/*
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:#FFBE45;
}

/* container wraps around everything */
#container {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
border: solid black 2px;
  background-color:#ffffff
}

/* Header area */
#header {
/*background: url('/wp-content/rand_headerimg/');*/
width: 640px;
height: 125px;
border-bottom: solid black 2px;
text-align: left;
}

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

/* How do links look */
a {
	text-decoration: none;
}

/* How do links, visited and unvisited */
a:link, a:visited {
	color: #700D06;
	font-weight: bold;
}

/* How do links look when the mouse floats over */
a:active, a:hover {
	font-weight: bold;
	color: #BC170A;
}

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

#header #header-img a img { visibility:hidden; }


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

/** Style for post title */
h1.title {
	margin: 0 0 16 0;
	font-weight: bold;
	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 themselves */ 
#links a:link, #links a:visited, #links a:active, #links a:hover {
	border: 0;
	text-transform: 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:#000000;
  height: 50px;
  padding-top:10px;
  background-image:url();
  background-repeat:no-repeat;
  background-color:#FFCC66;
border-top: solid black 2px;
}

/* 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 #000000;
}

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

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