/*  
Theme Name: TJC7
Theme URI: http://www.tobyjamescreative.com/
Description: This is a fantastic new theme for the Toby James website!.
Version: 7.0
Author: Toby Pestridge
Author URI: http://www.tobyjamescreative.com/


*/

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-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	font-size: 62.5%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#666666;
}
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 {
border-left:6px solid #45D5F9;
font-style:italic;
margin:0 40px;
padding:0 0 0 10px;
quotes:"" "";
font-family:Georgia, "Times New Roman", Times, serif
}

/* JQuery hover styling */
.imageLibrary {
display: inline;
clear: none;
}
.imageLibrary li {
list-style-type: none;
margin-left: 10px;
margin-bottom:20px;
display: inline;
clear: none;
}
.imageLibrary p {
	position: absolute;
	margin: 0px;
	z-index:2;
	background-Color: #45d5f9;
	color: #ffffff;
	width: 152px;
	text-align: left;
	padding:5px;
	opacity:.9;
	display: none;
	clear: none;
	font-size:1.3em;
	bottom: 0px;
}
.imageLibrary img {
z-index:1;
width: 162px;
height: 162px;
border: none;
}
.imageLibrary p .title {
color: #fff;
font-size:1.3em;
font-weight:bold;
}
.imageLibrary img {
z-index:1;
width: 162px;
height: 162px;
border: none;
}

/* my bits */

body {
	background-image: url(images/bg-top.png);
	background-repeat: repeat-x;
}
.header{
	height: 187px;
}
body.home .header{
	height: 230px;
}
.minihead{
	height: 100px;
}
.header h1 {
	color:#66CC99;
	font-size:3em;
	margin:-54px 0 0;
	overflow:hidden;
	width:546px;
}
.grey h2 {
	color: #45d5f9;
	font-size: 3em;
	text-transform: uppercase;
	margin:0 0 8px 0;
}
.spacer {
height:30px;
}
.grey{
background-color:#666666;
width:100%;
height:100%;
color:#CCCCCC;
}
.grey p, .grey ul{
font-size:1.1em;
line-height:1.2em;
}
.grey a{
color: #45d5f9;
text-decoration:none;
}
ul.nav{
list-style-type:none;
margin:0;
}
ul.nav li{
	list-style-type:none;
	float:left;
}
ul.nav li a{
	display:inline-block;
	background-image: url(images/nav-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height:59px;
}
ul.nav li a:hover, 
body.blog ul.nav li a.blog,
body.single ul.nav li a.blog,
body.home ul.nav li a.home,
body.portfolio ul.nav li a.portfolio,
body.contact ul.nav li a.contact{
	background-position: bottom;
}
.navhold {
/*background-image:url("images/nav-bg.jpg");
background-repeat:repeat-x;*/
height:59px;
line-height:59px;
position:absolute;
top:47px;
width:100%;
z-index:1;
}
.navinner{
margin:0 auto;
width:930px;
}
.logo{
background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: right;
	height:187px;
	width:354px;
	z-index:100;
	position:relative;
}
.logohold{
height:187px;
left:576px;
position:relative;
top:0;
width:354px;
z-index:3000;
}
.container_5 div.grid_1 ul li, .clip{
border-bottom:dashed 1px #888888;
display:block;
margin:0 0 8px;
padding:0 0 8px;
}
body.blog .content{
margin:96px 15px 0;
}
.content h1{
color:#66CC99;
display:block;
font-size:3.5em;
width:546px;
text-transform:uppercase;
letter-spacing:-.4px;
font-weight:bold;
}
.content h3{
color: #45D5F9;
    font-size: 2.8em;
    margin: 0 0 12px;
}
.content h1 a{
color:#66CC99;
text-decoration:none;
}
body.single .content h1,
body.page .content h1,
.content h1 a{
margin-bottom: 10px;
min-height: 100px;
}
.content p{
font-size:1.4em;
line-height:1.5em;
margin:0 0 20px 0;
}
.content a{
	color:#666666;
	text-decoration:underline;
}
.content a:hover{
color:#45d5f9;
text-decoration:none;
}
.content p.ffwd a,
.content p.rwd a{
color:#45d5f9;
text-decoration:none;
}
.content{
display:block;
float:left;
}
.sidebar{
display:block;
float:left;
margin:100px 0 0 15px;
}
.sidebar .block{
border-top:solid 30px #45d5f9;
padding:20px 0 0;
margin:0 0 20px;
}
.sidebar .block h2, .content h2{
color:#CCCCCC;
font-size:2.8em;
margin:0 0 12px;
}
.sidebar .list{
color:#45D5F9;
font-size:1.4em;
font-weight:bold;
height:32px;
line-height:32px;
margin:0 0 8px;
padding:0 0 0 44px;
background-image: url(images/sidebar-icons.gif);
background-repeat: no-repeat;
overflow:hidden;
}
.sidebar p{
font-size:1.4em;
font-weight:bold;
line-height:20px;
color:#CCCCCC;
}
.sidebar .list.tags{
	background-position: 0 0;
}
.sidebar .list.cats{
	background-position: 0 -53px;
}
.sidebar .list.twit{
	background-position: 0 -105px;
}
.sidebar .list.rss{
	background-position: 0 -158px;
}
.sidebar a{
text-decoration:none;
color:#45d5f9;
}
ul.foot{
list-style-type:none;
margin:0;
}
ul.foot li{
float:left;
}
ul.foot li a{
color:#999999;
display:block;
margin:0 6px 0 0;
}

/* WP Caption */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* optional rounded corners for browsers that support it */
	margin: 30px;
	padding-top: 4px;
	text-align: center;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
.content p.postmeta{
background:none repeat scroll 0 0 #F4F4F4;
color:#999999;
font-size:1.1em;
padding:4px;
margin:0 0 30px;
}
.thecontent{

}
.rwd{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:1.1em;
float:left;
}
.ffwd{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:1.1em;
float:right;
}
ol.commentlist{
margin:0 0 30px 0;
}
ol.commentlist li{
margin:0 0 10px;
padding:20px;
}
ol.commentlist li.even{
background-color:#e1e1e1;
}
ol.commentlist li.odd{
background-color:#f4f4f4;
}
ol.commentlist li.byuser{
background-color:#45D5F9;
color:#FFFFFF;
font-weight:bold;
margin:0 0 0 60px;
}
ol.commentlist li.byuser a{
color:#FFFFFF;
}
img.avatar{
float:left;
margin:0 6px 6px 0;
}
.commentmetadata{
margin:-27px 0 34px 320px;
position:relative;
text-align:right;
}
.form-allowed-tags{
display:none;
visibility:hidden;
}
.comment-form-comment label{
display:none;
}
#commentform input{
float:left;
margin:0 10px 0 0;
}
.portf-img{
	float:left;
	margin-right:20px;
}
.portf-txt{
	float:left;
	width:350px;
	margin-bottom:60px;
}
.portf-txt h1 {
	
}
dl, dt, dd {
font-size:1.1em;
line-height:1.2em;
}
dt {
float:left;
font-weight:bold;
width:136px;	
}
dd {
margin-bottom:6px;
margin-left:136px;
}
body .ngg-gallery-thumbnail img {
border:2px solid #CCCCCC;
margin:0 0 7px;
padding:0;
}
body .ngg-gallery-thumbnail {
margin-right:7px;
}
pre{
background-color:#F3F3F3;
border:1px solid #DDDDDD;
overflow:scroll;
padding:20px;
width:90%;
margin:0 0 20px;
}
code{
font-family:"Courier New", Courier, monospace;
font-size:10pt;
}