/*
Theme Name: CFRobinson
Theme URI: http://www.cfrobinson.com
Description: wordpress theme for charles robinson
Version: 1.0
Author: shane
Author URI: http://www.shanerichey.com


	This theme is based in the K2 Wordpress Structure:
	http://binarybonsai.com/k2/

	This theme was created by Valter Nepomuceno:
	http://binarybonsai.com/

	All elements of this theme are protected by the GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
-->	CSS Overview
	
	There are sections throughout, roughly describing 
	the contents inside each section. To step through each
	section, do a search for '/ * -' (without spaces) and
	repeat the search until you find the section you need.
	
	The use of selectors has been exagerrated in some places,
	so as to make it easier for people to gain an overview
	of what classes belong where in the hierarchy.
	
*/


/*- Page Structure */

body {
	font:'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
	background-image:url(images/brn_bg_wtop.gif);
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	text-align: center;
	margin: 0 0 30px;
	}

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}

h1 {
	
	}

h2 {
	
	}

h3 {
	padding:0;
	margin:0;
	line-height:normal;
	font-size:20px;
	font-weight:normal;
	}

h4 {
	line-height:normal;
	}

h2 a:hover, h2 span a:hover {
	color: #614223 !important;
	}

a {
	color: #614223;
	}

#page {
	background: url(images/brn_bg_main.gif);
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	width:739px;
	}

#yellow_top {
	width:739px;
	}

#top_layout {
	/*height is the same as the layout_top background image*/	
	background: url(images/brn_top.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:739px;
	height:123px;
	margin: 0px auto 0;
}


#top_img {
	float:right;
	}

#top_img img {
		}


#header {
	/*height is the same as the header background image*/
	text-align:left;
	width: 684px;
	padding:0px;
	margin:0px;
	position: relative;
	height: 266px;
	background-image: url(images/mast_bg_003.jpg);
	}
	
#footer {
	font-size: 10px;
	color: #666666;
	width:739px;
	/*height:26px;*/
	font:'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-image: url(images/brn_footer_bg1.gif);
	background-position:bottom;
	text-align: center;
	}

#footer a {
	color: #333333;
	font-weight: bold;
	}

#footer a:hover {
	border: none;
	font-weight: bold;
	}

.primary {
	width: 664px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff3d4;
	padding: 15px 10px 10px 10px;
	margin: 10px 0px 0 27px;
	_margin: 0 20px 0 27px; /* IE Hack */
	}

.primary img {
	/*margin-left: -5px;*/
	padding:0px;
	/*border: 2px solid #999;*/
	/*max-width: 100%;*/
	}
	


/*.primary h1 {
	margin: 0 -10px 0 0;
	text-align:right;
	padding:8px 10px 8px 0;
	color:#996633;
	display:block;
	background-image:url(images/brn_h1_white.jpg);
	background-position:right;
	background-repeat:repeat-y;
	}*/

.secondary {
	font: 11px/14px Lucida Grande, Verdana, Arial, Sans-Serif, Segoe UI, Sans-Serif;
	padding: 0px 0 10px;
	color: #666;
	width:100%;
	position: relative;
	/* The following are IE Fixes */
	_padding: 30px 0 10px;
	_margin-left: 0%;
	_margin-right: -4%;
	_width: 26.5%;
	}
	
.vertical {
	vertical-align:top;
	}

.comments {
	text-align: left;
	padding: 30px 0 0;
	position: relative;
	}


/*- Main Menu in Header */

ul.menu {
	font-size:10px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 35px;
	/*width: 90%;*/
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 5px 12px 6px;
	text-decoration:none;
	}

ul.menu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	color: #000;
	margin: 0;
	}

ul.menu li a:hover {
	background: #614223;
	color: #eee !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #333 !important;
	background: white;
	text-decoration: none;
	}

.admintab {
	position: absolute;
	right: 0px;
	_padding: 5px 15px 6px; /* IE hack */
	}

a img,:link img,:visited img { border:none }

/*- Sidebar Subpages Menu */

#sidebar {
	width:658px;
	padding:4px;
}

.sb-pagemenu ul {
	margin-left: 10px;
	}

.sb-pagemenu ul ul {
	margin-top: 2px;
	}

.sb-pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	}

.sb-pagemenu .current_page_item {
	}


/*- Headings */

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}

#header .description { /* Blog description, under blog title */
	font-size: 1em;
	margin: 0 0 0 40px;
	display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */
	}

.pagetitle { /* Used on static pages and archives */
	text-align: center;
	margin: 15px 0 15px;
	}

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	display: inline;
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 15px;
	padding: 0;
	display: inline;
	}

.primary .aside h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

.itemhead {
	margin-top: 10px;
	}


.secondary div {
	margin: 20px 0 0;
	padding: 0;
	}

.secondary div div div {
    margin: 0;
    }
	
.primary .metalink a, .primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #999;
	font-weight: normal;
	}

.primary .item .itemhead .metalink, .comments .primary .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

.primary .aside .itemhead .metalink {
	font-size: 1.4em;
	}

.permalink .primary .aside .itemtext {
	font-size: 1.4em;
	color: #999;
	}

.comments .primary .metalink {
	margin: 0 15px 0 0;
	float: none;
	}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink img { /* On the sidebar */
	height: 16px;
	width: 16px;
	border: none;
	position: absolute;
	right: 0;
	}

.primary .aside {
	padding: 8px;
	margin: 0 4%;
	}

.secondary .aside {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .aside .metalink {
	padding-left: 0px;
	}

.secondary span a {
	margin-left: 10px;
	}

.editlink img {
	width: 16px;
	height: 16px;
	border: none !important;
	padding: 0 !important;
	margin: 4px 0 0 !important;
	position: absolute;
	right: 0;
	}

.aside .editlink img {
	top: 9px;
	}

.commentseditlink {
	border: none;
	padding: 2px;
	padding-left: 10px;
	}

.metalink a span {
	display: none;
	}

.metalink a:hover span {
	display: inline;
	}


.metadata { /* Time and category for blog entries */
	font-size: 1em;
	display: block;
	margin-top: 2px;
	color: #bbb;
	}

.metadata a {
	color: #777;
	}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url(images/comment.png) left center no-repeat;
	margin-right: 10px;
	}

.chronodata {
	padding: 2px 0 2px 20px ;
	background: url(images/time.png) left center no-repeat;
	}

.chronodata:after {
	content: ".";
	}

.tagdata {
	display: block;
	padding: 2px 0 2px 20px;
	background: url(images/tag_blue.png) left center no-repeat;
	}

/*- Primary Contents */

#content {
	width:739px;
	margin-left:auto;
	margin-right:auto;
	}

#prim {
	}

.primary .item {
	margin: 0;
	padding: 5px 0 15px;
	/*position: relative;*/
	}

.primary .item .itemtext {
	font: 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	/*text-align: justify;*/
	color: #444;
	}

.primary .item .itemtext p,
.primary .item .itemtext ul,
.primary .item .itemtext ol,
.primary .item .itemtext div,
.primary .item .itemtext blockquote {
	margin: 13px 0;
	}

.primary .aside .itemtext p,
.primary .aside .itemtext ul,
.primary .aside .itemtext ol,
.primary .aside .itemtext div,
.primary .aside .itemtext blockquote {
	margin: 5px 0;
	}

.permalink .primary .aside .itemtext p,
.permalink .primary .aside .itemtext ul,
.permalink .primary .aside .itemtext ol,
.permalink .primary .aside .itemtext div,
.permalink .primary .aside .itemtext blockquote {
	margin: 13px 0;
	}

.metalinks {
	margin-top: 3px;
	}

.commentsrsslink {
	background: url(images/feed.png) left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
	}

.trackbacklink {
	background: url(images/arrow_refresh.png) left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}

.commentsrsslink a, .trackbacklink a {
	color: #999;
	padding: 2px;
	}

.comments .commentlist {
	margin: 0;
	padding: 20px 0;
	position: relative;
	}

.comments .commentlist li {
	margin: 10px 0;
	padding: 10px 10px 5px;
	list-style: none;
	}

.comments .commentlist .commentmetadata {
	padding: 2px 0 2px 20px;
	background: url(images/time.png) left center no-repeat;
	display: block;
	}

.commentmetadata a{
	color:#666;
	}

.comments .commentlist li img {
	padding: 0;
	border: none;
	}

.comments .commentlist li img.gravatar {
	float: right;
	margin: -5px 0 0;
	}

.comments .commentlist li .commentauthor {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}
	
.commentauthor {
	color:#444;
	}
	
.commentauthor a {
	text-decoration:underline;
	color:#444;
	}
	
.comments .commentlist li .counter {
	display: none;
	font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #999;
	float: left;
	width: 35px;
	}

.comments .commentlist li.authorcomment {
	background: #f6f7f8;
	}

.comments .pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	}

.comments .pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
	}

.comments .pinglist li .commentauthor {
	font-weight: bold;
	display: block;
	}

.comments .pinglist li small {
	font: .8em Arial, Sans-Serif;
	display: block;
	}

.comments .pinglist li .counter {
	display: none;
	}

.comments .pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
	}

.comments .pinglist li img {
	padding: 0;
	border: none;
	}
	
.comments #leavecomment {
	text-align: center;
	margin-bottom: 40px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -2px;
	}

.comments #loading {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 40px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -1px;
	}

.comments form {
	clear: both;
	padding: 1px 0 30px;
	margin: 0;
	}

input[type=text], textarea {
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 3px;
	color: #777;
	}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
	}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comments form textarea {
	height: 250px;
	padding: 2px;
	width: 100%;
	_width: 98.5%; /* IE hack */
	}

.comments form #submit {
	margin: 0;
	float: right;
	}


/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.center {
	text-align: center;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}


.favorite img {
	padding: 0;
	border: none;
	}

small {
	font-size: .9em;
	line-height: 1.5em;
	}

small, strike {
	color: #666;
	}
	
code {
	font: 1.1em 'Courier New', Courier, monospace;
	}

acronym {
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;
	cursor: help;
	}
	
abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
}

blockquote {
	margin:20px 0 30px 0px;
	padding: 0 30px 0 65px;
	background: url(images/quote.png) 5% no-repeat;
	background-position:5%;
	border: none;
	line-height:normal;
	}

hr {
	display: none;
	}

.navigation {
	text-align: center;
	margin: 10px 0 10px;
	padding: 0;
	width: 100%;
	}

.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
	}

.navigation p {
	margin: 0;
	padding: 0;
	}

.navigation a {
	color: #999;
	}

.alert {
	background: #FFD5EA;
	border-top: 2px solid #614223;
	border-bottom: 2px solid #614223;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	}

img.wp-smiley {
	border: none !important;
	padding: 0 0 0 5px !important;
	}



/*- Begin Lists */
.itemtext ol, .itemtext ul {
	padding: 0 0 0 35px;
	margin: 0;
	}

.itemtext ol li, .itemtext ul li {
	margin: 0 0 3px;
	padding: 0;
	}

.secondary ul, .secondary ol {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary ul {
	_margin-left: 0px; /* IE Fix */
	}

.secondary ol {
	margin-left: 15px;
	}

.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 1px 0;
	}
	
.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}

.sb-links ul li {
	margin-top: 20px;
	}

.sb-links ul ul li {
	margin-top: 0;
	}

/*- Search Form and Livesearch */

.sb-search {
	margin-top: 0px;
	}

input[type=text], textarea {
	color: #444;
	padding: 2px 0 2px 2px;
	margin: 0;
	}

input#livesearch {
	width: 97.1%;
	}

input#s {
	width: 75%;
	}

.livesearchform input[type=submit] {
	margin: 0;
	}

#LSResult {
	margin: 0;
	width: 100.1%;
	z-index: 100;
	position: absolute;
	background: #eee url(images/livesearchbg.jpg) center repeat-y;
	border-bottom: 1px solid #eee; 
	}

#searchcontrols {
	text-align: center;
	padding: 1px;
	background: #ddd url(images/livesearchbgdark.jpg) center repeat-y;
	}

#searchcontrols small {
	margin: 0;
	padding: 0;
	}

.LSRow:hover, #LSHighlight, #LSHighlight:hover {
	background: #ffffcc url(images/livesearchbghilight.jpg) center repeat-y;	}

#LSResult:hover #LSHighlight {
	background: none;
	border: none;
	padding: 5px 2px;
	}

#LSHighlight small, #LSHighlight small span a {
	color: #999;
	}

.LSRow {
	padding: 5px 10px;
	}

.LSRow span a, .LSRow span a:visited {
	word-spacing: -1px;
	line-height: 1.3em;
	font-weight: normal;
	color: #bbb;
	}


/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */


/*-
	Brian's Latest Comments
	http://meidell.dk/archives/2004/09/12/brians-latest-comments/
*/

.secondary div.sb-comments ul li span a, div.sb-comments ul li small a {
	color: #999;
	font-weight: normal;
	word-spacing: -1px;
	}

.secondary div.sb-comments ul li {
	margin-bottom: 6px;
	}

.activityentry {
	font-size: 1em;
	}

div.sb-comments small {
	display: block;
	margin: 0;
	font-weight: normal;
	line-height: 1em;
	}
	
.sb-flickr {
	width:658px;
	}

.sb-flickr img {
	margin:0 2px 0 2px;
	padding: 4px;
	border: 2px solid #999;
	}
	
.sb-flickr a img {
	padding: 4px;
	border: 2px solid #999;
	}
	
.sb-flickr a:hover img {
	padding: 4px;
	border: 2px solid #585858;
	}


/*-
	WordPress: Touched
	http://twilightuniverse.com/2005/03/wordpress-touched/
	
	No support for Touched 0.6 in the rest of K2.
	Seems a bit flaky just now. Waiting for new version.
*/

#poststuff fieldset {
	border: none;
	}

#poststuff #title, #poststuff #excerpt, #poststuff #tags {
	width: 470px;
	}
	
#poststuff #title {
	font-size: 2em;
	}


/*
	Ultimate Tag Warrior
	K2 removes UTW's default tags for more default control.
*/

.localtags, .technoratitags {
	display: none;
	}


/*
	Contact Form
*/

.contactform {
	width: 100%; 
	position: relative;
	}

.contactleft {
	width: 15%; 
	text-align: right;
	clear: both; 
	float: left; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}

.contactright {
	width: 70%; 
	text-align: left;
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}
	
.contacterror {
	border: 1px solid #ff0000;
	}
	

#home {
	width:664px;
	clear:both;
	display:block;
	line-height:normal;
	
	}
	
#welcome {
	float:right;
	width:250px;
	}

#welcome h1 {
	font-weight:bold;
	}

#welcome h3 {
	font-size:18px;
	font-weight:bold;
	
	}

#welcome img {
	margin:0;
	padding:0;
	}

#sections {
	margin:10px 0 0 0;
	width:350px;
	line-height:normal;
	}

#sections h2 {
	font-size:18px;
	padding:2px 0 2px 5px;
	margin:0px;
	color:#ffffff;
	display:block;
	}

#sections h2 a {
	font-size:18px;
	color:#ffffff;
	text-decoration:none;
	font-size:inherit;
	}


	
#box001 {
	margin:0 0px 0 0;
	padding:0 0 5px 0;
	background-color:#fddf95;
	font-size:10px;
	height:250px;
	}

#box001 img {
	margin: 3px 3px 0px 3px;
	}

#box001 h2 {
	background-color:#fabb22;
	}

#box001 p {
	margin: 3px 2px 0 3px;
	}



#box002 {
	margin:10px 0 0 0px;
	padding:0 0 5px 0;
	background-color:#a8d9c5;
	font-size:10px;
	height:250px;
	}
	
#box002 h2 {
	background-color:#00a8a8;
	}

#box002 h4 {
	padding:2px 0 0px 4px;
	margin:0;
	}

#box002 p {
	margin: 0px 2px 6px 8px;
	padding:0;
	}

#box002 img {
	margin: 3px 3px 0px 3px;
	}


#fix {
	display:block;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */