@charset "utf-8";
/* CSS Document */

/*
Theme Name: Ben Thomas
Description: 12 Grid
Author: Hello Kingdom
Author URI: http://www.hellokingdom.co.uk
version: 2.0
*/


/* Ben Thomas | @requires font, grids CSS

Sheet organization:
	1)  Basic HTML elements
	2)  Font Sizing / Colours
	3)  Reusable classes
	4)  Page layout containers
	5)  Content blocks in specific layout containers
	6)  Navigation and menus
	7)  Browser hacks
	8)  jQuery and jQuery UI and Cufon Changes
	9)  Right-to-left language styles

*/

/* 1. Basic HTML Elements ----------------------------
--------------------------------------------------- */

* {margin:0;padding:0;}
html {background:url(img/bg.jpg) fixed no-repeat #000;}
body {font-family:Arial, Helvetica, sans-serif;color:#fff;font-size:0.7em;text-align:left;background:none;line-height:1.7em;}
ul {margin:0 0 0 0;list-style:none;}
p {line-height:1.4em;margin:10px 0 10px 0;}
dt {font-weight:bold;}
p, ul, blockquote, pre, td, th, label {
line-height:1.4em;
}
dl {line-height:1.4em;}
dt {color:#62d4e1;}

/* 2. Font Sizing / Colours --------------------------
--------------------------------------------------- */

a {color:#fff;text-decoration:none;}
a:hover {color:#62d4e1;}
h2 {color:#62d4e1;margin:0 0 0 0;font-size:1.5em;}
h3 {color:#62d4e1;margin:0 0 0 0;font-size:1.5em;}


/* 3. Reuseable Classes ------------------------------
--------------------------------------------------- */

#title {margin:0;width:230px;height:50px;background:#242424;position:relative;z-index:-999;}
	#title h2 {font-size:1.2em;text-transform:uppercase;background:#242424;display:inline-block;position:absolute;top:18px;left:20px;padding-right:10px;color:#fff;}
#colourbar {background:#62d4e1;height:10px;width:190px;position:absolute;top:19px;left:20px;z-index:-998;}	
.postdate {font-style:italic;}	
.height305 {min-height:305px;}
.mtop {margin-top:35px;}
.nodash {border-bottom:none!important;margin-bottom:0!important;}

/* 4. Page Layout Containers -------------------------
--------------------------------------------------- */

#container {margin:0;}
#sidebar {position:fixed;top:0;left:0;z-index:1000;}
#logo {background:#242424;}
	#logo h1 {background:url(img/btlogo.jpg) no-repeat;text-indent:-9999em;height:106px;width:220px;margin:0 0 0 0px;}
#content {background:#000;}
#contentwrapper {background:#000;padding:20px;position:absolute;width:700px;top:85px;left:0;}	
#contentwrapperalt {background:#000;padding:20px;margin-top:20px;}
#contentwrapperalt.news {width:446px;}
#contentwrapperlinks {background:#000;padding:20px;margin-top:20px;}
	#contentwrapperlinks a {color:#fff;}
	#contentwrapperlinks a:hover {color:#62d4e1;}
	#contentwrapperlinks ul {margin-bottom:20px;}
	#contentwapperlinks h2 {padding-bottom:10px;}


.post {/*border-bottom:1px dashed #fff;*/margin-bottom:20px;}
	.post a {color:#62d4e1;}
	.post a:hover {text-decoration:underline;}
	.post .entry {padding:0 0 0 0;}
	.post .entry img {margin:0 0 0 0;}
	.post h2 a:hover {text-decoration:none;}
	.post img {padding-bottom:10px;}
.postbody {margin:20px 0 0 0;padding-bottom:20px;}
	.postbody p {}
	.postbody img {padding-bottom:10px;}
	.entry p {line-height:1.6em;}
	
#rightsidebar {position:fixed;top:72px;left:750px;}
	.rsbtitle {margin-bottom:10px;background:#242424;cursor:pointer;position:relative;}
	.rsbtitle h3 {color:#fff;}
	.rsbtitle a {color:#fff;padding:10px 10px 25px 10px;display:block;z-index:1000;position:relative;}
	.rsbtitle a:hover h3 {color:#242424!important;}
	.rsbtitle a:hover {color:#242424!important;}
	.rsbtitle .postdate {position:absolute;left:10px;bottom:5px;}
	.rsbtitle:hover {color:#242424!important;background:#62d4e1;}

#info {margin:0 0 1em 0;}
#info .highlight {color:#62d4e1;}
	#info .align {float:left;margin-right:20px;}
/* 5. Content Blocks in Specific Layout Containers ---
--------------------------------------------------- */

.aboutcontent {margin:0 0 0 315px;clear:right;}
	.aboutcontent h3 {margin-bottom:10px;}
.aboutimg {float:left;width:295px;height:295px;} 

.placeholder {height:175px;background:#121212;position:relative;margin-bottom:20px;}
.placeholder:hover {background:#323232;}

	.placeholder img {width:200px;margin:10px;}
	
.placeholderdesc {position:absolute;bottom:10px;left:10px;}
	.placeholderdesc dt {color:#fff;}
	


.linkscontent {padding:20px;}
.linkscontent dl {color:#62d4e1;margin-bottom:20px;}

.indexcontent {padding:20px;}

#portfolio {width:700px;position:relative;}
#portfolio .item {float:left;margin:0 15px 15px 0;}
.portfolio {width:700px;}
/* 6. Navigation & Menus -----------------------------
--------------------------------------------------- */

#menu {background:#191919;}
	#menu ul {padding:10px 0 10px 20px;text-transform:uppercase;font-size:1.2em;}
#submenu {}
	#submenu ul{padding:10px 0 10px 20px;text-transform:uppercase;font-size:1.2em;}
	#submenu ul ul {margin:5px 0;padding:0;font-size:0.8em;font-style:italic;}
	
	
	
#menu a {background:#141414;color:#fff;}
#menu a:hover {background:#66aab2;color:#fff;}

#submenu a:hover {background:#66aab2;color:#fff;}
#submenu li.active a {background:#66aab2;color:#fff;}

li.current-cat a {color:#66aab2;}
	
/* 7. Browser Hacks ----------------------------------
--------------------------------------------------- */

/* 8. jQuery & jQuery UI and Cufon Changes -----------
--------------------------------------------------- */
#menu li a,
#submenu a,
h2,
h3
{visibility:hidden;}

.cufon-ready #menu li a,
.cufon-ready #submenu a,
.cufon-ready h2,
.cufon-ready h3 {visibility:visible;}
/* 9. Right-to-left Language Styles ------------------
--------------------------------------------------- */