/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/3c-r.css');

/* Just some example content */

.hfeed {
background: #fff; 
width: 1020px;
margin: -18px auto 0 auto;
padding: 0;
}

body {
background: #eeeeee url("http://www.typoretum.co.uk/blog-images/html.gif") repeat-x left top;
font-size: 85%;
font-family: Georgia, serif;
}

body a {
color: #4c4c4c;
text-decoration: none;
font-variant: small-caps; 
letter-spacing: 3px; 
text-transform: lowercase; 
}

body a:hover {
color: #4c4c4c;
border-bottom: 1px solid #4c4c4c;
}

.textwidget a {
margin: 2px 0 0 0;
}

.textwidget a:hover {
border-bottom: none;
}

#wrapper {
width: 1020px;
background: #ffffff url("http://www.typoretum.co.uk/blog-images/wrapper-bg.gif") repeat-y left top;
}

#content {
width: 500px;
background: none;
padding: 0 10px 0 59px;
}

#nav-above {
display: none;
}

#primary {
color: #fff;
background: #ffffff url("http://www.typoretum.co.uk/blog-images/categories-bg.gif") repeat-y left top;
width: 170px;
height: 100%;
padding: 10px 15px 0 15px;
margin-left: 0px;
}

#primary a {
display: block;
color: #fff;
}

#primary a:hover {
color: #4c4c4c;
background: #ffffff url("http://www.typoretum.co.uk/blog-images/categories-hover-bg.gif") repeat-y left top;
width: 170px;
padding: 6px 15px 7px 15px;
margin: -6px -15px -7px -15px;
}

#recent-posts h3 {
color: #fff;
line-height: 2em;
}


#archives h3 {
color: #fff;
line-height: 2em;
}

#categories-368814251 h3 {
color: #fff;
line-height: 2em;
}

#linkcat-2 h3 {
color: #fff;
line-height: 2em;
}

#meta h3 {
color: #fff;
line-height: 2em;
}

#secondary {
background: none;
color: #4c4c4c;
width: 170px;
padding: 24px 15px 0 15px;
}

#text-376233221 {
color: #4c4c4c;
}

#flickr_www {
display: none;
}

#twitterwidget {
font-weight: normal;
font-style: italic;
text-transform: capitalize;
font-size: 1.4em;
color: #4c4c4c;
}

#flickr_badge_uber_wrapper {
color: #4c4c4c;
font-family: Georgia, serif;
}

h1 {
line-height: 2px;
padding: 135px 0 0 59px;
}

h3 {
font-weight: normal;
font-style: italic;
text-transform: capitalize;
font-size: 1.4em;
}

#search h3 {
display: none;
}

#blog-title {
display: none;
}

#blog-description {
color: #464646;
font-variant: small-caps; 
letter-spacing: 3px; 
text-transform: lowercase; 
font-size: 1.4em;
padding: 0 0 0 59px;
}

h2 {
font-weight: normal;
}

div.skip-link {
display: none;
}

div#menu {
background: #ffffff url("http://www.typoretum.co.uk/blog-images/menu-bg.gif") no-repeat;
height: 22px;
margin: 0;
width: 1020px;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding-left: 52px;
}

div#menu ul a {
display:block;
margin-right: 1em;
padding:0.2em 0.5em;
text-decoration:none;
color: #fff;
}

div#menu ul a:hover {
text-decoration:none;
color: #ccc;
border: none;
}

.page-item-194 {
margin-top: -5px;
}

.page-item-201 {
margin-top: -5px;
}

.page-item-220 {
margin-top: -5px;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.button {
float: right;
background: #fff;
font-family: Georgia, serif;
font-size: 1em;
text-decoration: none;
color: #464646;
font-variant: small-caps; 
letter-spacing: 3px; 
text-transform: lowercase; 
border: 1px solid #464646;
padding: 1px 1px 2px 3px;
margin-top: 9px;
}

.button:hover {
background: #464646;
color: #fff;
}

#rss_links h3 {
color: #4c4c4c;
background: #ffffff url("http://www.typoretum.co.uk/blog-images/rss-icon.gif") no-repeat;
padding-top: 9px;
line-height: 2em;
}

#rss_links ul {
color: #4c4c4c;
}

.published {
font-size:85%;
text-decoration: none;
color: #a7a7a7;
font-variant: small-caps; 
letter-spacing: 3px; 
text-transform: lowercase; 
border-bottom: none;
}

.entry-content {
color: #4c4c4c;
	line-height:20px;
}

.entry-content a {
text-decoration: none;
color: #4c4c4c;
  	font-variant: small-caps; 
  	letter-spacing: 3px; 
	text-transform: lowercase; 
	border-bottom: 1px dotted #4c4c4c;
}

.entry-content a:hover {
color: #4c4c4c;
	border-bottom: 1px solid #4c4c4c;
}

.entry-title,.entry-meta {
clear:both;
}

.entry-title {
font-size: 2em;
font-style: italic;
margin-bottom: 5px;
}

.entry-title a {
text-transform: none; 
font-variant: normal; 
letter-spacing: 0px; 
text-decoration: none;
color: #4c4c4c;
}

.entry-title a:hover {
color: #a7a7a7;
border-bottom: 1px solid #a7a7a7;
}

.entry-meta {
	color:#4c4c4c;
	font-size:85%;
  	font-variant: small-caps; 
  	letter-spacing: 3px; 
	text-transform: lowercase; 
	border-bottom: 1px solid #464646;
padding-bottom: 20px;
}

.entry-meta a {
text-decoration: none;
	color:#a7a7a7;
	border-bottom: 1px dotted #a7a7a7;
}

.entry-content img {
background: #ffffff;
border: 1px solid #cccccc;
padding: 10px;
}

.youtube {
background: #ffffff;
border: 1px solid #cccccc;
padding: 10px;
}

.wp-caption-text {
font-size:85%;
margin-top: 5px;
}

.wp-caption a {
border-bottom: none;
}

.wp-caption a:hover {
border-bottom: none;
}

div#container,div#primary {
margin-top: 2em;
}

div#container {
margin-bottom: 2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

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

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {






















height:150px;
margin:1em 0;
}



div.navigation {
height:1.25em;
}



.navigation a {
text-decoration:none;
	color:#4c4c4c;
	font-size:85%;
  	font-variant: small-caps; 
  	letter-spacing: 3px; 
	text-transform: lowercase; 
	border-bottom: 1px dotted #4c4c4c;
}

.navigation a:hover {
	border-bottom: 1px solid #7e9fa7;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}



div.sidebar input#s {
width: 165px;
}

div.sidebar li {
color: #fff;
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
}

div.sidebar ul ul li {
list-style: none;
margin-bottom: 5px;
border-bottom: 1px dotted #fff;
padding-bottom: 6px;
}

div.sidebar ul ul li a:hover {
color: #bee3d5;
border-bottom: none;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#header {
height: 190px;
background: #ffffff url("http://www.typoretum.co.uk/blog-images/header-bg.jpg") no-repeat;
}

div#footer {
background: #eee;
width: 980px;
padding: 10px 25px 10px 25px;
font-size:85%;
color: #4c4c4c;
}

#copyright {
text-align: left;
font-variant: small-caps; 
letter-spacing: 3px; 
text-transform: lowercase; 
}

#copyright a {
border-bottom: 1px dotted #4c4c4c;
}

#copyright a:hover {
color: #4c4c4c;
border-bottom: 1px solid #4c4c4c;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

* html body {
margin-top: 0px;
}

* html .hfeed {
margin-top: 0px;
}

* html #wrapper {

}