/*
Theme Name: Random Opinions
Theme URI: http://opinion.silverelk.net/
Description: The Silverelk Random Opinions theme.
Version: 1.0
Author: Brad Spear
*/
/*************************************************************************
/*
/* RANDOM OPINIONS THEME
/*
/* Each page is divided vertically into three primary divisions, each of
/* which takes 100% of the width: header, main, footer.  The main division
/* also contains two subdivisions, which load to the left (content) and
/* right (sidebar).
/*
/************************************************************************/

html
{
	margin-left: auto;
	margin-right: auto;
	background-color: #555;
}

body
{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	font-family: Verdana, sans-serif;
	font-size: 14px;
}

p
{
	padding-top: 1em;
	padding-left: 10px;
	line-height: 1.5;
}

h1
{
	padding-top: 20px;
	padding-left: 10px;
	font-size: 20px;
}

h2, h3, h4, h5, h6, h7
{
	margin-top: 10px;
	padding-top: 20px;
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;
}

em
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

strong em, em strong
{
	font-style: italic;
	font-weight: bold;
}

table tr
{
	vertical-align: top;
}

table tr td
{
	width: 100%;
}

a:link, a:visited
{
	color: blue;
	text-decoration: none;	
}

a:hover, a:active
{
	text-decoration: underline;
}

p.text-button
{
}

p.text-button a
{
	padding: 4px;
	text-decoration: none;
	color: white;
	background: #996;
}

p.text-button a:hover
{
	color: white;
	background: #666;
}

/*************************************************************************
/* PAGE HEAD DIVISION
/************************************************************************/

#page-head
{
	clear: both;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	width: 900px;
	background-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: thin;
	position: relative;
	top: 0;
	left: 0;
}

#page-head h1
{
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 40px;
	font-weight: bold;
}

#page-head p.hdr-image-caption
{
	margin: 0;
	padding: 0;
	padding-right: 5px;
	line-height: 1.2;
	font-size: 70%;
	text-align: right;
}

/*************************************************************************
/* PAGE TABS DIVISION (tabs to information pages)
/************************************************************************/

#page-tabs
{
	margin: 0;
	padding: 0;
	padding-left: 30px;
	padding-right: 30px;
	height: 2.5em;
	background-color: #ccc;
}

#page-tabs ul
{
	margin: 0;
	padding: 0;
	padding-top: .7em;
}

#page-tabs ul li
{
	position: relative;
	display: inline;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}

#page-tabs ul li a:link, #page-tabs ul li a:visited
{
	color: black;
}

#page-tabs li.sitehome
{
	font-style: italic;
	font-size: 105%;
}

/*************************************************************************
/* PAGE PRIMARY DIVISION (contains "content" and "sidebar" subdivisions)
/************************************************************************/

#page-primary
{
	clear: both;
	margin: 0;
	padding: 0;
}

/*************************************************************************
/* CONTENT SUBDIVISION
/************************************************************************/

#content
{
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font-size: 90%;
}

#content h1.page-title
{
	margin: 0;
	margin-top: 15px;
	padding: 0;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}

#content h1.header-line
{
	margin: 0;
	margin-top: 20px;
	padding: 0;
	padding-left: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	color: white;
	background-color: #a93;
	font-size: 130%;
	text-align: left;
}

#content h1.index-title-line
{
	margin: 0;
	margin-top: 15px;
	padding: 0;
	padding-top: 3px;
	padding-left: 15px;
	padding-bottom: 3px;
	font-size: 150%;
}

#content h1.index-title-line a
{
	color: black;
}

#content h1.post-title
{
	padding-top: 10px;
	font-size: 200%;
}

#content p.url
{
	margin-left: 3em;
	padding-top: 2px;
	font-size: 80%;
}

#content div.index-post-excerpt
{
}

#content div.index-post-excerpt p
{
	margin: 0;
	margin-left: 3em;
	margin-bottom: 5px;
	padding: 0;
	padding-top: 10px;
}

/*------------------------------------------------------------------------
/* Comments
/*----------------------------------------------------------------------*/

#content ol.commentlist
{
	margin: 0;
	margin-left: 1em;
	padding: 0;
	padding-top: 1em;
}

#content ol.commentlist li
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#content ol.commentlist * li.depth-2
{
	margin-left: 20px;
}

#content ol.commentlist * li.depth-3
{
	margin-left: 30px;
}

#content ol.commentlist * li.depth-4
{
	margin-left: 40px;
}

#content ol.commentlist * li.depth-5
{
	margin-left: 50px;
}

#content ol.commentlist li div.comment-avatar img
{
	margin-top: 2px;
	padding-right: 10px;
	float: left;
}

#content ol.commentlist li div.comment-info p
{
	margin-top: 2px;
	padding: 2px;
	font-style: italic;
	background-color: #ccc;
}

#content ol.commentlist li div.comment-info p span.author
{
	font-weight: bold;
}

#content ol.commentlist li div.comment-info p span.view-post
{
	display: block;
	text-align: right;
}

#content ol.commentlist li div.comment-text p
{
	padding-left: 38px;
	padding-top: 2em;
}

#content ol.commentlist li div.comment-reply p
{
	padding-left: 38px;
	padding-top: 10px;
}

#content ol.commentlist div#respond
{
}

#content ol.commentlist div#respond-box
{
	padding-bottom: 10px;
	background-color: #ccc;
	margin-left: 38px;
}

#content form#comment-add
{
	margin-left: 10px;
}

#content form#comment-add p.control-set
{
	margin: 0;
	margin-top: 1em;
	padding: 0;
	font-weight: bold;
	font-size: 90%;
}

#content form#comment-add span.comment-after-field
{
	font-weight: normal;
	font-size: 90%;
}

#content form#comment-add p.info
{
	margin: 0;
	margin-left: 2em;
	padding: 0;
	font-size: 90%;
}

#content form#comment-add input.field
{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 2em;
	padding: 0;
	height: 1.5em;
}

#content form#comment-add textarea
{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 2em;
	padding: 0;
	width: 90%;
}

#content form#comment-add div#recaptcha_area
{
	margin: 0;
	margin-top: 0;
	margin-left: 2em;
	padding: 0;
	width: 445px;
}

#content form#comment-add input#submit-button
{
	margin-top: 1em;
	padding: 4px;
	color: white;
	background-color: #996;
}

/*------------------------------------------------------------------------
/* Information lines
/*----------------------------------------------------------------------*/

#content p.info-line
{
	margin: 0;
	padding: 0;
	padding-top: 2px;
	padding-left: 15px;
	line-height: 1.2;
	font-style: italic;
	font-size: 90%;
}

/*------------------------------------------------------------------------
/* Navigation links within a post content
/*----------------------------------------------------------------------*/

#content p.nav-link
{
	margin: 0;
	margin-top: 20px;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-style: italic;
	color: gray;
}

#content p.nav-link span.align-left
{
	text-align: left;
	display: block;
	float: left;
}

#content p.nav-link span.align-right
{
	text-align: right;
	display: block;
}

/*------------------------------------------------------------------------
/* Post area, author-generated (no classes except div.post-area!)
/*----------------------------------------------------------------------*/

#content div.post-area
{
	margin: 0;
	padding: 0;
}

#content div.post-area p
{
}

#content div.post-area span.poetry-indent
{
	padding-left: 2em;
}

#content div.post-area blockquote
{
	margin: 0;
	margin-left: 3em;
	padding: 0;
}

#content div.post-area ul
{
	margin: 0;
	padding: 0;
	padding-left: 3em;
	padding-top: 5px;
}

#content div.post-area ul li
{
	padding-top: 10px;
	list-style: disc;
}

#content div.post-area ol
{
	margin: 0;
	padding: 0;
	padding-left: 3em;
	padding-top: 5px;
}

#content div.post-area ol li
{
	padding-top: 10px;
	list-style: decimal;
}

#content div.post-area div.youtubevideo
{
}

#content div.post-area div.youtubevideo p.caption
{
	padding-bottom: 0;
	margin-bottom: 0;
	text-align: center;
	font-style: italic;
}

/*------------------------------------------------------------------------
/* Table definitions
/*----------------------------------------------------------------------*/

#content div.post-area table
{
	margin: 0;
	margin-top: 1em;
	margin-left: 3em;
	padding: 0;
}

#content div.post-area table tr
{
}

#content div.post-area table tr.header
{
	font-style: italic;
	background-color: #eee;
}

#content div.post-area table tr td
{
	width: auto;
	margin: 0;
	padding: 2px;
	border: thin solid black;
}

#content div.post-area table tr td.centered
{
	text-align: center;
}

/*------------------------------------------------------------------------
/* Post area, the_meta()-generated
/*----------------------------------------------------------------------*/

#content div.post-area ul.post-meta
{
	margin: 0;
	padding: 0;
	padding-left: 2em;
	padding-top: 10px;
	list-style: disc;
}

#content div.post-area ul.post-meta li
{
	text-transform: capitalize;
	font-size: 80%;
}

#content div.post-area ul.post-meta li span.post-meta-key
{
	font-weight: bold;
}

/*************************************************************************
/* SIDEBAR SUBDIVISION
/************************************************************************/

#sidebar
{
	float: right;
	width: 15em;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-color: #ccc;
}

#sidebar ul.sidebar-list > li h2
{
	margin: 0;
	margin-top: 10px;
	padding: 0;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 5px;
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #555;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #555;
	text-transform: lowercase;
	letter-spacing: 0.1em;
	font-size: 110%;
	font-weight: normal;
	font-style: italic;
	font-variant: normal;
}

#sidebar ul.sidebar-list ul
{
	margin: 0;
	padding: 0;
	padding-left: 20px;
	padding-top: 4px;
	list-style: none;
	text-indent: -20px;
}

#sidebar ul.sidebar-list ul li
{
	margin-left: 1em;
	margin-top: 2px;
	text-transform: lowercase;
	font-size: 80%;
}

#sidebar ul.sidebar-list ul li a
{
	color: black;
	text-decoration: none;
}

#sidebar ul.sidebar-list ul li a:hover
{
	border-bottom: 1px solid black;
}

#sidebar form p
{
	margin: 0;
	padding: 0;
}

/*------------------------------------------------------------------------
/* Sidebar forms
/*----------------------------------------------------------------------*/

#sidebar form
{
	margin: 0;
	margin-left: 1em;
	margin-top: 3px;
	padding: 0;
}

#sidebar form input.text
{
	margin: 0;
	padding: 0;
	height: 110%;
	width: 70%;
	background: white;
	border: thin solid #999;
	color: #333;
}

#sidebar form input.button
{
	margin: 0;
	padding: 0;
	font-size: 70%;
}

/*************************************************************************
/* PAGE FOOT DIVISION
/************************************************************************/

#page-foot
{
	clear: both;
	margin: 0;
	margin-top: 2px;
	padding: 10px;
	background-color: #333;
}

#page-foot p
{
	padding-left: 0;
	font-size: 80%;
	color: white;
}

#page-foot p.first
{
	margin: 0;
	padding: 0;
}

#page-foot p a:link, #page-foot p a:visited
{
	color: white;
}

/*************************************************************************
/* WORDPRESS AUTOMATION DEFINITIONS
/* These definitions are used by WordPress automated features. These are
/* at the tail of the CSS to ensure they are the final definitions. If
/* there is a name conflict, I can't change these, but the stuff above
/* is pliable.
/************************************************************************/

/* Images within posts. */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/*************************************************************************
/* THIRD PARTY ADDINS
/*************************************************************************

p.addthis
{
}