/*
Theme Name: Kombine
Theme URI: http://www.kombine.net/
Description: Theme for main site of Kombine.net
Version: 0.1
Author: Kreg Wallace
Author URI: http://www.kombine.net/
Tags: kombine
*/

/* Reset Browser Styles
------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
b, i, em,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body { line-height: 1.4em; }
a { text-decoration: none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

ins {
	background-color: #d9ffd9;
	text-decoration: none;
}
del {
	background-color: #fbe3e4;
	text-decoration: line-through;
}
table { border-collapse: collapse; border-spacing: 0; }

/* Kombine Styles
------------------------------- */
html {
	background-color: #e1e8f2;
	overflow-y: scroll;
}

body {
	background: transparent url(images/bg_body.png) repeat-x top left;
	color: #121935;
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 85%;
	text-align: center;
}

a { color: #c41200; }
a:hover { text-decoration: underline; }
a img, a img:hover { text-decoration: none; }
a.reverse {
	background-color: #c41200;
	color: #fff;
}

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

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #113d6e; }
h1, h2 { font-family: Georgia, sans-serif; }
h1, h2 { margin: 0 0 .75em 0; }
h3, h4, h5, h6 { margin: 0 0 .25em 0; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.2em; }

p, ul, ol, dl { margin: 0 0 1em 0; }
p.meta, .meta {
	color: #666;
	font-size: .85em;
}
p.meta { margin: 0 0 .5em 0; }
p > img.alignleft {
	display: block;
	float: left;
	padding: .25em 10px 10px 0;
}
p > img.alignright {
	display: block;
	float: right;
	padding: 0 0 10px 10px;
}

dt.title {
	font-weight: bold;
	text-transform: uppercase;
}
hr {
	background-color: #fff;
	border-left: none;
	border-right: none;
	border-top: 1px solid #c0c0c0;
	color: #ddd;
	clear: both;
	height: 0px;
	margin: 0 0 .5em 0;
}

#wrapper {
	margin: auto;
	text-align: left;
	width: 1000px;
}

/* Header
------------------------------- */
#header { height: 131px; }
#header #logo {
	background: transparent url(images/logo_kombine.png) no-repeat top left;
	cursor: pointer;
	float: left;
	height: 53px;
	position: relative;
	top: 56px;
	left: 10px;
	width: 226px;
}
#header #logo h1 { margin-left: -9000px; }
#header ul#navigation {
	float: right;
	padding-right: 20px;
	position: relative;
	top: 20px;
}
#header ul#navigation li {
	float: left;
	font-size: .85em;
}
#header ul#navigation li a {
	color: #ccd3dd;
	display: block;
	height: 60px;
	padding: 50px 30px 0 30px;
}
#header ul#navigation li a:hover {
	color: #fff;
	text-decoration: none;
	text-shadow: #000 0 2px 0;
}
#header ul#navigation li a .title {
	display:block;
	font-size: 1.4em;
}
#header #pointer {
	background: transparent url(images/pointer.png) no-repeat top left;
	height: 13px;
	left: 60px;
	position: relative;
	top: 131px;
	width: 24px;
}

/* Content
------------------------------- */
#content {
	float: left;
	margin-top: 40px;
	width: 590px;
}

#content ul {
	list-style: square;
	margin-bottom: 1em;
	padding-left: 1.5em;
}
#content ol {
	list-style: decimal;
	margin-bottom: 1em;
	padding-left: 1.75em;
}

/* Sidebar
------------------------------- */
#sidebar {
	background-color: #dce3ed;
	float: left;
	margin-left: 10px;
	width: 400px;
}
#sidebar #sb-wrapper {
	background: transparent url(images/bg_sb-wrapper.png) repeat-x top left;
	padding-top: 40px;
}
#sidebar .sb-content {
	margin-left: 10px;
	width: 380px;
}
#sidebar li, #sidebar p {
	font-size: .9em;
	margin-left: 20px;
}
#sidebar li p { font-size: 1em; margin: 0 0 .5em 0; }
#sidebar a { color: #113d6e; font-weight: bold; }

#sidebar #sb-footer {
	background: transparent url(images/bg_sb-footer.png) no-repeat top left;
	height: 20px;
}

#sidebar h3 {
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
}
#sidebar h3.pad { margin-bottom: 1em; }
#sidebar hr { margin-left: 20px; }

#sidebar #recent-work { margin-bottom: .5em; }
#sidebar #recent-work a { margin: 0 5px 0 5px; }

#sidebar #twitter ul li { margin-bottom: .5em; }
#sidebar #twitter ul li span.time {
	font-size: .85em;
	font-style: italic;
}

/* Search Form
------------------------------- */
#sidebar #search-form { padding: 5px 0 1em 20px; }
#content #search-form { margin: 1em 0 1em 0; }

#search-form input#s {
	background: #fff url(images/icon_search.png) no-repeat 4px 5px;
	border: 1px solid #999;
	height: 1.5em;
	margin: .25em 0;
	padding: 4px 4px 2px 22px;
	width: 200px;
}
#search-form input#s:focus {
	background-color: #ffe;
	border: 1px solid #666;
}

/* Footer
------------------------------- */
#footer {
	background: #d6dde8 url(images/bg_footer.png) repeat-x top left;
	margin-top: 40px;
	text-align: center;
}
#footer-wrapper {
	color: #777;
	font-size: .9em;
	margin: auto;
	padding: 80px 0 20px 0;
	text-align: left;
	width: 1000px;
}
#footer-wrapper a {
	border-bottom: 1px dotted #113d6e;
	color: #777;
}
#footer-wrapper a:hover {
	color: #113d6e;
	text-decoration: none;
}
#footer .vcard { margin: 0; padding: 0; }

#copyright {
	background-color: #cdd6e2;
	text-align: center;
}
#copyright-wrapper {
	color: #fff;
	font-size: .9em;
	margin: auto;
	text-align: left;
	width: 1000px;
}
#copyright-wrapper p {
	line-height: 4em;
	margin: 0;
}

/* Column Layouts
------------------------------- */
.onecolumn {
	margin-left: 10px;
	width: 580px;
}

.twocolumn {
	float: left;
	margin-left: 10px;
	width: 280px;
}

.fourcolumn {
	float: left;
	margin-left: 10px;
	width: 230px;
}
.fullcolumn { margin: 0 10px 0 10px; }

.splash-isvs {
	background: transparent url(images/splash_isvs.jpg) no-repeat top left;
	height: 201px;
	margin: -8px 0 1em -12px;
	width: 590px;
}

.splash-web {
	background: transparent url(images/splash_web.jpg) no-repeat top left;
	height: 201px;
	margin: -8px 0 1em -12px;
	width: 590px;
}

/* Icons
------------------------------- */
.icon-48 {
	min-height: 48px;
	padding: .25em 0 0 58px;
}

dl.icon-48 dt.title a { color: #113d6e; }
dl.icon-48 dt.title a:hover { text-decoration: underline; }

.icon-48-audio { background: transparent url(images/icon_audio_48.png) no-repeat top left; }
.icon-48-icondesign { background: transparent url(images/icon_supercursor_48.png) no-repeat top left; }
.icon-48-design { background: transparent url(images/icon_design_48.png) no-repeat top left; }
.icon-48-download { background: transparent url(images/icon_download_48.png) no-repeat top left; }
.icon-48-gear { background: transparent url(images/icon_gear_48.png) no-repeat top left; }
.icon-48-iphone { background: transparent url(images/icon_iphone_48.png) no-repeat top left; }
.icon-48-javascript { background: transparent url(images/icon_javascript_48.png) no-repeat top left; }
.icon-48-marketing { background: transparent url(images/icon_marketing_48.png) no-repeat top left; }
.icon-48-pencil { background: transparent url(images/icon_pencil_48.png) no-repeat top left; }
.icon-48-podcast { background: transparent url(images/icon_podcast_48.png) no-repeat top left; }
.icon-48-training { background: transparent url(images/icon_training_48.png) no-repeat top left; }
.icon-48-wand { background: transparent url(images/icon_wand_48.png) no-repeat top left; }
.icon-48-web { background: transparent url(images/icon_webdev_48.png) no-repeat top left; }
.icon-48-window { background: transparent url(images/icon_window_48.png) no-repeat top left; }
.icon-48-wordpress { background: transparent url(images/icon_wordpress_48.png) no-repeat top left; }

.icon-16 {
	min-height: 16px;
	padding-left: 20px;
	line-height: 16px;
}

/* sidebar icons */
.iconsb-16-comment { background: transparent url(images/iconsb_comment_16.png) no-repeat top left; }
.iconsb-16-feed { background: transparent url(images/iconsb_feed_16.png) no-repeat top left; }
.iconsb-16-find { background: transparent url(images/iconsb_find_16.png) no-repeat top left; }
.iconsb-16-gear { background: transparent url(images/iconsb_gear_16.png) no-repeat top left; }
.iconsb-16-folder { background: transparent url(images/iconsb_folder_16.png) no-repeat top left; }
.iconsb-16-home { background: transparent url(images/iconsb_home_16.png) no-repeat top left; }
.iconsb-16-notebook { background: transparent url(images/iconsb_notebook_16.png) no-repeat top left; }
.iconsb-16-pdf { background: transparent url(images/iconsb_pdf_16.png) no-repeat top left; }

/* search results icons */
#search-results .post, #author .post {
	background: transparent url(images/icon_notebook_16.png) no-repeat top left;
	min-height: 16px;
	padding-left: 20px;
	line-height: 16px;
}
#search-results .page {
	background: transparent url(images/icon_page_16.png) no-repeat top left;
	min-height: 16px;
	padding-left: 20px;
	line-height: 16px;
}

/* Icon Store
------------------------------- */
#content .price-box {margin-bottom: 1em;}
.price-box {
	background-color: #cfc;
	border-bottom: 2px solid #98d999;
	border-top: 2px solid #98d999;
	padding: 10px;
}
.price-box .price-line { margin-bottom: .5em; }
.price-box .price-line .item { font-size: 1.2em; }
.price-box .price-line .price {
	font-size: 1.2em;
	font-weight: bold;
}
.price-box .buy-button { clear: both; }

/* Utilities
------------------------------- */
.highlight {
	background-color: #fff6bf;
	padding: 0 .25em 0 .25em;
}

.section-break {
	clear: both;
	height: 20px;
}
.meta {
	color: #666;
	font-size: .85em;
}
.nobreak { white-space: nowrap; }
.hidden { display: none; }
.clear { clear: both; }

/* Posts
------------------------------- */
.post-meta {
	background: #cbdef9 url(images/icon_postmeta_48.png) no-repeat 10px 10px;
	border-bottom: 2px solid #95b5dd;
	border-top: 2px solid #b5d4ff;
	line-height: 1.2em;
	padding-left: 68px;
}
.post-meta p {
	font-size: .85em;
	margin: 10px 0 10px 0;
}

.comments-link {
	background: #cbdef9 url(images/icon_commentsmeta_48.png) no-repeat 10px 10px;
	border-bottom: 2px solid #95b5dd;
	border-top: 2px solid #b5d4ff;
	font-size: .85em;
	line-height: 1.2em;
	margin-bottom: 4em;
	padding-left: 68px;
}
.comments-link .count {
	font-size: 1.2em;
	font-weight: bold;
}
.comments-link p {
	margin: 10px 0 10px 0;
}

/* Comments
------------------------------- */
#comments, #comment-form { padding-top: 1em; }
#comments .even { background-color: #e9eef5; }
#comments a { color: #113d6e; }

.comment .comment-head { padding: 10px 0 10px 10px; }
.comment .comment-head .avatar, .comment .comment-head .author { float: left; }
.comment .comment-head .author { margin-left: 10px; }
.comment .comment-head .author a { font-weight: bold; }
.comment .content {
	border-bottom: 2px dotted #b5d4ff;
	padding: 0 10px 0 10px;
}
#comments .post-author { background-color: #cbdef9; }

/* Page Navigation Bar
------------------------------- */
.wp-pagenavi {
	margin-top: 2em;
	text-align: right;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {
	color: #113d6e;
	margin: 2px;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
}
.wp-pagenavi a { border: 1px solid #95b5dd; }
.wp-pagenavi a:hover {
	border: 1px solid #113d6e;
	background-color: #fff;
}
.wp-pagenavi span.pages { color: #333; }
.wp-pagenavi span.current {
	background-color: #fff;
	border: 1px solid #333;
	color: #333;
	font-weight: bold;
}

/* Authors
------------------------------- */
#author .author-photo {
	float: left;
	height: 172px;
	margin: -8px 10px 0 -12px;
	width: 147px;
}
#author .kreg { background: transparent url(images/kreg-wallace.png) no-repeat top left; }
#author .luca { background: transparent url(images/luca-lepori.png) no-repeat top left; }
#author .oliver { background: transparent url(images/oliver-niesewand.png) no-repeat top left; }
#author h3 { margin-bottom: 1em; }

/* Forms
------------------------------- */

#sidebar form { margin-bottom: 1em; }
input, label, button { vertical-align: middle }
label, .label {
	font-weight: bold;
	font-size:.9em;
}
legend { font-weight: bold; font-size: 1.2em; }
input.text, input.title, textarea, select {
	background-color: #fff;
	border: 1px solid #999;
	margin: 0.25em 0;
}
input.text:focus, input.title:focus, textarea:focus, select:focus {
	background-color: #ffe;
	border: 1px solid #666;
}
input.text, input.title { padding: .25em; }
select { height: 1.75em; }
input.title { font-size: 1.5em; }
input.button { margin-top: .25em; }
textarea {
	padding: .25em;
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: .9em;
}
input.break, button.break {
	display: block;
	margin-top: .5em;
}

/* Resizable textarea
------------------------------- */
div.grippie {
	background: #eee url(images/grippie.png) no-repeat scroll center 2px;
	border: 1px solid #ccc;
	border-top: none;
	cursor: s-resize;
	height: 9px;
	overflow: hidden;
}
.resizable-textarea textarea { margin-bottom: -1px; }

/* Error Messages
------------------------------- */
.error, .warning, .success {
	padding: 10px 10px 10px 36px;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}
.error {
	background: #fbe3e4 url(images/icon_error_16.png) no-repeat 10px 10px;
	color: #8a1f11;
	border-color: #fbc2c4;
}
.error a { color: #8a1f11; }

.warning {
	background: #fff6bf url(images/icon_warning_16.png) no-repeat 10px 10px;
	color:#514721;
	border-color: #ffd324;
}
.notice a { color: #514721; }

.success {
	background: #d9ffd9 url(images/icon_success_16.png) no-repeat 10px 10px;
	color: #174d18;
	border-color: #98d999;
}
.success a { color: #264409; }