/*  
 * 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/starsquare.jpg); background-repeat:repeat; font-size:100%; }


/*----------------------------- wrapper ------*/
#wrap {
	width:700px;
	margin:0 auto;
	background-color: #0C0D25;
}


/*-------------------------- main divs -------*/


#header {
	min-height:150px;
	height:auto !important;
	height:150px;
	max-height:150px;
	background-image:url(images/moonstars2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
	
}
  #header h1 {
	font-size:30px;
	font-weight:bold;
	color:#FFFFCC;
	margin-left:20px;
	margin-top:20px;
}
  #header h2 {
	color:#FFFFCC;
	padding:0 0 0 50px;
	font-size:18px;
	text-transform:lowercase;
	font-weight:100;
	vertical-align:top;
	margin-left:35px;
}
  #header #text { padding:0 0 0 0; }


/*------------------------------ nav bar --------*/
#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:#0C0D25; margin:2px 2px 0 2px;  }
  ul#navlist li#active { background-color:#0C0D25; }
    ul#navlist li#active a { color: #9999CC; }
  ul#navlist a { display:block; color:#9999CC; text-decoration:none; padding:4px; }
  ul#navlist a:hover { background: #0C0D25; color:#FFFFFF; }


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

#sidebar {
	width:170px;
	text-align:left;
	float:left;
	margin:10px 0 0 5px;
	color: #9999CC;
}
.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; }
  #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; }
  #sidebar ul { margin:0; list-style-type:none; font-size:11px; }
  #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:#0C0d25; }
	  #sidebar li li a { padding:4px 3px 4px 15px; background-color:#0C0D25; }
  #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:11px;
	color: #CCCCFF;
	font-weight:bold;
}
    .post-content ul, .post-content ol, .post-content dl { padding:5px 5px 10px 12px; }
  .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 { font-weight:normal; color:#9999CC;}
    .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:11px;
	margin:0 0 5px 0;
	color: #0cod25;
}

.navigation { font-size:10px; }
  .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;
	background-color: #0c0d25; color:#666699;
}
  .commentsdiv .comments-header { background-color:#0C0D25; }

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

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


/*---------------------------- footer --------*/
#footer { background-color:#0C0D25;  background-position:top left; margin:0; min-height:75px; height:auto !important; height:75px; }
  #footer p {
	padding:5px;
	text-align:center;
	color:#666699;
	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:#9999CC; }
#header h1 a:hover { color:#CCCCFF; }

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

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


/*-------------------------- calendar --------*/
#wp-calendar {
	margin:0 auto;
	width: 150px !important;
	font-size: 10px;
}
  #wp-calendar caption { display: none; }
    #wp-calendar thead th { text-align:center; } 
    #wp-calendar tbody td {
	min-height:35px;
	height:35px;
	background-color:#0C0D25;
	border-top:1px solid #666699;
	border-left:1px solid #666699;
	border-right:1px solid #666699;
	border-bottom:1px solid #666699;
	margin:0 5px 5px 0;
	padding:2px;
	vertical-align: top;
	text-align:center;
}
      #wp-calendar tbody td:hover { background-color:#0c0d25; cursor:pointer; color:#ffffcc; }
    #wp-calendar tbody td#today {
	background-color:#0c0d25;
	color:#FFFFCC;
}
      #wp-calendar tbody td#today:hover {
	background-color:#0c0d25;
	color:#FFFFFF;
}
    #wp-calendar tbody a { color:#9999cc; font-weight:bold; }
      #wp-calendar tbody a:hover { color:#ffffcc; }
      #wp-calendar tbody td#today a {
	color:#FFFFCC;
}
        #wp-calendar tbody td#today a:hover { color:#ffffff; }
    #wp-calendar tfoot a { color:	#9999cc; font-size:10px; text-decoration:none; }
      #wp-calendar tfoot a:hover { color:#9999cc; }


/*----------------------------- misc ---------*/
.spacer { clear:both; }
.justify { text-align:justify; }
.navigation { text-align:center; }
abbr, acronym { border:0; }
.small { font-size:87%; color:#666699}
.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;
	color: #9999CC;
}

.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:#9999CC;
	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;
	color: #9999CC;
}