/*
THEME NAME: FreeStyled
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: A customised theme for FreeStyled.co.uk based on the <a href="ttp://www.plaintxt.org/themes/sandbox/">Sandbox</a> theme.
VERSION: 1.0
AUTHOR: Ben Bishop of <a href="http://eminentstyle.com/">Eminent Style</a>
AUTHOR URI:
*/

/* Three-column with sidebar on right from the /sandbox-layouts/ folder  */
@import url('sandbox-layouts/3c-r.css');

/* Just some example content */
div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}

.entry-title{clear:both;}
.entry-content {margin-bottom: 1.5em;}
div#container,div.sidebar{margin-top:2em;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom: 2em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
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%;}

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{ text-transform: uppercase; letter-spacing:0.1em; font-weight:500;}
div.sidebar input.s{padding:2px; width:8em;}
div#noresults {width: 323px;}
input#noresults-s {padding:2px;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
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#footer{text-align:center;  clear: both;}

/* EDITS to Orginal Code for FreeStyled.co.uk */

/* Styles here remove all default browser settings */

/* Set margins & padding */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td
{margin:0; padding:0;}

/* Set left margins */
li, dd, blockquote{margin-left:1em;}

/* Text-scaling */
html, body, fieldset{font:100.1%/120% Verdana, Arial, Helvetica, sans-serif;}
input, select, textarea{font-size:100.1%;}
h1, h2, h3, h4, h5, h6{font-size:100%;}

/* Miscellaneous */
form label{cursor:pointer;}
fieldset, img{border:none;}
table{border-collapse:collapse; border-spacing:0;}

/* Font sizing */

body{font:13px/1.5 arial,helvetica,sans-serif;}

/* Set the templates to a sensible font-size */
#wrapper{font-size:1em;}
table{font-size:inherit; font-size:100%;}

/* 99% for safari; 100% is too large */
select, input, textarea{font:99% arial,helvetica,sans-serif;}

pre, code{font:1.2em monospace;}

p{
margin:1.5em 0;
font-size:1em;
line-height:1.5;
}

/* Headings */
h1{/* 18px */
margin:1.0833em 0;
font-size:1.3846em;
line-height:1.0833;
}

h2{/* 16px */
margin:1.2188em 0;
font-size:1.2308em;
line-height:1.2188;
}

h3{/* 13px */
margin:1.5em 0;
font-size:1em;
line-height:1.5;
}

/*
#12px equivalent{
margin:1.625em 0;
font-size:0.9231em;
line-height:1.625;
}
*/

h2.entry-title, .entry-content h3{font-weight:500; letter-spacing:0.1em; margin:0pt 0pt 1.2188em; text-transform:uppercase;}
.post {margin-bottom: 3em;}

div.entry-content blockquote{background-color:#333437; border:1px dashed #4d4e52; padding: 0 3em; margin: 0 0 1em;}
div.entry-content cite{font-size: 0.85em; padding-left:2em;}
div.entry-content span{margin:1em 0; line-height:1.4;}

div#about{background-color:#333437; border:1px dashed #4d4e52; padding: 0 2em; margin: 2em; text-align: center;}
.entry-content div#about{margin: 2em 0em;}

/* General element styles -------------------------------------- */
body{text-align:left; background-color: #393a3d; color: #fff; border: 0; margin: 0;}

.right{	float: right;}

.left{	float: left;}

.clear{	clear: both;}

.hide { display: none;}

blockquote {
	padding: 1.5em 0.3em 0.5em;
	font-style: italic;
}

a {color: #db0048; text-decoration: none;}
a:hover { color: #db0048; text-decoration: underline;}

/* Layout grid ------------------------------------------------- */

.container {width: 950px; margin-left: auto; margin-right: auto;}
#header { height: 150px; background: #CC0000 url(images/header-back.jpg) repeat-x;}
#nav {height: 38px; background: #000 url(images/nav-back.jpg) repeat-x; border: 2px #000 solid; border-left: 0; border-right: 0;}
#content-main {height: 555px; border-right: 1px #4d4e52 solid; width: 530px; margin:0px 10px 25px 0; margin-top: 25px; padding: 25px; _padding: 25px 15px;}
#content-side {height: 555px; width: 290px; float: right; margin-left: 10px;  padding: 25px;}
#tertiary {height: 200px; background: #5d9d9a url(images/sec-back.jpg) repeat-x; border: 2px #000 solid; border-left: 0; border-right: 0;}
#tertiary blockquote{ font-size: 1.3em; margin-top: 2.2em;}
#footer { height: 70px;}

/* Page header ------------------------------------------------- */
/* Sub section 1 */

#nav ul {margin: 0; padding: 0; list-style: none;}
#nav li {float: left; width: 151px; line-height: 38px; text-align: center; margin: 0; padding: 0;}
#nav li a { display:block; font-size:1.3em; font-weight:300; letter-spacing:0.1em; text-transform:lowercase;}
#nav li.current_page_item, .home #nav li.home_page, .single #nav li.home_page, .archive #nav li.home_page, .category #nav li.home_page {background: #000 url(images/nav-item-back.jpg) no-repeat; border: 2px #000 solid; border-top: 0; border-bottom: 0; color: #db0048;}
#nav li.current_page_item a {color: #db0048;}

/* Sub section 2 */


/* Column 1 ---------------------------------------------------- */

#content-main object {margin: 0 55px;}
#content-main embed {_margin: 0 55px;}
#content-main h2{ text-transform: uppercase; letter-spacing:0.1em; font-weight:500;}
#content-main #description {margin: 10px 0;}
.statView {background: url(images/pictures.png) left top no-repeat; padding-left: 20px; padding-bottom: 15px;}
.statComm {background: url(images/comment.png) left top no-repeat; padding-left: 20px; padding-bottom: 15px; margin-left: 15px;}
.statTag {background:transparent url(images/tag_blue.png) no-repeat scroll left top; display:block; margin-top:11px;padding-left:20px; width:505px;}

/* Column 2 ---------------------------------------------------- */

.thumb img {margin: 10px 25px 10px 0; border: 1px #fff solid;}
.thumb {padding-bottom: 15px;}
.length_short {background: url(images/time.png) left top no-repeat; padding-left: 20px; padding-bottom: 15px;}
.rating_short {background: url(images/star.png) left top no-repeat; padding-left: 22px; padding-bottom: 15px; margin-left: 8px;}
.pagePrev {background: url(images/pagePrev.gif) left top no-repeat; padding-left: 15px; padding-bottom: 15px;}
.pageNext {background: url(images/pageNext.gif) right top no-repeat; padding-right: 15px; padding-bottom: 15px; float: right;}
.pageStatus { display:block; float:right; text-align:center; width:200px; font-size: 0.9em;}

/* Column 3 ---------------------------------------------------- */

.adJob {width: 346px; background-color:#333437; border:1px solid #4d4e52; float: right; margin-top: 2em; padding-top :20px;}
.adJob img {margin: 0 10px 20px 27px;}
.adJob p {margin: 0 30px 0 0;}
.googleBanner {margin-top: 2em;}
div.tla {width: 346px; height: 160px; float: right; clear: right;}
div.tla h3{ text-transform: uppercase; letter-spacing:0.1em; font-weight:500;}
div.tla ul, div.tla ul li {list-style: none; padding: 0; margin: 0;}
div.tla ul li a:hover {background-color:#1A1A1B;}
div.tla ul li a { background-color:#333437; border-bottom:1px solid #4d4e52; display:block; padding:5px; text-decoration:none; }

li#rss-links ul {margin: 8px 0 7px 0; padding: 0; list-style-type: none;}
li#rss-links ul li {margin: 0 0 10px 0; padding: 0; list-style-type: none;}
li#rss-links ul li a { padding: 0 0 0 19px; background: url(images/feed-icon-12x12.gif) no-repeat 0 50%; list-style-type: none;}

/* Page footer ------------------------------------------------- */

#footer {color: #fff; text-align: center; line-height: 5em;}
#footer a {font-weight: 900; }