/*  
Theme Name: Fog City Journal
Theme URI: http://lharrison.net 
Description: Theme modified from Quadruple Blue Wordpress theme created by Small Potato for WordPress 2.0 series.
Version: 1.0
Author: Len Harrison/Small Potato
Author URI: http://www.wpdesigner.com/

	This theme is released under Creative Commons Attribution 2.5 License.

*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
	margin: 0;
	padding: 0;
}

body{
	font-family: Arial, Helvetica, Georgia, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #fff;
	color: #000;
}

h1, h2, h3, h4, h5, h6{
	font-family: Georgia, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

h2 {
     text-align:center;
     color:#900;
     font-face: Calibri, Verdana, Arial, Helvetica, Sans;
     font-weight:bold;
}

h3 {
     text-align:left;
     color:#900;
     font-face: Calibri, Verdana, Arial, Helvetica, Sans;
     font-weight:bold;
     text-size: 1.1 em;
}


.author {
     text-align:left;
     
}

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

a:hover {color: #808080}

.the_content a, .the_content a:link, .the_content a:visited {font-weight:bold;}

a img{ border: 0; }

abbr, acronym{ border: 0; }

address, dl, p{ padding: 15px 0 0; }

blockquote{
	margin: 15px 0 0;
	background: #ccc;
}

blockquote p{ padding: 15px; }

blockquote blockquote{
	margin: 15px;
	background: #ccc;
}

code{
	background: #f9f9f9;
}

dt{ font-weight: bold; }

dd{ padding: 0 0 0 15px; }

hr{
	clear: both;
	margin: 15px 15px 5px 15px;
	border: 0;
	height: 1px;
	text-align: left;
	background: #daf0fe;
	color: #daf0fe;
}

small{
	font-size: 11px;
}

pre{
	width: 90%;
}

input, textarea{
	font-family: Arial, Helvetica, Georgia, sans-serif;
	font-size: 12px;
	padding: 2px;
}

input#author, input#email, input#url, textarea#comment{
	border: 1px solid #000;
	background-color: #fff;
	padding: 3px;
}

input#author, input#email, input#url{
	margin: 0 5px 0 0;
}

input#searchsubmit {
        font-size: .8em;
        padding:0;
        margin:0;
       
}

input#s {
      font-size:.8em;
      margin:0;
      padding:0;
}


#container{ width: 988px; margin: 15px auto 0 auto; padding: 0; text-align: left; vertical-align: top;  border: 1px solid #000; }
#page{ width: 988px; float: left; background: #808080; }

#header{ background: #000; color:#fff; margin-bottom: 20px; }
  #header a{ color: #fff; }
  #header img{ width: 100%; }

h2.subhead {
  font-size:14px;
}



#left_sidebar, .right_sidebar_col{
	width: 160px;
	margin: 0 10px;
	float: left;
	display: inline;
}

.right_sidebar_col h5{ background: gray; color: black; margin: 3px; padding: 5px 0; font-weight: bolder; font-size: 0.9em; }

#left_sidebar {
       background:#808080;
       width: 160px;
}

#left_sidebar a{
	color: #fff;
}

#left_sidebar ul, .right_sidebar_col ul{
	margin-left: 0px;
	padding: 0;
	list-style: none;
}

#left_sidebar li#search input, .right_sidebar_col li#search input{
	margin: 0 0 0px;
}

#left_sidebar li.widget_calendar h2, .right_sidebar_col li.widget_calendar h2{
	background-image: none;
}

#left_sidebar ul li, .right_sidebar_col ul li{
	margin: 0 0 0px;
}

#left_sidebar ul li h2, .right_sidebar_col ul li h2{
	padding: 0px 0px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #808080;
}

#left_sidebar ul ul, .right_sidebar_col ul ul{
	padding: 0px;
}

#left_sidebar ul ul li, .right_sidebar_col ul ul li{
	margin: 0;
	
}

#left_sidebar ul ul li h2, .right_sidebar_col ul ul li h2{
	padding: 0;
	text-transform: none;
	background-image: none;
}

#left_sidebar ul ul ul, .right_sidebar_col ul ul ul{
	padding: 0;
	background-image: none;
}

#left_sidebar ul ul ul li, .right_sidebar_col ul ul ul li{
	padding: 0 0 0 10px;
}

.right_sidebar_container_bottom{
	width: 196px;
	margin: 00px 0 0;
	float: left;
	background: #808080;
}

.right_sidebar_container_top{
	width: 196px;
	float: left;
	padding: 0 0 0px;
	background: #808080;
}

.right_sidebar_col{
	margin: 10 0 0 0px;
        background:#fff;
        text-align:center;
        border: 1px solid #000;
}

.right_sidebar_col a{
	color: #000;
}

.right_sidebar_col ul li#search input#s{
	border: 1px solid #c2ddef;
}

.right_sidebar_col ul li{
	margin: 10px -10px 0;
}

.right_sidebar_col ul li h2{
	/*background: url(images/bg_ul_li_h2_2.gif) no-repeat;
	color: #a44d01;*/
}

.right_sidebar_col ul ul{
	background: url(images/bg_ul_ul_2.gif) no-repeat;
}

.wide_column_bottom, .wide_column_top{
	width: 808px;
	float: left;
	/*padding: 0 0 10px;*/
	background: #808080;
	color: #000;
}

.wide_column_top{
	padding: 0;
	
}

.narrow_column{
	width: 582px;
	margin: 0 10px;
	float: left;
	display: inline;
        background:#FFF;
        border: 1px solid #000;
        padding-bottom:5px;
}
.author_info {
	width: 582px;
	margin: 0 10px;
	float: left;
	display: block;
        background:#FFF;

}

.post, .post_alt{
	margin: 10px 0 0;
	padding: 0px 15px;
	
}

.post_alt{
	
}

.post h2 a, .post_alt h2 a{
	color: #900;
}

.post a:hover, .post_alt a:hover {color:#808080}

.postdate{
	padding: 8px 0px;
	font-size: 11px;
	color: #ba9575;
}

.separator{ border-bottom: 1px dotted #000; padding-bottom: 5px; }

.entry{
	line-height: 18px;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	padding: 15px 0 0;
}

.entry h1{
	font-size: 24px;
	line-height: 30px;
}

.entry h2{
	line-height: 24px;
}

.entry h3{
	font-size: 16px;
}

.entry h4{
	font-size: 14px;
	font-weight: bold;
}

.entry h5, .entry h6{
	font-size: 12px;
}

.entry h3, .entry h4, .entry h5{
	font-weight: bold;
}

.entry img{
	border: 1px solid #000;
	padding: 0px;
}

.entry img.wp-smiley{
	border: 0;
	padding: 0;
}

.entry img.alignleft{
	float: left;
	margin: 5px 10px 0 0;
}

.entry img.alignright{
	float: right;
	margin: 5px 0 0 10px;
}

.entry{
	margin: 15px 0 0;
}

p.postinfo{ margin-top:-10px; margin-bottom: 10px; }

.browse{
	padding: 0 15px;
	font-family: Geogria, Sans-Serif;
	font-size: 14px;
	line-height: 24px;
        text-align: center;
}

.browse a{
	font-weight: bold;
        text-decoration:none;
}



/* comments template */

.comments-template{
	padding: 15px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0;
	list-style: none;
}

.comments-template ol li{
	margin: 15px 0 0;
	padding: 0 0 20px;
	
}

.commentmetadata{
	font-style: italic;
}

.comments-template p.nocomments{
	padding: 0;
}

/* end comments template */

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


/* wp-calendar */

table#wp-calendar{
	width: 100%;
	font-family: Arial, Helvetica, Georgia, sans-serif;
	text-transform: none;
	line-height: 18px;
}

table#wp-calendar caption{
	padding: 10px 15px;
}

table#wp-calendar th{
	text-align: center;
	vertical-align: top;
}

table#wp-calendar td{
	text-align: right;
}

table#wp-calendar tfoot td{
	text-align: center;
}

/* end calendar */


#footer{ text-align: center; background: #808080; color: #fff; padding: 25px; border-bottom: 10px solid black; }
a:. a:link, a:visited, a:active, a:hover .hidden {
 color:#808080;
 text-decoration:none;
 font-size:.1em;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

/*

Here's a demo stylesheet used to format a menu and its content.
Feel free to alter the menu layout however you want!
All you have to do is ensure the script has the correct CSS property name
(like 'visibility' or 'display') that changes to show/hide menus.

If you want to extend this layout, one good resource for UL/LI formatting is:
    http://www.alistapart.com/articles/taminglists/
Alternatively, you can use any other CSS dropdown layout instead. More here:
    http://www.alvit.de/css-showcase/
Consult your favourite CSS reference for customising fonts/borders/etc.

Otherwise, you can just change the #RGB border/background colours where
suitable to customise for your site -- easy :).

*/



/* OFFICE-STYLE FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin-left: 10px;
 padding: 0;
 width: 140px;
 list-style: none;
 background: #000;
 color:#fff;
 border: 1px solid #808080;
 margin-top: 0;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 0;
 left: 140px;
}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
 position: relative;
 line-height:115%;
 }

/* Links inside the menu */
.menulist li a {
 display: block;
 padding: 5px 5px 5px 5px;
 color: #ccc;
 text-decoration: none;
 border: 1px solid #FFF;
 font-family:verdana, arial, helvetica, sans;
 font-size: .85em;
 margin: 0;

}
/* HACKS: MSIE6 doesn't support transparent borders, mimic with margins */
* html .menulist li a {
 border-width: 1px solid #CCC;
 margin: 1px;
}

/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background-color: #000;
 padding: 5px 5px 5px 5px;
 border: 1px solid #fff;
 margin: 0;
}
.menulist a.highlighted {
 color: #FFF;
 background-color: #000;
 border: 1px solid #808080;
 margin: 0;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}



#left_sidebar .fogblog{ color: #C00; background: #DDD; font-family: arial, verdana, sans-serif; font-size: 1.7em; font-weight: bold; padding: 2px; }
#left_sidebar .fogblog:hover{ text-decoration:underline; }

img.logo{ display:block; margin: 0 auto; padding: 14px 0; }