/*  
 * Theme Name: Victoriana
 * Theme URI: http://www.richarddows.co.uk/victoriana-wordpress-theme/
 * Description: A two column theme, old-style template to work with, widget-ready, gravatar-ready, threaded-comments, and theme options to set colours and layout; all in all a very focused and stylish theme from <a href="http://www.theenglishguy.co.uk/">The English Guy</a>.
 * Author: Richard Dows
 * Author URI: http://www.theenglishguy.co.uk/
 * Version: 1.0.2
 * Tags: two-columns, fixed-width, theme-options, green, brown, custom-colors
 */

* { margin:0; padding:0; }

body, html { background-image:url(images/bg_repeat3.png); background-repeat:repeat; font-size:100%; }


/*----------------------------- wrapper ------*/
#wrap { width:700px; margin:0 auto; background-image:url(images/BGStripe.gif); background-repeat:repeat-y; background-position:top left; text-align:left; }


/*-------------------------- main divs -------*/
#header { min-height:120px; height:auto !important; height:120px; max-height:120px; background-image:url(images/blankhead.jpg); background-repeat:no-repeat; background-position:top left; position:relative; }
  #header h1 { font-size:30px; font-weight:bold; color:#fff; }
  #header h2 { color:#eee; padding:0 0 0 50px; font-size:18px; text-transform:lowercase; font-weight:100; }
  #header #text { padding:20px 0 0 15px; }


/*------------------------------ menu --------*/
#navcontainer { position:absolute; width:668px; top:97px; left: 16px; }

ul#navlist { font-size:11px; font-weight:bold; list-style-type:none; padding-bottom:24px; margin:0; }
  ul#navlist li { float:left; height:21px; background-color:#35473b; margin:2px 2px 0 2px;  }
  ul#navlist li#active { background-color:#f7fbef; }
    ul#navlist li#active a { color: #000; }
  ul#navlist a { display:block; color:#f7fbef; text-decoration:none; padding:4px; }
  ul#navlist a:hover { background: #f7fbef; color:#000; }


/*--------------------------- content --------*/
#content { width:485px; margin:0 0 0 15px; float:left; }
.sidebar_left #content { margin:0 0 0 5px; }

#sidebar { width:170px; text-align:left; float:left; margin:10px 0 0 5px; }
.sidebar_left #sidebar { margin:10px 0 0 25px; }
  #sidebar > div { position:relative; z-index:50; }
  #sidebar .sidebar_top { min-height:1px; }
    #sidebar .sidebar_top img { padding:2px 5px; }
    #sidebar .sidebar_top .pin { width:20px; height:21px; position:absolute; z-index:100; top:-5px; left:-5px; background-image:url(images/TopLeftCorner.png); background-position:top left; background-repeat:no-repeat; }
  #sidebar .sidebar_content { z-index:50; padding:0 0 10px 0; }
    #sidebar .sidebar_content > * { position:relative; background:none; z-index:55; }
  #sidebar .sidebar_bottom { min-height:1px; margin:0 0 15px 0; }
    #sidebar .sidebar_bottom .pin { width:20px; height:21px; position:absolute; z-index:100; bottom:-5px; right:-5px; background-image:url(images/BottomRightCorner.png); background-repeat:no-repeat; background-position:bottom right; }
  #sidebar ul { margin:0; list-style-type:none; font-size:12px; }
  #sidebar li { margin:0; }
    #sidebar ul li { padding:0; margin:0; }
	  #sidebar ul li ul { }
	#sidebar li a { display:block; padding:4px 3px 4px 5px; }
	  #sidebar li a:hover { background-color:#f7fbef; }
	  #sidebar li li a { padding:4px 3px 4px 15px; background-color:#efead0; }
  #sidebar p { text-align:left; padding:0 5px; }
  #sidebar h2 { font-size:16px; padding:2px 0 0 5px;}

#searchform { position:relative; z-index:55; padding:5px 0 0 0; margin:0; }
#searchform input { width:145px; margin:0 0 0 6px; padding:2px 4px; }


/*----------------------------- post ---------*/
.post, .page { margin:5px; padding:5px 10px 0 10px; }
  .post-content { line-height:1.3em; padding:0; font-size:13px; }
    .post-content ul, .post-content ol, .post-content dl { padding:5px 5px 10px 25px; }
  .post-bottom, .post-info { text-align:right; }
  .post-bottom { padding:35px 0 15px 0; margin:0 0 25px 0; min-height:25px; height:auto !important; height:25px; text-align:center; }
  .post-date { float:right; }
    .post-date img { margin:4px 0 0 0; }
    .post-title h2 { padding:0; }
  .post .block { width:45%; margin:0 5px 0 10px; float:left; }

.posted-by { font-size:12px; margin:0 0 5px 0; }

.navigation { font-size:14px; }
  .navigation .align-left { margin:0 0 0 10px; float:left; }
  .navigation .align-right { margin:0 10px 0 0; float:right; }


/*---------------------- comments, after the post ----*/
.commentsdiv { clear:both; text-align:left; }
  .commentsdiv .comments-header { background-color:transparent; }

.commentlist { list-style-type:none; }
  .commentlist li.comment { margin:10px 20px; padding:5px; font-size:12px; }
  html[xmlns] .commentlist li.comment { display:block; }
  * html .commentlist li.comment { height:1%; }
    .commentlist li.comment .comment-author { width:100%; text-align:left; padding:0; clear:both; margin:0 0 10px 0; vertical-align:top; font-size:11px; color:#000; min-height: 42px; height: auto !important; height:60px; }
      .commentlist li.comment .comment-author img { margin:5px; float:left; height:32px;} 
	  .commentlist li.comment .comment-author cite, .comment li.comment .comment-author span { font-size:12px; }
    .commentlist li.comment .reply { font-style:italic; font-size:11px; }
    .commentlist li.comment p { padding:0 0 10px 0; }
    .commentlist li.comment blockquote { background-color:#fff; border-left:3px solid #ccc; padding:2px 5px; }
    .commentlist li.comment ul, .commentlist li.comment ol, .commentlist li.comment dl { margin:0 5px 10px 20px; }
  .commentlist .children { list-style:none; margin:20px 0 0 0 !important; }
    .commentlist .children .children { }
    .commentlist .children li.comment { background-color:#f7fbef; }
      .commentlist .children .children li.comment { background-color:#efead0; }
    .commentlist li li { margin:0; }

.comments-header, .comments-form { margin:0 20px; }
  .comments-form .inputs { padding:5px; }
    .comments-form .inputs .row { vertical-align:middle; padding:1px 0 !important; }
    .comments-form .inputs label { float:left; width:60px; padding:3px 1px 3px 0; font-size:0.8em; }
    .comments-form .inputs span, .comments-form .inputs input { padding-left:15px; }
    .comments-form .inputs input { padding:1px 3px; border:1px solid #333; width:125px; }
    .comments-form .headers { margin:	10px 0 0 0; }
      .comments-form .headers p { text-align:justify; font-size:10px; }
    .comments-form .textarea { margin:0 11px 5px 9px; text-align:left; width: 420px; }
    .comments-form .textarea textarea { padding:5px; background-color:#fff; border:1px solid #000; width:405px; }
    .comments-form .buttons { text-align:	center; }
      .comments-form .buttons input#submit, .comments-form .buttons input#reset { width:125px; padding:2px 5px; margin:5px 0 0 0; }


/*---------------------------- footer --------*/
#footer { background-color:#000; background-image:url(images/fpbottom.gif); background-repeat:no-repeat; background-position:top left; margin:0; min-height:75px; height:auto !important; height:75px; }
  #footer p { padding:5px; text-align:center; color:#fff; line-height:1.8em; font-size:11px; }


/*----------------------------- links --------*/
a:link, a:visited { text-decoration:none; }
a:hover { }

#header h1 a:link, #header h1 a:visited { color:#fff; }
#header h1 a:hover { color:#ffc; }

.align-left h3 a:link, .align-left h3 a:visited, .align-right h3 a:link, .align-right h3 a:visited { color:#360; text-decoration:none; }
.align-left h3 a:hover, .align-right h3 a:hover { color:#666; }

#footer a, #footer a:visited { color:#eee; text-decoration:underline; }
#footer a:hover { color:#ccc; text-decoration:none; }


/*-------------------------- calendar --------*/
#wp-calendar { margin:0 auto; width: 150px !important; }
  #wp-calendar caption { display: none; }
    #wp-calendar thead th { text-align:center; } 
    #wp-calendar tbody td { min-height:35px; height:35px; background-color:#f7fbef; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 5px 5px 0; padding:2px; vertical-align: top; text-align:center; }
      #wp-calendar tbody td:hover { background-color:#35473b; cursor:pointer; color:#fff; }
    #wp-calendar tbody td#today { background-color:#35473b; color:#f7fbef; }
      #wp-calendar tbody td#today:hover { background-color:#f7fbef; color:#000; }
    #wp-calendar tbody a { color:#35473b; font-weight:bold; }
      #wp-calendar tbody a:hover { color:#fff; }
      #wp-calendar tbody td#today a { color:#f7fbef; }
        #wp-calendar tbody td#today a:hover { color:#000; }
    #wp-calendar tfoot a { color:	#35473b; font-size:18px; text-decoration:none; }
      #wp-calendar tfoot a:hover { color:#000; }


/*----------------------------- misc ---------*/
.spacer { clear:both; }
.justify { text-align:justify; }
.navigation { text-align:center; }
abbr, acronym { border:0; }
.small { font-size:87%; }
.uppercase { text-transform:uppercase; }
.centered { text-align:center; margin:0 auto; }
img { border:0; }
.post p { padding:5px 0; }
blockquote { margin:5px 5px;padding:2px 5px 5px 5px; }

.aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right: auto; }
.alignleft { float:left; }
.alignright { float:right; }
img.alignright { float:right !important; margin:0 0 0 5px !important; }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px;  border-radius:3px; }
  .wp-caption img { margin:0; padding:0; border:0 none; }
  .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }