/*
Theme Name: Pastel
Theme URI: http://www.galacticast.com/
Description: Plain old pastel
Version: 1.0
Author: Rudy Jahchan
Author URI: http://www.coderonin.net/
*/

/* Main page properties */
body {
font-family: Verdana, Arial, Sans-Serif;;
color: #333333;
text-align: center;
font-size: 8pt;
line-height: 12pt;
}

/* container wraps around everything */
#container {
  margin: auto;
  width: 700px;
}

/* Header area */
#header {
width: 700px;
height: 59px;
border-bottom: 10px solid #000066;
margin-bottom: 4px;
clear: both;
}

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

/* The big ass hr on the top */
hr.header-divider {
	border: 5px solid #000066;
}

#pages {
	color: #333333;
	font-size: 10pt;
}

#pages a, #pages a:hover, #pages a:active, #pages a:visited {
	color: #008800;
	text-decoration: none;
	border: 0;
}

/* All content for all pages will be displayed here */
#content {
 margin: 8px 0px 0px 0px;
 padding: 0;
 display: block;
 clear: both;
}

#main {
	float: left;
	padding: 0;
	margin: 0px 0 0;
	width: 450px;
}

#sidebar {
	padding: 0;
	margin-left: 500px;
	width: 190px;
}

#map {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

#map a, #map a:hover, #map a:visited, #map a:active {
	text-decoration: none;
	border:0;
}

#flickrFeed {
	margin-top: 8px;
}

#flickrFeed a, #flickrFeed a:hover, #flickrFeed a:visited, #flickrFeed a:active {
	text-decoration: none;
	border:0;
}

#flickrFeed ul { margin: 2px 0px 0px 0px; padding: 0;}
#flickrFeed li {
	display: block;
	list-style-type: none;
	margin: 4px 0px 4px 0px;
	padding: 0;
}

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

/* How do links, visited and unvisited */
a:link, a:visited {
	color: #0066cc;
	font-weight: bold;
	border-bottom: none;
}

/* How do links look when the mouse floats over */
a:active, a:hover {
	border-bottom: solid #000066 2px;
}

a.hVlogTarget:hover, aa.hVlogTarget:active {
	border-bottom: 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: 59px;
  display: block;
	color: black;
}

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

/** Style for post title */
h1.title {
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  font-size: 10pt;
  margin: 0;
  padding: 0;
}

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

/* 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;
	color: black;
	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;
  border-bottom: 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: black;
  height: 50px;
}

/* A single post on the archive pages */
div.post-list {
  text-align: left;
  padding: 4px;
  margin: 4px;
  border-top: 1px solid #000066;
  clear: both;
}

div.post-list h1 {
	margin: 0;
	padding: 0;
}

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

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

div.post-list-info div {
	margin: 0;
	padding: 0;
}

div.post-list-info div p{
	margin: 0;
	padding: 0;
}

div.post-list-more {
	text-align: right;
}

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

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

#comments h1 {
	fomt-size: 14pt;
}

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

/* The header area of the comments page */
#comments-header {
  background-color: white;
  color: #ff6666;
  font-size: 24pt;
  line-height: 24pt;
}

/* 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: #ff6666;
	text-transform: uppercase;
}

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

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

div.post-navigation {
	margin: 0;
	padding: 0;
}

div.post-navigation a, 
div.post-navigation a:hover, 
div.post-navigation a:active, 
div.post-navigation a:visited {
	color: #008800;
	text-decoration: none;
	border: 0;
}

/* Creative Commons license link styles */
#license a:link, #license a:visited, #license a:active, #license a:hover {
        color: white;
	border: 0;
}

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