/*
THEME NAME: Refracted
THEME URI: 
DESCRIPTION: New theme designed for benbishop.me.uk 
VERSION: 1.0
AUTHOR: <a href="http://eminentstyle.com/">Ben Bishop at Eminent Style</a>
AUTHOR URI:
TAGS: benbishop, colour, v2
*/

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

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* Basic Styles  ----------------------------------------------------------------------------------*/

body {background: transparent url(images/background-5.jpg) no-repeat;}
div#wrapper{width: 950px; margin-top: 220px; padding-bottom: 2em; background: transparent url(images/footer-image.jpg) bottom left no-repeat;}
h1#blog-title {position:absolute; left:0.35em; top:75px; }
h1#blog-title a {display: block; width: 430px; height: 210px; text-indent: -1000em; outline: none;}
div#blog-description {text-indent: -1000em;}

div#menu ul li.page_item {font-size: 2.2em; text-transform: lowercase;}
div#menu ul li a {display:block; margin-left:1em; padding:0.2em 0.1em; text-decoration:none; background:#FFFFFF url(images/navigation-back.jpg) no-repeat scroll left 35px;}
div#menu ul li a:hover {background:#fff url(images/navigation-back.jpg) no-repeat scroll left bottom; color: #fff; }

body.home div#menu li.home_page a, div#menu li.current_page_item a { font-weight: bold; background-position: left 34px;}
body.home div#menu li.home_page a:hover { background-position: left bottom;}

/* Post and Page Styles */

h2.entry-title {margin-bottom: 0;}
div.entry-meta, div.comment-meta {color: #333; font-size: 0.9em; margin-bottom: 1.5em;}
div.post {margin-bottom: 1.25em; padding-bottom: 1.5em; background: #fff url(images/divider.jpg) bottom left no-repeat;}

li#category-archives, li#monthly-archives {list-style: none; margin-bottom: 1em;}

/* Comment Styles */

span.unapproved {color: #FF0000; padding: 0.5em 0;}
div#respond h3, h3#comments {clear:both; margin-top: 1.5em;}
div#respond {padding-bottom: 0.1em;}

li.comment {padding: 0.5em 1em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 1em;}
ul.children {list-style: none; padding: 0; margin: 0;}

li.even{background-color: #f8f8f8;}
li.odd{background-color: #fff;}

div.reply {margin-bottom: 1em;}

div.vcard img {margin-bottom: -1.35em;}
div.vcard cite, div.vcard span {font-size: 0.9em; font-weight: bold;}
div.vcard cite {margin-left: 0.2em;}
div.comment-meta {margin-bottom:0.5em; margin-left:3em; margin-top:-0.25em;}

ol.commentlist {clear: both;}

div.cancel-comment-reply {margin-bottom: 0.2em;}

div#respond input#submit {background:#fff url(images/btn-comment.jpg) no-repeat scroll 0 0; border:0 none; cursor:pointer; height:26px; text-indent:-1000em; width:104px;}
div#respond input#submit:hover {background:#fff url(images/btn-comment.jpg) no-repeat scroll 0 -26px;}

/* Sidebar Styles */

h3.widgettitle {background: #fff url(images/divider.jpg) bottom left no-repeat; margin-bottom: 0.8em; padding-bottom: 0.5em;}

ul#blcCommentList, ul#lastfm-cover, div#footer ul {list-style: none; margin: 0; padding: 0;}

ul#lastfm-cover li {display:inline;}
ul#lastfm-cover li img {margin-right: 5px; border:3px solid #f8f8f8; width: 60px; height: 60px;}

li#rss_links ul {list-style: none; margin: 0; padding: 0;}
li#rss_links ul li { margin-bottom: 0.1em;}
li#rss_links ul li a{background: url(images/feed-icon-14x14.png) left top no-repeat; padding-left: 20px;} 

div.sidebar input#s, input#s-no-results {width:16em; padding:0.3em 0.5em; }
div.sidebar input.button, div.sidebar input#searchsubmit, form#searchform-no-results input.button {background:#fff url(images/btn-go.jpg) no-repeat scroll 0 0; border:0 none; cursor:pointer; height:26px; margin:0 0 0 5px; padding:0 0 2px; text-indent:-1000em; width:44px;}
div.sidebar input.button:hover, div.sidebar input#searchsubmit:hover, form#searchform-no-results input.button:hover {background:#fff url(images/btn-go.jpg) no-repeat scroll 0 -26px;}

li.widget_twitter ul.twitter {list-style: none; padding: 0; margin: 0;}

div#tertiary {margin: 1em 0; padding: 1em 0 1em 50px; clear: both; background:#fff url(images/divider.jpg) no-repeat left bottom;}
div#tertiary ul {margin:0; padding: 0; list-style: none;}

/* Footer Styles */

div#footer ul, div#footer ul li {float: right;}
div#footer ul li {margin: 0 0 0 1em;}
div#footer {margin: 2em 0 0 30px; background:#FFF; padding:0.3em 0.5em;}
li.rss a {background: url(images/feed-icon-14x14.png) left top no-repeat; padding-left: 20px;}
li.back-top a {background: url(images/uparrow.gif) left top no-repeat; padding: 0 10px 0 20px;}
li.back-content a {background: url(images/uparrow.gif) left top no-repeat; padding: 0 10px 0 20px;}

/* Footer Styles */

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
	padding:0.3em 0;
}
#wpcf input {
	float: left;
	width: 200px;
	padding:0.3em 0.5em;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 90%;
	height: 200px;
	padding:0.3em 0.5em;
	margin: 0 5px 10px 0;
}

#wpcf input#contactsubmit {background:#fff url(images/btn-submit.jpg) no-repeat scroll 0 0; border:0 none; cursor:pointer; height:26px; text-indent:-1000em; width:104px; clear: both; margin-top: 1em;}
#wpcf input#contactsubmit:hover {background:#fff url(images/btn-submit.jpg) no-repeat scroll 0 -26px;}

/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
background:#FFF;
padding:0.1em 0.2em;
}

div#menu {
margin:1em 0;
width:60%;
float: right;
}

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

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;
}

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

div#container,div#primary {
margin-top: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:1em 0 0 1em;
}

.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;
}

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

div.sidebar h3 {
font-size:1.2em;
}

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

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

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

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

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

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

div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#menu ul li {float: right;}

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

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