/*
Theme Name: WP-Andreas01
Theme URI: http://andreasviklund.com/wordpress-themes/
Description: Updated for WordPress v2.6, now supporting tags, gravatars and other useful features. Originally based on the classic <a href="http://andreasviklund.com/templates/andreas01/">andreas01 CSS template</a>. Valid XHTML 1.0 Strict and CSS. Public domain.
Version: 2.0
Author: Andreas Viklund
Author URI: http://andreasviklund.com/
Tags: 2 columns, 3 columns, white, widgets, fixed width, 800px, andreas
*/

@import url(../../../../bacchus-blog-mods.css);     /*  adding this stylesheet for my leftside nav  */

#extras li {list-style:none;}    /*   not exactly sure why I need this here, but right nav widths get fucked up if it's not here.....  */
  /* div#extras {border:3px solid red;}  puts a hard red line around the right extras column for diagnostics...  */


/* Body */
* {margin:0; padding:0;}
body {background:#f4f4f4 url(img/background.gif) top center repeat-y; color:#303030; font:76% Arial, Helvetica, sans-serif;}   /*   changed the font here from Verdana to Arial  */
#wrap {background-color:#fff; color:#333; margin:0 auto; width:800px;}

/* Links */
a {background-color:inherit; color:#8d0132; text-decoration:none;}  /*   changed the font color here from 286ea0 to 8d0132, and removed this value:  font-weight:bold;  */
a:hover {background-color:inherit; color:#8d0132; text-decoration:underline;}  /*   changed the font color here from 286ea0 to 8d0132 and removed this value:  font-weight:bold;   */
a img {border:0;}

/* Header */
#header {margin:0 0 0;}
#header h1 {background-color:inherit; color:#555; float:left; font-size:2em; letter-spacing:-1px; margin:0 0 10px; width:350px;}
#header h1 a {background-color:inherit; color:#555; text-decoration:none;}
#header p {background-color:inherit; color:#777; float:right; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:6px 0 0; text-align:center; width:400px;}
#frontphoto {margin:0 0 10px;}

/* Sidebars */
#leftside {clear:left; float:left; line-height:1.5em; margin:0 0 5px; padding:0; width:164px;}  /*   changed the width from 140 to 164.... but content column width set below in #content style  */
#extras {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:146px;}  /*   changed the width of the right column here from 140 to 146, and the margin....  */
#extras a {color:#b5527c; font-weight:normal}    /*   added this to change the font color (set by the a def above) here from 8d0132 to b5527c and the weight back to normal */

#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}
#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px 0;}
#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist {font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#505050; font-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}
#leftside label, #extras label {display:none;}

/* Main menu */
ul.page {list-style:none; margin:0 0 20px; width:140px;}  /*   might start changing the width here from 140 to 164  */
ul.page li {display:inline; line-height:1.4em; width:140px;}  /*    might start changing the width here from 140 to 164  */
ul.page li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
ul.page li a:hover, ul.page li.current_page_item a {background-color:#eaeaea; border-left:4px solid #8d0132; color:#505050;}    /*   changed the border-left color here from 286ea0 to 8d0132  */
ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
ul.page ul ul {width:113px;}
ul.page ul ul a {width:100px;}

/* Content */
#content {width: 460px; line-height:1.6em; margin:0 160px 5px 175px;}   /* set a hard width of the content column here to 460. changed the left margin from 155 to 175 to accomodate my nav on the left, and extended right margin from 155 to 160. these margins prevent float from letting content slide under navigation panel. */
#contentwide {line-height:1.6em; margin:0 20 5px 175px; padding:0;}   /*   changed these from 0 0 5px 170px....  contentwide ID is used in all my bacchus pages, other than the blog page, which uses just the "content" ID for the main body of content   */
#content h2,#contentwide h2 {font-size:1.6em; margin:0 0 10px;}
#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}
/* #content img,#contentwide img {border:1px solid #d0d0d0; float:left; margin:3px 10px 3px 0;}   commenting out his img declaration to specify in bacchus-blog-mods.css */
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

/* Footer */
#footer {border-top:2px solid #e0e0e0; font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.7em; margin:0 auto; padding:10px 0; text-align:center; width:760px;}
#footer p {margin:0; padding:0;}
#footer a {color:#777; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#555; text-decoration:underline;}
#footer strong a {font-weight:bold;}
#footer span.credits {font-size:1.1em;}

/* Subpage menu */
#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}
#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:4px solid #286ea0; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#555;}

/* Tags */
p,ul,ol {margin:0 0 18px;}
blockquote {border-left:4px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:146px; border:1px solid #CCC; color:#666; text-align:center;}     /*  changed width here from 140 to 146, and added the border, text color and centered text align */
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:4px solid #cccccc;}

/* Forms */
#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align classes */
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0 0 5px;}
.postinfo {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; border-bottom:1px solid #cccccc; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 0; padding:8px 5px 8px 8px;}   /*   margin:1px 0 30px;  changed margin from this value to accommodate the post terminator graphic */

.comment {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}