/*
Theme Name: robbaier.com WP Theme
Theme URI: http://www.robbaier.com/
Description: Wordpress theme for robbaier.com
Version: 0.5
Author: Rob Baier
Author URI: http://www.robbaier.com/
*/

/* Reset styles to improve cross-browser compatibility */
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, b, u, i, center, 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-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

ol, ul { list-style: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

caption, th { text-align: left; }

/* Structure */

body {
	background: url('images/body.jpg');
	color: #666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1;
}

#header_wrapper {
	background: url('images/header.jpg') repeat-x;
	height: 200px;
}

#header {
	background: url('images/header_main.jpg') no-repeat top center;
	height: 200px;
	margin: 0 auto;
	width: 800px;
}

#content_wrapper {
	margin: 0 auto;
	overflow: hidden;
	width: 800px;
}

#content {
	/*background: url('images/content_border.gif') repeat-y top right;*/
	float: left;
	padding: 20px;
	width: 505px;
}

#sidebar {
	margin-left: 550px;
	padding: 20px 0 20px 10px;
}

#footer_wrapper {
	background: url('images/footer.jpg') repeat-x;
	height: 140px;
}

#footer {
	margin: 0 auto;
	width: 800px;
}

/* Header Styles */

#header {

}

#header h1, #header h2 {
	display: none;
}

#header #client {

}

#header #nav {
	padding: 145px 0 0 330px;
}

#header #nav li {
	display: inline;
	font: 1.4em "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform: uppercase;
}

#header #nav li a {
	border-bottom: 5px solid #fff;
	color: #fff;
	margin: 0 8px;
	padding: 0 5px 7px 5px;
	text-decoration: none;
}

#header #nav li a:hover {
	border-bottom: 5px solid #17a;
}

/* Content Styles */

#content {
	font-size: 1.3em;
}

#content a {
	border-bottom: 1px dotted #08c;
	color: #18b;
	text-decoration: none;
}

#content a:hover {
	border-bottom:1px dotted #a11;
	color: #a11;
}

#content a.noborder, #content a:hover.noborder {
	border: none;
}

#content .date {
	background: url('images/hr.gif') repeat-x bottom left;
	color: #a7a6a2;
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
}

#content .categories {
	color: #a7a6a2;
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
}

#content p {
	line-height: 140%;
	margin: 0 0 1.5em 0;
}

#content ul {
	margin: 10px 0 20px 0;
}

#content ul li {
	background: url('images/content_bullet.gif') no-repeat;
	line-height: 1.2em;
	margin: 0 0 0.4em 0;
	padding: 0 0 0 1.4em;
}


/* Headers */

h1, h2, h3, h4, h5 {
	color: #18b;
	font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
}

h1 { 
	font-size: 1.8em;
	line-height: 1;
	margin-bottom: 0.25em;
}

#content h1 a, #content h1 a:hover {
	border: none;
	text-decoration: none;
}

h2 {
	font-size: 1.5em;
	line-height: 1;
}

h3 {
	font-size: 1.0em;
	font-weight: bold;
}

h4 {
	font-size: 0.9em;
	font-weight: bold;
}


/* Sidebar Styles */

#sidebar {
	color: #999;
	font-size: 1.2em;
}

#sidebar a {
	color: #e38c06;
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar h1 {
	color: #a82823;
	font-size: 1.666em;
	margin-bottom: 12px;
}

#sidebar h2 {
	font-size: 1.8em;
}

#sidebar ul {
	margin-bottom: 1.6em;
}

#sidebar ul li {
	background: url('images/content_bullet.gif') no-repeat;
	line-height: 1.2em;
	margin: 0 0 0.4em 0;
	padding: 0 0 0 1.4em;
}

#sidebar .screenshot a {
	background: url('images/portfolio/sidebar_border.jpg') no-repeat;
	display: block;
	height: 102px;
	margin: 0 0 25px 5px;
	padding: 8px;
	width: 202px;
}

#sidebar .screenshot a:hover {
	background: url('images/portfolio/sidebar_hover.jpg') no-repeat;
}

.aktt_more_updates {
	display: none;
}

#sidebar div.recent-post {
	margin: 0 0 20px 10px;
}

#sidebar div.recent-post div.date {
	color: #bcbcac;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
}

#sidebar div.title, #sidebar div.excerpt {
	line-height: 1.2em;
}

/*
#sidebar ul.feed-list li {
	background: url("images/icons/rss-icon-12x12.gif") no-repeat 5px 2px;
	padding: 0 0 0 1.8em;
}

#sidebar ul.feed-list li.twitter {
	background: url("images/icons/twitter-icon-12x12.gif") no-repeat 5px 2px;
}
*/

#sidebar h1.rss {
	background: url('images/icons/rss-icon-24x24.gif') no-repeat;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 30px;
}

#sidebar h1.twitter {
	background: url('images/icons/twitter-icon-bird-24x24.gif') no-repeat;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 30px;
}

/* Footer Styles */

#footer {
	color: #3e3e3e;
	font-size: 1.2em;
	padding: 25px 0 0 0;
	text-align: center;
}

#footer ul li {
	background: url('images/footer_bullet.gif') no-repeat 0 2px;
	display: inline;
	line-height: 25px;
	padding: 0 8px 0 18px;
}

#footer ul li.first {
	background: none;
	padding: 0 8px 0 0;
}

#footer a {
	border-bottom: 1px dotted #3e3e3e;
	color: #3e3e3e;
	padding: 0 0 1px 0;
	text-decoration: none;
}

#footer a:hover {
	border-bottom: 1px solid #900;
	color: #900;
}

/* Page Specific Styles */

/* Portfolio */

#content.portfolio {
	background: none;
	width: 750px;
}

.portfolio_item_wrapper {
	overflow: hidden;
	width: 100%;
}

.portfolio_item {
	float: left;
	margin: 0 22px 20px 22px;
	text-align: center;
	width: 330px;
}

#content .portfolio_item a {
	border: none;
}

.portfolio_item a img {
	border: 5px solid #ececec;
}

.portfolio_item a:hover img {
	border: 5px solid #cdccc8;
}

.portfolio_item h2 {
	color: #333;
	font-size: 1.0em;
	font-weight: bold;
	margin: 10px 0 10px 0;
}

#content.portfolio .portfolio_item p {
	margin: 10px 0 10px 0;
}

.piece h1 {
	margin-left: 1.25em;
}

.portfolio_top, .portfolio_bottom {
	background: url('images/portfolio_top.gif') no-repeat top;
	display: block;
	height: 24px;
	margin: 0 15px;
	width: 748px;
}

.portfolio_middle {
	background: url('images/portfolio_middle.gif') repeat-y;
	margin: 0 15px;
	text-align: center;
	width: 748px;
}

.portfolio_middle img {
	border: 1px solid #eee;
}

.portfolio_bottom {
	background: url('images/portfolio_bottom.gif') no-repeat bottom;
	margin-top: -2px;
}

#content .description, #content .technologies, #content .related {
	margin: 1em 2.5em;
	width: 748px;
}

#content .description p, #content .technologies p, #content .related p {
	margin: 0.5em 0 1em 0;
}

#content .screenshots {
	margin: 0 15px;
	text-align: center;
	width: 748px;
}

#content .screenshots img {
	background: url('images/screenshot_bg.jpg') no-repeat;
	margin: 0 5px 0 0;
	padding: 10px;
}

#content .screenshots img.wide {
	background: url('images/screenshot_bg_700.jpg') no-repeat;
	margin: 0;
	padding: 20px;
}

#content .screenshots a, #content .screenshots a:hover {
	border: none;
}

/* RSS page */

#rss { }


/* Post Styles for Index Page */

div.post-date {
	display: inline;
	color: #b9b9b9;
	font-size: 0.9em;
	margin-right: 15px;
}

div.post-comment-count {
	background: url('images/icons/comment.gif') no-repeat 0 2px;
	color: #b9b9b9;
	display: inline;
	font-size: 0.9em;
	padding-left: 18px;
}

div.post-comment-count a {
	border-bottom: 1px dotted #08c;
	color: #08c;
	text-decoration: none;
}

div.post-comment-count a:hover {
	border-bottom: 1px dotted #a11;
	color: #a11;
}

div.post-top-line {
	border-bottom: 1px dotted #ddd;
	display: block;
	height: 1px;
	margin: 5px 0 10px -7px;
	width: 100%;
}

div.post-content {
	line-height: 150%;
}

div.post-content a {
	border-bottom: 1px dotted #08c;
	color: #08c;
	text-decoration: none;
}

div.post-content a:hover {
	border-bottom: 1px dotted #a11;
	color: #a11;
}

div.post-content ul {
	margin: 10px 0;
}

div.post-content ul li {
	background: url('images/content_bullet.gif') no-repeat;
	line-height: 150%;
	margin-left: 10px;
	padding-left: 18px;
}

div.post-categories {
	border-top: 1px dotted #ddd;
	margin: 15px 0;
	padding: 7px 0 7px 0;
}

div.post-categories span.categories {
	margin-left: 10px;
}

div.post-categories a {
	border-bottom: 1px dotted #08c;
	color: #08c;
	text-decoration: none;
}

div.post-categories a:hover {
	border-bottom: 1px dotted #a11;
	color: #a11;
}

/* Archives Pages */

#content.archive h2 {
	margin: 0.8em 0 0 0;
}

#content.archive h3 {
	color: #a82823;
	margin: 0.5em 0 0 0;
}


#content.archive p {
	margin: 0.25em 0 1em 0;
}

#content h1.archive-page-title {
	margin: 0 0 0.5em 0;
}

#content h2.archive-post-title {
	margin: 0.5em 0;
}

div.archive-post-date {
	display: inline;
	color: #999;
	font-size: 0.9em;
	margin: 0 1em 1em 0;
}

div.archive-post-comment-count {

	background: url('images/icons/comment.gif') no-repeat 0 2px;
	color: #999;
	display: inline;
	font-size: 0.9em;
	margin: 0 0 1em 0;
	padding-left: 18px;
}

/* Comments */

ol.commentlist {
	margin-bottom: 2em;
}

ol.commentlist li {
	border-bottom: 1px dotted #ccc;
	margin-top: 1em;
	padding: 0 1em;
}

ol.commentlist .commentmetadata {
	color: #666;
	margin-bottom: 0.5em;
}

ol.commentlist .commentmetadata .commentID {
	color: #333;
	font-weight: bold;
	margin-right: 0.2em;
}

ol.commentlist .commentmetadata .commentDate {
	color: #333;
	font-weight: bold;
}

ol.commentlist .commentmetadata .commentAuthor {
	color: #333;
	font-weight: bold;
}

ol.commentlist .gravatar {
	float: left;
	margin: 0 1em 0 0;
	width: 46px;
}

ol.commentlist .gravatar img {
	border: 1px solid #ccc;
	padding: 2px;
}

#commentform {
	margin-top: 1em;
}

#commentform dl {
	width: 100%;
}

#commentform dt {
	margin-bottom: 0.4em;
	vertical-align: top;
	width: 9em;
}

#commentform dd {
	margin-bottom: 0.4em;
	vertical-align: top;
}

/* Style for Contact Forms */

fieldset {
	border: 1px dotted #ddd;
	margin: 10px 0;
	padding: 20px;
	width: 460px;
}

fieldset ol li {
	margin-bottom: 5px;
}

legend {
	color: #111;
	display: none;
	font-weight: bold;
	padding: 0 5px;
}

label {
	color: #555;
	cursor: pointer;
	float: left;
	font-weight: bold;
	margin: 0 10px 0 0;
}

input[type=text], textarea {
	margin: 0 10px 0 0;
}

input[type=text] {
	width: 250px;
}

span.reqtxt, span.emailreqtxt {
	color: #a11;
}

p.cf-sb {
	text-align: right;
	width: 500px;
}

input.sendbutton {
	
}

.success {
	color: #0a0;
	font-weight: bold;
}

.failure {
	color: #d00;
	font-weight: bold;
}

fieldset.cf_hidden {
	display: none;
}

/* Miscellaneous Styles */

acronym {
	border-bottom: 1px dotted #333;
}

acronym:hover {
	cursor: help;
}

code {
	font: 1.2em "Courier New", monospace;
}

dl {

}

dl dt {
	float: left;
	margin-right: 1em;
}

dl dd {

}

strong {
	font-weight: bold;
}

/* Category Icon Stuff */

.meta-wrapper {
	background: url('images/icons/meta-wrapper-default.gif') no-repeat bottom right;
	height: 48px;
	margin: 0 0 0.25em 0;
	padding: 0 50px 0.25em 0;
}

/*
.meta-wrapper-wordpress {
	background: url('images/category/category-wordpress.jpg') no-repeat bottom right;
}

.meta-wrapper-firefox {
	background: url('images/category/category-firefox.jpg') no-repeat bottom right;
}

.meta-wrapper-code-examples {

}
*/

/* Firefox Add-On Post */

.firefox-addon h2 {
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 44px;
}

.firefox-addon h2.firebug {	background: url('http://www.robbaier.com/wp-content/uploads/2008/10/firebug.jpg') no-repeat; }
.firefox-addon h2.web-developer { background: url('http://www.robbaier.com/wp-content/uploads/2008/10/web-developer.jpg') no-repeat; }
.firefox-addon h2.html-validator { background: url('http://www.robbaier.com/wp-content/uploads/2008/10/html-validator.jpg') no-repeat; }
.firefox-addon h2.screengrab { background: url('http://www.robbaier.com/wp-content/uploads/2008/10/screengrab.jpg') no-repeat; }
.firefox-addon h2.colorzilla { background: url('http://www.robbaier.com/wp-content/uploads/2008/10/colorzilla.jpg') no-repeat; }
.firefox-addon h2.fireftp { background: url('http://www.robbaier.com/wp-content/uploads/2008/10/fireftp.jpg') no-repeat; }
.firefox-addon h2.ietab { background: url('http://www.robbaier.com/wp-content/uploads/2008/10/ietab.jpg') no-repeat; }
.firefox-addon h2.foxmarks { background: url('http://www.robbaier.com/wp-content/uploads/2008/10/foxmarks.jpg') no-repeat; }
.firefox-addon h2.map-this { background: url('http://www.robbaier.com/wp-content/uploads/2008/10/map-this.jpg') no-repeat; }
.firefox-addon h2.twitter-bar { background: url('http://www.robbaier.com/wp-content/uploads/2008/10/twitter-bar.jpg') no-repeat; }