/* 
Theme Name: 3C Left+Right + Rob's Modifications
Theme URI: http://www.easywebtutorials.com/blogging-tutorial/themes.php
Description: 3 column layout, 1 default sidebar on either side (left and right).
Author: Guido W. Stiehle
Author URI: http://www.easywebtutorials.com/
*/

body {
        background: #222222 url(images/bg.gif) repeat fixed;
  	font-family: Verdana, Tahoma, sans-serif;
  	font-size: 12px;
  	color: #000000;
  	margin: 10px;
  	padding: 0;
}

#wrapper {
  	width: 90% /* total width */;
        min-width: 828px;  /* 828 comes from 468 width above comment ad + 2*180 for sidebars */
  	margin: 0 auto;
 	border: 1px solid #666666;
 	padding: 0;
  	background-color: #ffffff;
}


/* - - -   HEADER STYLES  - - - */


#header {
        background: #ffffff;
	padding: 0;
        /* border-bottom: #666 1px dotted; */
}

#headertile {
        background: #2b2b2b url(images/topbg.gif) repeat-x;
	border-bottom: 10px solid #666666;
}

#headertile_left {
        float: left;
}

#headertile_right {
        float: right;
        margin: 20px 20px;
}

#header p {
	margin: 0px 30px;
	padding: 15px;
}

.blogname {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 26px;
	color: #141;
}

.blogslogan {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 18px;
	color: #141;
}


/* - -  Hyperlinks inside Header - - */


#header a:link, #header a:active, #header a:visited {
	color: #9F9030;
	text-decoration: none;
}

#header a:hover {
	color: #666666;
	text-decoration: none;
}

#header a img {
	border: none
}

#menubottom
{
background: #fff url(images/border1.gif) repeat-x;
height: 14px;
margin-bottom: 2px;
}

#headerad
{
height: 90px;
width: 728px;
margin: 0 auto;
margin-bottom: 2px;
}

.abovecommentbox
{
  width: 468px;
}

.abovecommentad
{
/*height: 60px;*/
/*width: 468px;*/
margin: 0 auto;
margin-bottom: 2px;
        background: #FDFCe8 repeat-x;
        border-top: solid 1px #E1D2BD;
        border-bottom: solid 1px #E1D2BD;
        border-right: solid 1px #E1D2BD;
        border-left: solid 1px #E1D2BD;
        text-align:left;
        clear: left;
}

/* - - - - - - - - - - - - - - -
	GENERAL TEXT STYLES 
   - - - - - - - - - - - - - - - */

/* - - Hyperlinks - - */

a:link	{ 
	text-decoration: underline; 
	color: #0000FF;
}

a:active { 
	text-decoration: underline; 
	color: #0000CC; 
}

a:visited { 
	text-decoration: underline; 
	color: #660066;
}

a:hover { 
	text-decoration: underline; 
	color: #0066FF; 
}

a img {
	border: none;
}

/* - -  Headings  - - */


h1 {
  	font-size: 20px;
  	font-family: Verdana, Tahoma, sans-serif;
  	color: #333333;
  	margin: 5px 0;
  	padding: 0;
}

h2 {
  	font-size: 18px;
  	font-family: Verdana, Tahoma, sans-serif;
  	color: #333333;	
  	margin: 5px 0;
  	padding: 0;
}

h3 {
  	font-size: 16px;
  	font-family: Verdana, Tahoma, sans-serif;
  	color: #666666;
  	margin: 5px 0;
  	padding: 0;
}

h4 {
	font-size: 14px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #000000;
	margin: 3px 0;
  	padding: 0;
}


/* - -  Paragraphs and List Items - - */


p, li {
	font-size: 100%;
	font-family: Verdana, Tahoma, sans-serif;
	color: #000000;
}


/* - -  Misc. Elements - - */


acronym, abbr {
	border-bottom: 1px dashed #999999;
}

acronym, abbr, span.caps {
	cursor: help;
	font-size: 90%;
}

blockquote {
	border-left: 2px solid #99CCFF;
	background: #eeeeee;
	margin-left: 10px;
	padding: 2px;
        overflow:auto;
}

cite {
	font-size: 90%;
}


/* - - - - - - - - - - - - - - - - - -
	MAIN TABLE STYLES
   - - - - - - - - - - - - - - - - - -

/* - -  The Table - - */
.mainholder
{
  position: static;
  margin: 0;
  padding: 0;
  background: #ffffff;
}

#main {
	border: none;
        background: #ffffff;
}

/* - - - -  The CONTENT Table Data Cell - - - - */

.content_wrapper
{
        float: left;
        width: 100%;
}

.content {
  	background-color: #ffffff;
/*  	padding: 0;*/
        margin-left: 180px /* left sidebar */;
        margin-right: 180px /* right sidebar */;
}

/*
* html .content
	{
	display: inline;
	}
*/


/* - -  Everything inside the Content Table Cell - - */

.content p {
}

.post, .comments-post {
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

.storytitle {
	margin-top: 10px;
	margin-bottom: 2px;
}

.post .details
{
top: -1.5em;
font-size: 0.86em;
color: #787878;
margin:0;
padding:0;
}
.post .details .user 
{
	background:url(images/user.png) no-repeat left center;
	padding-left:15px;
}
.post .details .date 
{
	background:url(images/date.gif) no-repeat left center;
	padding-left:15px;
	margin:0 0 0 1em;
}

.storytitle a:link	{ 
	text-decoration: underline; 
	color: #0000FF;
}

.storytitle a:active { 
	text-decoration: underline; 
	color: #0000CC; 
}

.storytitle a:visited { 
	text-decoration: underline; 
	color: #660066;
}

.storytitle a:hover {
	color: #0066ff;
	text-decoration: underline;
}

.meta {
	font-size: 11px;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #000000;
	font-weight: normal;
	letter-spacing: 0;
}

.storycontent {
}

.storycontent p {
  margin-bottom: 1em;
}

.storycontent p.lowerindent {
  margin-top: -1em;
  margin-left: 2em;
}

.storycontent ul.lowerindent {
  margin-top: -1em;
  margin-left: 2em;
  padding-left: 0em;
}

.storycontent ul.lowerindent li {
  margin-left: 0em;
}

.storycontent img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.feedback {
	text-align: right;
	clear: both;
	margin-right: 30px;
	font-size: 12px;
}

ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}


/* - -  The Comments - - */

#comments h3 {
	font-size: 14px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #666666;
}

#comments p {
}

#main .commentlist {
	margin: 0;
	padding: 0;
}

.commentlist li 
{
	list-style:none;
	margin: 1em 0;
	padding: 0.5em;			
	border-bottom:#ddd 1px dashed;
	background:#fcfcfc url(images/border2.gif) repeat-x top;
}
.commentlist li p 
{
    margin:0 1em;
}
.commentlist li .cmtinfo 
{
	padding:5px;
	margin-bottom: 10px;
	position:relative;	
}
.commentlist li .cmtinfo em 
{
	margin:0;
	padding:0 1em;
	text-align:right;
	font-style:normal;			
	color:#999;	
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}

.commentlist li.alt
{
	background:#fcfcf9 url(images/border2.gif) repeat-x top;
}

#commentlist li ul {
	border-left: 1px solid #ffffff;
	font-size: 100%;
	list-style-type: none;
}


/* - -  The Comment Form - - */

#commentform  #comment{
  width: 95%;
  height: 90px;
  background-color:#ffffff;
  margin:0;
}

#commentform #name, #commentform #email, #commentform #url, #commentform textarea {
	background: #ffffff;
	border: 1px solid #666666;
	padding: 5px;
}

#commentform textarea {
	width: 100%;
}



/* - - - - - - - - - - - - - - - - 
	SIDEBAR STYLES
   - - - - - - - - - - - - - - - - */

/* - - left sidebar (<TD>) - - */

.leftmenu {
        float: left;
        margin-left: -100%;
	width: 180px /* left sidebar */;
  	background-color: #ffffff;
	/* border-right: 1px dotted #666666; */
        padding: 0;
}

/* - - right sidebar (<TD>) - - */

.rightmenu {
        float: left;
  	width: 180px /* right sidebar */;
        margin-left: -180px /* right sidebar */;
  	padding: 0;
  	background-color: #ffffff;
  	/* border-left: 1px dotted #666666; */
}


.nav {
  	padding: 0;
        font-family: Verdana, Tahoma, sans-serif;
}

#hmenu {
  	margin: 0;
  	padding: 0;
}

#hnav {
  	margin: 0;
  	padding: 0;
}


/* - - Search Form - - */

.nav form {
	margin: 0;
}

.nav input#s {
	width: 90%;
	background: #ffffff;
	border: 1px solid #666666;
	color: #000000;
        margin: 0;
}


/* - - Subheadings - - */

.nav h2, .nav h3, .nav h4 { 
	color:#000000;
	font-size: 14px;
        font-weight: bold;
        font-family: Verdana, Tahoma, sans-serif;
	margin: 0px 5px 5px 0;
	padding-bottom: 2px;
        text-decoration: underline;
}


/* - - List Styles - - */

.nav ul {
	color: #000000;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: none;
}	

.nav .linklistbox
{
        padding: 0px;
}
  
.nav ul ul {
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 5px 0px;
	text-align: left;
}


/* - - List Items (Text) - - */

.nav ul li {
	border: 0;
	font-size: 12px;
	line-height: 150%;
	font-family: Verdana, Tahoma, sans-serif;
	margin: 0;
	padding: 0;
}


/* - - Sidebar Hyperlinks - - */

.nav ul ul li a:link, .nav ul ul li a:active {
	color: #0000FF;
	text-decoration: underline;
}

.nav ul ul li a:visited {
	color: #660066;
	text-decoration: underline;
}

.nav ul ul li a:hover {
        color: #0066FF;
	text-decoration: underline;
}


/* - - - - - - - - - - - - - - - - 
	FOOTER STYLES
   - - - - - - - - - - - - - - - - */

#footer {
        clear: both;
  	border-top: 1px solid #666666;
  	margin: 0px auto;
  	background: #ffffff;
  	text-align: center;
  	padding: 5px 0;
}

.credit {
  	color: #000000;
  	font-size: 90%;
  	margin: 5px;
  	padding: 2px;
}

#footer p {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #000000;
  	margin: 3px;
  	padding: 1px;
}


/* - - - - - - - - - - - - - - - - 
	THE CALENDAR
   - - - - - - - - - - - - - - - - */

#wp-calendar {
	border: 1px solid #DDDDDD;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #3399EE;
	color: #333333;
}

#wp-calendar caption {
	color: #000000;
	font-size: 14px;
	text-align: left;
}

#wp-calendar td {
	color: #333333;
	font-size: 12px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #ffffff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #999999;
	color: #ffffff;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

.box
{
        background: #FDFCe8 repeat-x;
        padding: 0.5em;
        border-top: solid 1px #E1D2BD;
        border-bottom: solid 1px #E1D2BD;
        border-right: solid 1px #E1D2BD;
        border-left: solid 1px #E1D2BD;
        text-align:left;
        clear: left;
        margin: auto auto 1.0em;
        width: 160px;
}

#searchbox
{
  /* float: left;*/
}

.feeds
{
	background:url(images/feed.png) no-repeat left center;
	margin:1em 0;
	padding:0 1.5em;	
}

.linkbox {
	position:relative;
	float:right;
	font-size:.9em;
	background-color:#f1f3f1;
	margin:1.5em 0 .5em 1.5em;
	padding:0 1em 1em 1em;
	border:2px solid #565;
}

.linkbox p {
	margin-top: 1em;
}

.floatright {
	position:relative;
	float:right;
}

.floatleft {
	position:relative;
	float:left;
}

/*  throat, er cough, float, clearer
the container div and the clearing rules have no bearing on the 
technique - they're needed here on the footer's behalf
see http://www.positioniseverything.net/easyclearing.html for
an explanation of the voodoo applied to #container
Unfortunately neither of the other two easy clearing methods, 
namely applying either a float or overflow: auto (or hidden) to 
the containing wrapper works.
http://mezzoblue.com/archives/2005/03/03/clearance/
http://annevankesteren.nl/2005/03/clearing-floats
http://www.456bereastreet.com/lab/clearing_floats/
In both cases, the height of the containing wrapper is set to the 
height of block_1. Great if block_1 is the tallest column, not so good 
if it's not. (Though, of course, it should be noted that both 
methods work just fine in IE because of its infamous broken float
implementation)
*/
#container:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#container
	{
	display: inline-block;
	}
/*\*/
* html #container
	{
	height: 1%;
	}
#container
	{
	display: block;
	}

ol { 
  list-style-type: decimal;
}

ol ol {
  list-style-type: lower-alpha;
}

ol ol ol {
  list-style-type: lower-roman;
}