/* 
	SCREEN STYLES
	Copyright (c) 2007, Robert D. Waller. All rights reserved.
	Updated: 1 Jan 2007 | Red Tab edition
*/

/* 	
	RESET STYLES
	Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 0.10.0
*/

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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

/*
		 LAYOUT
*/

body { 
	font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; border-top: 1px solid #900; background-color:#efefef;
} 
#wrapper {
	background-color: #FFF; padding: 40px 0 30px 0; border-bottom: 2px solid #AAA; margin: 0;
}

#content {
	width:81em; margin: 0px auto; padding: 0px 1em; /* background: #FFF url(/images/background.gif) repeat 0 0; */ min-width: 680px;
}
#main {
	width: 53em; float: left; padding: 0;
	}
#sidebar {
	width: 25em; float: right; padding: 1.2em 0;
}
#header {
		background-color:#900; border-top: 4px solid #D00;
}
/*	Logo	*/
#masthead {
	width: 83em; margin: 0 auto; background: url(/images/uploads/templates/feature.gif) no-repeat top right; padding-top: 19px; min-width: 680px;
}
#masthead a#feature, span#feature {
	color: #DA1; border:none; float: left; padding-right: 2px; text-transform: capitalize; background: url(/images/uploads/templates/icons/msg.gif) no-repeat right 0; padding-right: 12px; font-size: 1.199em; font-weight:bold; margin-left: 4px; height: 8px;
}
#masthead span#feature {
	background: none;
}
#masthead span#logo, #masthead a#logo {
	display: block; width: 320px; height: 40px; border-style: none; background: url(/images/uploads/templates/logo-color.gif) no-repeat; float:left; padding: 0 0 12px 0; margin-left: 1em;
}
#masthead a#feature:hover {
	color: #FD1; background: url(/images/uploads/templates/icons/msg.gif) no-repeat right -8px;
}
#masthead img  {
	display: block; width: 0;
}

/*	NAVIGATION 	 */

ul#nav {
	width:83em; clear:both; display:block;
}
#nav li {
	font-size: 1.3em; float:left; font-weight: bold; letter-spacing: .1em;
}
#nav a {
	float: left; color:#DA1; padding: .5em 1.75em .6em .7em; border: none;
}
#nav a:hover {
	color:#FC0; background-color: #a00
}

/* Tabs */
body#home #home_tab a, 
body#notebook #notebook_tab a,
body#portfolio #portfolio_tab a, 
body#about #about_tab a, 
body#contact #contact_tab a {
	color: #FB0;  background-color: #800;
}

/*	Links	*/
a:link, a:visited {
	text-decoration: none; border-bottom: 1px solid #DDD; color: #333;
}
a:hover {
	border-bottom: 1px solid #AAA; color: #000;
}
/* 	Tags	*/
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
acronym {
	border-bottom: 1px dotted #BBB;
	cursor: help;
}
abbr {
	border-bottom: 1px dotted #BBB;
	cursor: help;
}

#shelf {
	width:100%; background:#efefef; border-top: 1px solid #ccc; border-bottom: 1px solid #AAA; height: 150px;
}

#currentmedia {
margin: 15px 0 0 0;
overflow: hidden;
}

#currentmedia img {
margin: 0 20px 0 0;
border: 1px solid #ddd;
padding: 3px;
float: left;
}

#currentmedia a {
margin: 0 0 10px 0;
line-height: 1.5;
font-size: 1.1em !important;
}

#currentmedia a strong {
margin: 15px 0 0 0;
display: block;
color: #000;
}

#currentmedia a:hover {
text-decoration: none;
}

#currentmedia a:hover img {
background-color: #ccc;
border: 1px solid #ccc;
}

#currentmedia em {
display: block;
margin: 10px 0 0 0;
}


/*     Flickr Badge     */
#flickr_badge_wrapper {
float: left;
margin-top: 15px;
}

#flickr_badge_wrapper p {
font-size: 10px !important;
float: right;
clear: left;
margin: 5px 5px 0 0;
}

#flickr_badge_wrapper p strong {
color:#3993ff;
}

#flickr_badge_wrapper p strong span {
color:#ff1c92;
}

.flickr_badge_image {
float: left;
margin: 0 3px 3px 0;
}

.flickr_badge_image a {
padding: 3px 3px 0 3px;
border: solid 1px #ddd;
display: block;
}

.flickr_badge_image a:hover {
border: solid 1px #ccc;
background-color: #ccc;
}

.flickr_badge_image img {
width: 72px;
height: 72px;
}

/*	FOOTER	*/

#footer {
	width:81em; margin: 0 auto; min-width: 680px; padding: 0 1em;
}  
#footer p {
	font-size: 1.2em; line-height:2;
}
#footer #site_info {
	float: left; background: url(/images/uploads/templates/logo-footer.gif) no-repeat left center; padding-left: 51px; padding-top: 3px;
}
#footer #client_login {
	width: 21.6em; float: right; padding-top: 3px;
}
#footer #client_login a {
	color: #333; border-bottom: 1px solid #ccc; background: url(/images/uploads/templates/icons/lock-gray.gif) no-repeat right 3px; padding-right: 12px; text-decoration:none; text-transform: capitalize;
}
#footer #client_login a:hover {
	color: #F00; border-bottom: 1px solid #999; background: url(/images/uploads/templates/icons/lock-gray.gif) no-repeat right -21px; padding-right: 12px;
}
p { 
	line-height: 1.4; margin: 1em 0 1.3em 0; font-size: 1.3em; 
} 
h1 { 
	font-size: 2.058em; line-height: 1.2; margin: 0; 
} 
body#home h1 { display: none; }
h2 { 
	font-size: 1.517em; line-height: 1; margin: 1.75em 0 -.1em 0; 
}
#sidebar h2 {
clear: both; text-transform: uppercase; font-size: 1.1em; color: #444; font-weight: bold; padding: 2em 0 .1em 0;
}
#sidebar h2.first, #sidebar h2#first {
margin: 0;
}
#sidebar p {
font-size: 1.2em; line-height: 1.625;
}


/*	MISC ELEMENTS */
hr, .access {
	display:none;
}
a img {
	border: none;
}		
span.cap {
	text-transform: capitalize;
}

/*	Form Elements */
.formLabel{
	display: block;
	font-weight: bold;
	font-size: 1.099em;
	margin-bottom: .325em;
}
.formField {
	margin-bottom: 1.3em;
	width: 75%
}
form {
	width: 100%;
}
#button {
	float: left;
	padding: 1px 8px;
	margin-top: 10px;
}
.error {
	background-color: #F00;
	color: #FFF;
	padding: 1px 3px;
}
.noError {
	background-color: #FFF;
	color: #000;
	padding: 0;
}
#warning {
	float:right;
	display: none;
	margin-top: 14px;
	font-weight:bold;
}
#error404 {
font-weight: bold;
color: #c00;
padding: .5em 0 1em 0;
}
input#search_button {
height: 14px;
width: 12px;
cursor: pointer;
}
body#search #masthead #cse-search-box {
display: none;
}
#masthead #cse-search-box {
float: right;
margin: 12px 1em 0 0;
width: 300px;
text-align: right;
}
#content #cse-search-box-2 div{
margin: 2.6em 0 0 0;
}

body#search p {
float: left;
margin: 2em 2em 0 0;
}

/* PORTFOLIO STYLES */
#portfolio #main ul {
font-size: 100%;
margin: 0;
}
#portfolio #main ul li {
overflow: hidden;
margin: 2em 0 0 0;
}
#portfolio #main ul li a {
display: block;
padding: 0 0 0 0;
overflow: hidden;
border: none;
}
#portfolio #main ul li a img {
border: 1px solid #ddd;
padding: .3em;
background: #fff;
width: 16em;
height: 10.7em;
float: left;
margin-right: 2em;
}
#portfolio #main ul li a h3 {
line-height: 1; margin: 0; font-size: 1.2em;
}
#portfolio #main ul a:hover img {
background-color: #ccc;
}
#portfolio #main ul a p {
color: #000;
}
body#portfolio #feature p {
line-height: 1.4; margin: 1em 0 1.3em 0; font-size: 1.3em; 
}
body#portfolio #feature img {
width: 50em;
height: 33.3em;
}
body#portfolio #feature a {
border-bottom: .4em solid #ddd;
}
body#portfolio #feature a:hover {
border-color: #aaa;
}

body#portfolio .img_right {
float: right;
margin: 2.167em 0 2.167em 2.167em;
}
body#portfolio .img_left {
float: left;
margin: 2.167em 2.167em 2.167em 0;
}
body#portfolio .img_right p, 
body#portfolio .img_left p {
color: #666;
font-size: 1.083em;
line-height: 1.5;
margin: .5em 0 0 0;
}
body#portfolio .img_right p{
margin-left: 2.167em;
}
body#portfolio .img_left p{
padding-right: 2.167em;
}

/* BLOG STYLES */

h2.dateline, p.dateline, h2.dateline_first {
font-size: 11px; text-transform: uppercase; font-weight: normal; margin: 4.5em 0 0 0; display: block; color: #444;
}

#notebook h2.dateline#first, #notebook h2.dateline_first {
margin: 3em 0 0 0;
}

body#home h2.dateline#first, body#home h2.dateline_first {
margin: 0;
}
p.dateline {
margin: 1.25em 0 2.5em 0;
}

h3.link, h3.link_first {
	line-height: 1.4; margin: 2em 0 0 0; font-size: 1.2em; clear: both;
}
h3.article, h3.article_first {
	font-size: 1.517em; line-height: 1.4; margin: 2em 0 0em 0; clear: both;
}

h3.article_first, h3.link_first { margin: 0; }

.article_divider, .link_divider { border-top: 1px dotted #ccc; padding-top: 1.75em; }
.link_divider { padding-top: 2.5em; }

body#home h2#more { line-height: 1.4; margin: 2.5em 0 0 0; font-size: 1.2em; clear: both; border-top: 1px dotted #ccc; padding-top: 2.5em; }

blockquote{
border-left: 1px dotted #ccc; padding: 0 10px;
}

img.left {
float: left; margin: 10px 10px 10px 0;
}

img.right {
float: right; margin: 10px 0 10px 10px;
}

/* LIST STYLES */

#main ul {
list-style-type: square;
line-height: 1.75em;
font-size: .8em;
margin: -.5em 0 0 1.5em;
}
#sidebar ul {
line-height: 1.75em;
margin: .5em 1.5em;
list-style-type: square;
}
#sidebar #tweets ul {
line-height: 1;
margin: 0;
list-style-type: none;
}
#sidebar ul.icon_list {
font-size: 1.1em;
margin: 0;
}
#sidebar ul.icon_list li {
overflow: hidden;
}
#sidebar ul.icon_list li a {
display: block;
padding: 1em 0 0 0;
line-height: 1.4;
overflow: hidden;
border: none;
}
#sidebar ul.icon_list li a img {
float: left;
border: 1px solid #ddd;
padding: .3em;
margin: 0 1em 0 0;
background: #fff;
width: 2.5em;
height: 2.5em;
}
#sidebar ul.icon_list li a strong {
font-weight: bold; padding: .5em 0 .1em 0; display: block;
}
#sidebar ul.icon_list a:hover img {
background-color: #ccc;
}

/* Clear floats */
ul#nav:after, 
#wrapper:after,
#content:after,
#footer:after {
	content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}