/*
											  ,/         \,
											 ((__,-"""-,__))
											  `--)~   ~(--`
											 .-'(       )`-,
											 `~~`d\   /b`~~`
											     |     |
											     (@___@)
											      `---`									
	--------------------------------------------------------------------------------------------------------------------------
	PROJECT:
		Name:			  Dave Brookes v2
		Copyright:		  2010 Dave Brookes
	--------------------------------------------------------------------------------------------------------------------------
	FILE INFO:
		Name: 			  screen.css
		Note:			  This is where all styles for on-screen media are declaired
		Revision: 		  1.0
		Last updated:     2010/06/06
		Last updated by:  Dave Brookes
	----------------------------------------------------------------------------------------------------------------------- */
	
/*  ----------------------------------------------------------------------------------------------------------------------- 
	BROWSER RESET:
		Note: 			  Set browsers to the same baseline styles, based on the YUI Reset CSS
		Reference: 		  http://developer.yahoo.com/yui/reset/
	----------------------------------------------------------------------------------------------------------------------- */
	
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}	
	table {border-collapse:collapse; border-spacing:0;}
	fieldset,img {border:0;}	
	ol,ul {list-style:none;}	
	caption,th {text-align:left;}	
	h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}	
	q:before,q:after {content:'';}	
	abbr,acronym {border:0;}

/*  ----------------------------------------------------------------------------------------------------------------------- 
	SETUP THE BODY:
	----------------------------------------------------------------------------------------------------------------------- */

	body{
		font-size:12px;
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
		line-height:21px;
		background: #ededed url(/assets/old/images/background.png) fixed;
	}
	
/*  ----------------------------------------------------------------------------------------------------------------------- 
	MISCELLANEOUS:
	----------------------------------------------------------------------------------------------------------------------- */	

	a {color:#333;text-decoration:none;}
	a:visited {color:#333;	text-decoration: none;}
	a:hover {color:#333;text-decoration:underline;}
	a:active {color:#333;outline: none; position: relative; top: 1px;}
	a:focus {outline-style: none;}
	
	acronym {cursor: help; border-bottom: 1px dotted #ccc;}
	
	a#feedback {background:url(/assets/old/images/feedback.png) repeat scroll 0 0; display:block; height:96px; position:fixed; right:0; text-indent:-999em; top:250px; width:30px;}

	h2 {font-size: 28px; font-family: Georgia,Serif; color: #333; margin-bottom:15px; text-shadow:1px 1px #FFFFFF;}
	h3 {font-size: 19px; font-family: Georgia,Serif; color: #91080B; margin: 10px;border-bottom: 1px solid #ddd; padding-bottom: 7px; text-shadow:1px 1px #FFFFFF;}
	
	.clear {clear: both;}	
	.float-left {float: left;}
	.float-right {float: right;}
	
	#container {width:100%;}

/*  ----------------------------------------------------------------------------------------------------------------------- 
	HEADER:
	----------------------------------------------------------------------------------------------------------------------- */	

	#top-border {width:100%; height:4px; background: #fff url(/assets/old/images/top-border-background.png) center top; }
	#header {width:100%; height:80px;}
	#header-inner {margin:0 auto; width:960px; height:80px;}
	#header-inner h1 {display:none;}

	.logo { float: left; width:75px; height: 43px; margin: 25px 0 0 5px; background-image: url(/assets/old/images/logo.gif); background-position: 0px -44px;}
	.logo:hover {background-position: 0px 0px;}
	
	#nav {
		float: right;
		display: inline;
		margin-top: 40px;
		margin-right: 5px;
		color:#222222;
		font-size:15px;
		height:30px;
		line-height:0.2em;
		padding-left:15px;
		padding-right:15px;
		text-decoration:none;
		text-transform:uppercase;
		font-family: Georgia,Serif;
		text-shadow:1px 1px #FFFFFF;
		letter-spacing:1px;
	}

	#nav li { float: left;}
	#nav li a { float: left; text-align: center; margin-left:25px; padding-top:5px;color: #222222;}
	#nav li a:hover { color:#666; text-decoration:none;}
	#nav li.on a { background: url(/assets/old/images/nav-bg-active.png) top left no-repeat; width: 61px; height: 29px; text-align: center;}
	
/* New sliding Doors Navigation - ready to build! */
	
	#navigation {
		float: right;	
		margin-top: 20px;
		margin-right: 5px;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#navigation ul, #navigation ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#navigation ul {
		padding: 5px 0 5px;
		text-align: center;
	}
	
	#navigation ul li {
		display: inline;
		margin-right: -2px;
	}
	
	#navigation ul li a {
		background: url(/assets/old/images/lava-left.png) no-repeat left top;
		color: #FFF;
		text-decoration: none;
		padding: 5px 0;
	}
	
	#navigation ul li span {
		background: url(/assets/old/images/lava-right.png) no-repeat right top;
		padding: 5px 10px 5px 5px;
		margin: 4px 0 4px 4px;
	}
	
	#navigation ul li a:hover span {
		text-decoration: underline;
		background-position: 100% -75px;
	}
	
	#navigation ul li a:hover {
		background-position: 0 -75px;
	}
	
	#navigation #current a {
		background-position: 0 -150px;
	}
	
	#navigation #current a span {
		background-position: 100% -150px;
	}
	


/*  ----------------------------------------------------------------------------------------------------------------------- 
	INFO BAR:
	----------------------------------------------------------------------------------------------------------------------- */

	#infobar {width:100%; height:32px; background-image: url(/assets/old/images/infobar-background.png); background-repeat: repeat-x;}
	#infobar-inner { margin:0 auto;	width:1000px; height:32px; position: relative;}
	#infobar-inner a {font-size: 11px; color: #fff;}

	#breadcrumb {font-size: 11px; color: #ccc; padding-top:3px; position: absolute; left: 0;}
	#breadcrumb a:hover { text-decoration: underline;}

	#subscribe {font-size: 11px; color: #ccc; position: absolute; right: 0; margin-top: 3px;}
	#subscribe li {display: inline;}

	.twitterlink{		
		padding-left:35px;
		background-image: url(/assets/old/images/twitter_16.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding-bottom: 4px;
		padding-top: 1px;
		margin-right:10px;
	}

	.rsslink{	
		padding-left:35px;
		padding-bottom: 4px;
		padding-top: 1px;
		background-image: url(/assets/old/images/rss_16.png);
		background-repeat: no-repeat; 
		background-position: left center;
		margin-right:10px;
	}

/*  ----------------------------------------------------------------------------------------------------------------------- 
	CONTENT AREAS:
	----------------------------------------------------------------------------------------------------------------------- */

	#content { margin:0 auto; width:100%;}
	#content-inner {margin:0 auto; width:960px; margin-top:20px;}
	#content-inner p {margin:10px;}

	#sidebar {width:300px; height: 400px; float: right;}

	#map {width:640px; height:400px;}

	.sociallinks {float:left; width:130px;}

	.category {font-size:0.85em; text-transform: uppercase;}

	.category a {
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(/assets/old/images/category.gif) no-repeat scroll left top;
		color:#fff;
		display:inline-block;
		font-size:0.85em;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:bold;
		line-height:normal;
		margin:0 0 6px;
		padding:3px 4px;
		text-transform:uppercase;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;}

	.category a:hover { background:url(/assets/old/images/category.gif) no-repeat bottom center; text-decoration:none;}
	
	.full-content {
		position:relative;
		width: 956px;
		padding:20px;
		margin-bottom:20px;
		color:#666;
		background-color:#fff;
	}

/*  ----------------------------------------------------------------------------------------------------------------------- 
	FROM THE BLOG:
	----------------------------------------------------------------------------------------------------------------------- */

	#fromtheblog {
		margin:0 auto;
		width:100%;
		background-image: url(/assets/old/images/fromtheblog-background.png);
		color: #f5f5f5;
		padding-top: 15px;
		border-bottom: 1px solid #000;
	}
	
	#fromtheblog-inner {
		margin:0 auto;
		width:1000px;
		text-align:left;
	}
	
		
	#fromtheblog-inner li {
		display: inline;
	}
	
	
	#fromBlog {
		width:960px;
	}

	#fromBlog .blogItems {
		display:block;
		float:right;
		height:40px;
		margin-bottom:15px;
		width:960px;
		background-color: #333;
	}
	
	.ui-tabs .ui-tabs-nav li {
		float:left;
		height:30px;
		list-style-type:none;
		width:180px;
		padding-top:10px;
	}
	
	.ui-tabs .ui-tabs-nav li a {
		color:#fff;
		display:block;
		font-size:14px;
		font-weight:bold;
		height:40px;
		text-align:center;
		width:170px;
	}
	
	.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
		cursor:pointer;
	}
	
	.ui-tabs .ui-tabs-nav li a:hover {
		background:url("") no-repeat scroll 0 0 transparent;
		color:#F9F2DA;
		font-weight:bold;
	}
	
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
		background:url("") no-repeat scroll 0 0 transparent;
		color:#F9F2DA;
		font-size:14px;
		font-weight:bold;
		height:40px;
		width:170px;
	}
	
	.ui-tabs .ui-tabs-panel {
		padding-top:15px;
	}
	
	.ui-tabs .ui-tabs-hide {
		display:none !important;
	}
	
	#fromBlog .portfolio-feature  {
		position: relative;
	}
	
	#fromBlog .featureImage  {
		background:none repeat scroll 0 0 #333333;
		float:left;
		margin-right:35px;
		padding:6px;
		width:225px;
		margin-left: 20px;
	}
	
		
	#fromBlog .featuredProject {
		height:124px;
		margin-left: 20px;
		left:-9px;
		position:absolute;
		top:-1px;
		width:121px;
	}
	
	
	#fromBlog .description {
		float:left;
		padding-left:20px;
		width:600px;
	}
	
	#fromBlog .description p {
		font-size:13px;
	}
	
	#fromBlog .description h3 {
		font-size: 24px; font-family: Georgia,Serif; color: #333; margin-bottom:15px; text-shadow:1px 1px #FFFFFF;
		padding:0px 0 15px;
	}
	
	
/*  ----------------------------------------------------------------------------------------------------------------------- 
	HOMEPAGE:
	----------------------------------------------------------------------------------------------------------------------- */	
		
	#home blockquote {	
	
	color:#5B5B5B;
	font-family:"Times New Roman",Times,serif;
	font-size:20px;
	letter-spacing:1px;
	line-height:1.3em;
	text-align:center;
	text-transform:uppercase;
	border-bottom:1px solid #ccc; 
	text-shadow:1px 1px #FFFFFF;
	padding-bottom:10px;
	margin-bottom:25px;
	margin:0 auto;
	margin-bottom:30px;
	margin-top:12px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:20px;
	}	

/*  ----------------------------------------------------------------------------------------------------------------------- 
	CONTACT:
	----------------------------------------------------------------------------------------------------------------------- */

	label { width: 100px; float: left; font-weight:bold;}
	label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

	legend {
		color:#CF3D61;
		font-family:Georgia,Serif;
		font-size:19px;
		margin:10px;
		text-shadow:1px 1px #FFFFFF;

	}

	fieldset {
	  margin: 15px 0 15px 0;
	  padding-bottom: 30px;
	  border: 1px dashed #ccc;
	}

	input, textarea {
		padding: 2px;
		border: solid 1px #E5E5E5;
		outline: 0;
		box-shadow: rgba(0,0,0, 0.1) 0px 0px 6px;
		-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 6px;
		-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 6px;
		}

	input:hover, textarea:hover,
	input:focus, textarea:focus {
		border-color: #C9C9C9;
		-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
		}
	
	#form-left{float:left; width:400px; margin-left:25px;}
	#form-right {float:right; width:460px; margin-right:25px;}

	.about-you {height:250px;}
	.about-you input {margin:5px; width:220px;}
	.about-you label {margin:5px;}

	.your-message {height:250px;}
	.your-message input {margin:5px;}
	.your-message label {margin:5px; width:180px;}
	.your-message textarea {width:420px; max-width:420px; margin-left:5px; height:145px;}
	.your-message select {margin-top:5px;}

	.submitbutton {position:absolute; bottom:80px; right:230px; border:0;}

	.attach-file {height:190px; clear:both;}
	.attach-file p {padding-bottom:5px;}
	.attach-file input {margin:5px;}

	.submit {height:190px; clear:both;}

	.highlight {color:#91080B;}
	.lowlight {color:#666;}

	.required-fields {position:absolute; top:0; right:5px; font-style:italic;}
	.vcard-download {position:absolute; top:-62px; right:0;}

/*  ----------------------------------------------------------------------------------------------------------------------- 
	FOOTER:
	----------------------------------------------------------------------------------------------------------------------- */	

	#footer {
		margin:0 auto;
		width:100%;
		background-color: #333;
		padding-top: 15px;
		border-top: 2px solid #B3B3B3;
		border-bottom: 1px solid #B3B3B3;
	}
	
	#footer-inner {
		margin:0 auto;
		width:960px;
		text-align:left;
		position: relative;
		background-color:#313030;
	}
	
	#footer-inner h1 {
		color: #fff;
	}
		
	#bottom-bar {
		width:100%;
		background-color:#313030;
		background-position: center;
		border-top: 1px solid #000;
		border-bottom: 1px solid #B3B3B3;
	}
	
	#bottom-bar-inner {
		margin:0 auto;
		width:960px;
		color: #fff;
		text-align: right;
		height:28px;
		padding-top: 5px;	
	}
	
	#bottom-bar-inner a {
		color: #fff;
		text-decoration: none;
		border-bottom: 1px dotted #ccc;
	}
	
	#bottom-bar-inner a:hover{
		color: #fff;
		text-decoration: underline;
		border-bottom:none;
	}

	#twitter {
		width:350px;
		float: right;
		margin-top:10px;
	}

	.tweet {	
		width: 335px;
		height: 80px;
		padding:5px;
		background-color: #ccc;
		margin-bottom: 10px;
		color: #333;
		font-size:11px;
		position: relative;
		background-image: url("/assets/old/images/tweet-background.png");
		background-repeat: repeat-x;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
	
	.tweet:hover {	
		opacity:0.7;
		color: #000;
	}

	.tweet a {
		color: #C9505B;
	}
	
	.tweet a:hover {
		color: #C9505B;
		text-decoration: none;
		border-bottom: 1px dotted #333;
	}
		
	.tweettime {
		position: absolute;
		bottom: 5px;
		right: 5px;
		background-image: url("/assets/old/images/tweet-time.png");
		background-position: right center;
		background-repeat: no-repeat;
		padding-right:20px;	
	}

	#twitter h1 {
		color: #fff;
		padding-bottom: 15px;	
	}
	
	.twitterlogo {
		color:#34CCFF;
	}

	#flickr {
		width:350px;
		float: left;
		margin-top:10px;
	}

	#flickr h1 {
		color: #fff;
		padding-bottom: 15px;
	}

	#flickr li {
		display: inline;

	}
		
	#flickr img {
		border: 3px solid #D5D5D5;
		margin-right: 6px;	
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	#flickr img:hover {
		opacity:0.6;
		border: 3px solid yellow;
	}

	.flickrlogo1  {
		color:#0063DC;
	}
	
	.flickrlogo2 {
		color:#FF0084;
	}
	
	#toplink {
	
		position: absolute;
		top:-38px;
		left: 463px;	
		background-image: url("/assets/old/images/logo-footer.png");
		background-position: 0px -44px;
		width:75px;
		height: 43px;
	}
	
	#toplink:hover {
	
		background-position: 0px 0px;
	}


/*  ----------------------------------------------------------------------------------------------------------------------- 
	BLOG:
	----------------------------------------------------------------------------------------------------------------------- */

/* Badly built content areas */

	.entry-top {
		width: 686px;
		height: 12px;
		background-image: url(/assets/old/images/entry-top.png);
		background-position: top center;
		background-repeat: no-repeat;
	}

	.entry-content {
		width: 646px;
		height: 250px;
		background-image: url(/assets/old/images/entry-inner.png);
		background-position: top center;
		background-repeat: repeat-y;
		padding-left:20px;
		padding-right:20px;
	}

	.entry-content h2 {
		padding: 0;
		margin-top: 0;
		margin-bottom: 15px;
		padding-bottom: 5px;
		text-transform: uppercase;
	}

	.entry-image {
		float: left;
		border: 6px solid #747474;
		margin:5px;
	}

	.entry-bottom {		
		width: 686px;
		height: 39px;
		background-image: url(/assets/old/images/entry-bottom.png);
		background-position: bottom center;
		background-repeat: no-repeat;
		margin-bottom: 15px;
		color: #f5f5f5;	
	}	

	.article-top {	
		width: 686px;
		height: 12px;
		background-image: url(/assets/old/images/entry-top.png);
		background-position: top center;
		background-repeat: no-repeat;	
	}

	.article-content {
		width: 646px;
		background-image: url(/assets/old/images/entry-inner.png);
		background-position: top center;
		background-repeat: repeat-y;
		padding-left:20px;
		padding-right:20px;
	}

	.article-content h2 {
		padding: 0;
		margin: 0;
	}

	.article-bottom {
		width: 686px;
		height: 39px;
		background-image: url(/assets/old/images/entry-bottom.png);
		background-position: bottom center;
		background-repeat: no-repeat;
		margin-bottom: 15px;
		color: #f5f5f5;
	}
	
/* Badly built sidebar */

	.sidebar-top {
		width: 300px;
		height: 12px;
		background-image: url(/assets/old/images/sidebar-top.png);
		background-position: top center;
		background-repeat: no-repeat;
	}

	.sidebar-content {
		width: 280px;
		background-image: url(/assets/old/images/sidebar-inner.png);
		background-position: top center;
		background-repeat: repeat-y;
		padding-left:20px;
	}

	.recommended img {
		border: 4px solid #B3B3B3;
	}

	.sidebar-bottom {
		width: 300px;
		height: 12px;
		background-image: url(/assets/old/images/sidebar-bottom.png);
		background-position: bottom center;
		background-repeat: no-repeat;
		margin-bottom: 15px;
		color: #f5f5f5;
	}
	
	/* Inline code */
		
	.inline_code { font-size:0.8em; background-color:#fff; padding:5px; overflow: auto;}
	.inline_code ol { margin-left:3em;}
	.inline_code ol li:nth-child(even) { background-color:#f0f0f0;}
	.inline_code ol li:nth-child(odd) { background-color:#fff;}
	.inline_code ol li { margin:0; padding:3px;}