/*
Theme Name: victoria_pickering
Theme URI: http://www.victoriapickering.com/blog/wp-content/themes/
Description: Theme designed for Victoria Pickering
Author: Victoria Pickering
Author URI: http://www.designreinvented.com
Version: 1
.
Copyright.  No use permitted.
.
*/


/* Contents
1. Resets
2. Utilities
3. Page sections
4. Typography, paragraphs - except headings, links/lists, footer
5. Headings
6. Links/lists, except navigation, footer
7. Navigation
8. Footer
9. Gallery
*/


/* 1. Resets 
------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td
{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size: 100%;font-family: inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* 2. Utilities 
------------------------------------------------------------------------ */
.floatright {float: right;}
.floatrightpaddingtop {float: right; padding: 10px 0px 10px 20px;}
.floatrightpadding {float: right; padding: 0px 0px 10px 20px;}
.floatleft {float: left;}
.floatleftpaddingtop{float: left; padding: 10px 20px 10px 0px;}
.floatleftpadding{float: left; padding: 0px 20px 10px 0px;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}
	
.hide {position: absolute; left: -5000px; top: -5000px;}

.center {text-align: center;}
.left {text-align: left;}
.right{text-align: right;}
.justify {text-align: justify;}

.indent20 {padding-left: 20px;}
.indent40 {padding-left: 40px;}

.space {padding-bottom: 70px;}
.spacetop{padding-top: 20px;}

.size 14{font-size: 14px;}
	
/* 3. Page sections - size, margin, padding, background 
------------------------------------------------------------------------ */
body{-moz-opacity:.999;	background-color: #000;}

#headingwrapping {width: 100%;background-color: #000;}
#heading {height:110px; margin-right:auto; margin-left: auto; width: 960px;
	background-color: #000;	background-image: url(images/header.jpg);	background-repeat: no-repeat;
	position: relative}
.home #heading{background-image: url(images/header_homepage.jpg);height: 75px;}
		
#navwrapper{width: 100%; background-color: #ccc;	border-top: 1px solid #999;	border-bottom: 1px solid #999;}
#nav_main{width: 960px;	margin-left: auto;	margin-right: auto;
	background-color: #eee;	border-right: 1px solid #aaa; border-left: 1px solid #aaa;}
	
#contentwrapper{width: 100%;background-color: #000;	overflow: auto;}
#content {width: 960px;	margin-left: auto; margin-right: auto;
	background-color: #fff;	border-left: 1px solid #555;border-right: 1px solid #555;}

#home_photo{height: 300px ;width: 960px; margin-left: auto;	margin-right: auto;
	background-image: url(images/banner.jpg);	background-repeat: no-repeat;}

#postpage{background-color: #000; width: 960px;	margin-left: auto; margin-right: auto;padding-bottom: 25px;}
#postcolumn{width: 700px;float: left;}

.postentry{margin-top: 20px;}
.postbox{width: 700px;margin-top: 10px;	margin-bottom: 10px;
	background-color: #fff; padding: 0px; margin-bottom: 50px;	position: relative;}
.show-date{position: absolute; top: 5px; right: 0px;}
.show-category{position: absolute; bottom: 0px; right: 0px;}	
.postnavigation{margin-bottom: 40px;overflow: auto;	padding-top: 10px;	padding-bottom: 10px;}

#comments, .commentlist, .comments-link, #comments_template{background-color: #fff; padding: 10px;}
#respond{background-color: #fff;}
#respond textarea{border: 2px solid gray;}
#respond h3, #respond p{padding:10px 20px;}
input#author, input#url, input#email{border: 2px solid gray;}
.number_of_comments{float: left; padding-left: 20px;}

.archive_layout{float: left;}

#sidebar{width: 190px; background-color: #fff;
	float: right; padding: 10px 20px 20px 25px;}


.onecolumn {width: 650px; margin-left: auto; margin-right: auto; 
	padding-top: 30px; padding-bottom: 50px;}
.onecolumngallery{width: 920px; margin-left: auto; margin-right: auto; height: 550px;}

#current{margin-top: 5px;}
#past{width: 100%; background-image:url(images/gradient-past.gif); background-repeat: repeat-x;}
#past .onecolumn{padding-top: 15px;	padding-bottom: 15px;}

#footerwrapper{width: 100%;	background-color: #333;}
#footer{width: 960px; margin-left: auto; margin-right: auto;
	color: #fff; border-top: 1px solid #000; margin-bottom: 15px; padding-top: 15px;}
.home #footer{border: none; padding-top: 0px;}

#flickr{ padding-top: 20px;	padding-bottom: 20px;}
.flickr_badge_image{float: left; height: 70px; margin-right: 1px;}
.flickr_badge_image img{height: 100%; width: auto;}
	
	
/* 4. Typography, paragraphs - except headings, links/lists, footer
--------------------------------------------------------------------------*/
body {font-size: 12px;	font-family: Verdana, Helvetica, Arial, sans-serif;	color: #000;}

p {padding-bottom: 6px;	line-height: 1.5;}
.postbox p{padding: 5px 20px 20px 20px;}
p.show-date{font-size: 10px;}
p.show-category{font-size: 10.5px;}

/* 5. headings
--------------------------------------------------------------------------------- */
h1 {font-size: 24px;font-weight: normal;color: #000; text-align: left;
	line-height: 1.3; margin: 0; padding: 0; padding-bottom: 20px;}

h2	{font-size: 16px; font-weight: bold; padding-bottom: 10px; line-height: 1.2;}
h2.giant{font-size: 34px; color: #777; font-weight: normal;line-height: 1.3;}
h2.fadein{border-bottom: 10px solid #cb223d;line-height: 1.2;margin-bottom: 10px;}
h2.grayh2{background-color: #555; color: #fff;padding-top: 5px; padding-bottom: 5px;text-indent: 155px;}
#postcolumn h2{margin:10px 0px; color: #fff;}
#postcolumn .postbox h2{color: #888;padding: 5px 20px;border-bottom: 1px solid #888;font-size: 20px;}
h2.posttitle{font-size: 20px; color: #555; padding: 10px;}

h3	{font-size: 14px; font-weight: bold; padding-bottom: 10px; line-height: 1.2;}
	
h4 {font-size: 12px; font-weight: bold;	padding-bottom: 10px;}


/* 6. Links/lists, except navigation, footer
 -------------------------------------------------------------- */
a:link, a:visited, a:hover, a:active {font-weight: normal; text-decoration: underline;}
a:link, a:visited {color: #172b6a; background: transparent;	font-weight: bold; 	padding: 2px;}
a:hover, a:active {color: #fff;	background-color: #555;	padding: 2px;}
	
a.postlink:link, a.postlink:visited, a.postlink:hover, a.postlink:active {
	font-weight: normal; text-decoration: none;	padding: 0px 5px;}
a.postlink:link, a.postlink:visited{color: #555;}
a.postlink:hover, a.postlink:active {color: #fff; background-color: #555; padding: 0px 5px;}
	
#previous-links a, #previous-links a:link,#previous-links a:visited{
	color: #fff; padding: 5px;}
#previous-links a:hover, #previous-links a:active {
	color: #000; background-color: #ddd;}

.imglink a:link, .imglink a:visited{border: 2px solid #000;}
.imglink a:hover, .imglink a:active{border: 2px solid #fff;}
	
a.none:link, a.none:visited{text-decoration: none;color: gray;}

a.largelink, a.largelink:link, a.largelink:visited{
	font-size: 14px; color: #7B2220; text-decoration: none;	padding: 10px;}
a.largelink:hover, a.largelink:active{color: #fff; background-color: #555;}

a.graylink, a.graylink:link, a.graylink:visited{
		font-size: 14px; color: #444; text-decoration: none; padding: 2px;}
a.graylink: hover, a.graylink: active{color: #fff; background-color: #555;}

.archive_layout a{padding: 0px 5px 5px 0px;	overflow: auto; display: block;}
.archive_layout a:hover, .archive_layout a:active{background-color: gray;}

#sidebar a, #sidebar a:link, #sidebar a:visited{color: #222;text-decoration: none;padding: 2px;}
#sidebar ul.children a, #sidebar ul.children a:link, #sidebar ul.children a:visited{color: #555;}	
#sidebar a:hover, #sidebar a:active, #sidebar ul.children a:hover, #sidebar ul.children a:active{
	color: #fff; background-color: #555;}
#sidebar ul#featured li, #sidebar ul#featured li a {float: left; padding: 0px 2px 2px 0px;}

ul {padding: 5px 10px 10px 10px;list-style-type: none;}
ul ul {padding-left: 20px;}
	
ul.bulleted {list-style-type: disc;	padding-left: 40px;}
ul.bulleted ul.bulleted{list-style-type: circle;}

li {line-height: 1.3; font-size: 12px;	padding: 0px 5px 0px 18px;}
	
ul.spaced li {padding-bottom: 10px;}
		
#sidebar ul{padding: 0px;}
#sidebar ul li{padding: 0px 0px 6px 0px; line-height: 1.2;}
#sidebar ul.children li{padding: 2px 0px 0px 15px; font-size: 11px;}

ol {margin-bottom: 10px;}
ol li{padding-left: 40px; list-style-type:decimal; line-height: 1.4; font-size: 12px;}
ol li ol li {list-style-type: lower-alpha; padding-left: 20px;} 
ol.noindent {margin-left: 15px;}
ol.noindent li{margin-left: 0px;}

	
/* 7. Navigation
------------------------------------------------------------------- */
.nav {margin: 0; padding: 0; line-height: 1;}
.nav  li {margin:0;	padding:0; list-style: none; float: left; position: relative;}
.nav a, .nav a:link, .nav a:visited {
	display: block; margin: 0; padding: 6px 9px 4px 10px;
	width: 125px; height: 20px;	border-right: 1px solid #aaa; 
	color: #000; font-weight: bold;	font-size: 12px;
	text-decoration: none; background-color: #eee; text-align: center;}
.nav a:hover, .nav a:active{background-color: #777; color: #FFF;}


/* 8. Footer
----------------------------------------------------------------- */
#footer {font-size: 11px; line-height: 1.2;}

ul#footermenu{padding: 0px;	margin-left: 0px;}		
#footermenu li{display: inline;	list-style-type: none;
	font-size: 11px; padding-left: 0px;	padding-right: 20px;}
#footermenu a, #footermenu a:link, #footermenu a:visited, #footermenu a:hover, #footermenu a:active {
	font-weight: normal; font-size: 11px; color: #fff; text-decoration: underline; background-color: transparent;}
	
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footermenu a:active {
	color: #fff; font-size: 11px; padding-bottom: 2px; font-weight: normal;}	
#footer a:active, #footer a:hover{color:#000; background-color: #fff;}
	

/* 9. Gallery 
-----------------------------------------------------------------------------*/
#gallery {width: 300px;	float: left; padding: 0 20px 0px 10px; border-right: 1px solid #999;}
#gallery1, #gallery2{width: 100px; float: left;}
#gallery3{width: 100px; float: right;}

#photo {float: right; width: 550px;	background: #FFF; position: relative;}
#photo img {padding: 10px; border: 1px solid #333; position: absolute; background-color:white;}

#gallery a {padding:5px; border: 1px solid #666; margin: 0 10px 8px 0;
	width: 80px; display: block;}
#gallery a, gallery a:link, #gallery a:visited {background-color: transparent;}
#gallery a:hover, #gallery a:active{background-color: #999;	border: 1px solid #000;}