/* +----------------------------------------------------+ */
/* | Global stylesheet for Corvid Works sites           | */
/* +----------------------------------------------------+ */


/** Undo some styles from YUI base.css
----------------------------------------*/

html {
	font-size: 76%;
}

fieldset, table {
	margin: 0px;
	border: 0px;
}

th, td {
	border: none;
}


/** General
----------------------------------------*/

body {
	color: #2f1a00;
	background: #ffffff url('/cw/images/header.png') repeat-x;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 123.1%;
	line-height: 140%;
}

a {
	color: #661414;
	text-decoration: none;
}

a:hover {
	color: #2f1a00;
	text-decoration: underline;
}

a.more {
	font-weight: bold;
}

/* Underline links in page contents */
div.content_area a {
	text-decoration: underline;
}

/* ... but not in certain content elements */
div.content_area h2 a, div.block a {
	text-decoration: none;
}

div.content_area h2 a:hover, div.block a:hover {
	border-bottom: solid 1px;
}

div.content_area div.recommended a:hover {
	border: none;
}


/** Header 
----------------------------------------*/

#header {
	height: 240px;
	position: relative;
}

#header #logo {
	position: absolute;
	top: 25px;
	left: -50px;
}

#header #homelink {
	position: absolute;
	top: 85px;
	left: 195px;
}


/** Sidebar
----------------------------------------*/

div.sidebar ul.services {
	margin-left: 5px;
}

div.sidebar ul.services li {
	margin-left: 0px;
}

ul li span.commentcount {
	font-size: 75%;
	margin-left: 5px;
}

ul.archive li span.metadata {
	display: none;
}


div.recent_articles ul {
	margin-top: 0px;
}


/** Content area 
----------------------------------------*/

#content {
	margin-top: 30px;
}

div.doc-cw750 {
	/* leave unchanged */
	margin: auto; 
	text-align: left; 
	/* set width */
	width: 57.69em;  /* non-IE */
	*width: 56.25em; /* IE */
	min-width: 750px;
}

div.content_area {
	margin-right: 20px;
	padding-bottom: 10px;
}

p {
	margin: 20px 0px;
}

h1, h2, h3, h4 {
	color: #661414;	
}

h1, h2, h4 {
	margin: 10px 0px;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 180%;
	font-family: Georgia, Garamond, serif;
	font-weight: normal;
	margin: 0px;
	margin-bottom: 20px;
}

h3 {
	font-size: 130%;
	margin: 20px 0px 10px 0px;
}

em.highlight {
	background: #f1eee7;
	font-weight: normal;
	font-style: normal;
	padding: 0px 2px;
}

ul.services li {
	margin-bottom: 3px;
	background: url('/shared/images/icons/star-nautical.png') 0px 3px no-repeat;
	text-indent: 20px;
	list-style: none;
}

dl.faq {
    margin-left: 0px;
}

dl.faq dt, dl.faq dd {
    margin-left: 20px;
}

dl.faq dt {
    font-size: 108%;
    font-weight: bold;
    margin-bottom: 5px;
}

dl.faq dd {
    margin-bottom: 15px;
}


/** Articles
----------------------------------------*/

div.post h2 {
	margin-bottom: 0px;
}


/** Box-type elements 
----------------------------------------*/

div.block { 
	padding: 10px;
	margin-bottom: 20px;
}

div.block h2, div.block p {
	margin-top: 0px;
	margin-bottom: 10px;
}

div.block .last {
	margin-bottom: 0px;
}

div.block h2 a {
	color: #412400;
}

div.banner {
	color: #f0eeec;
	background: #412400;
	margin-bottom: 30px;
	padding: 20px;
}

div.banner h2 {
	color: #f0eeec;
	line-height: 1.1em;
}

div.service_summary {
	background: url('/content/themes/corvidworks/images/summary.png') no-repeat;
	width: 518px;
	height: 80px;
	padding: 20px;
}

div.service_summary ul {
	margin: 0px;
	margin-top: 10px;
}

div.service_summary ul li {
	background: url('/shared/images/icons/star-nautical.png') left center no-repeat;
	float: left;
	margin: 2px 0px 3px 10px;
	padding-left: 20px;
	list-style: none;
	white-space: nowrap;
}

div.client {
	background: #e6e3dc;
	padding: 10px 20px;
}

div.featured_project {	
	background: #e6e3dc url('/cw/images/background-featured.png') no-repeat;
	padding-top: 15px;
	border: solid 1px #661414;
}

div.featured_project h3 span.featured_label {
	font-family: Georgia, Garamond, serif;
	font-size: 110%;	
	font-weight: normal;
}

div.client h3 {
	margin: 5px 0px;
}

div.client h3 span.domain {
	font-size: 70%;
	font-weight: normal;
	margin-left: 10px;
}

div.client h3 a:hover {
	text-decoration: none;
	border: none;
}

div.client h3 a:hover span.domain {
	text-decoration: underline;
}

div.about {
	padding: 0px;
}

div.about img {
	border: solid 1px;
}

div.highlight_block {
	background: #e6e3dc;
	padding: 10px 20px;
	border: solid 1px #661414;
}

div.highlight_block h3 {
	margin-top: 5px;
}

div.highlight_block h4 {
	margin-bottom: 10px;
}

blockquote {
    background: #f9f9f9;
    border: solid 1px #c0c0c0;
    padding: 0px 5px;
}

blockquote p {
	margin: 10px 0px;
}


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

div.inputrow, div.input_row {
	margin-bottom: 10px;
}

label {
	margin-left: 5px;
}

input, textarea {
	background: #f1eee7;
	font-size: 95%;
	padding: 2px;
	border: solid 1px #9b968f;
}

textarea {
	width: 90%;
	height: 150px;
}

#respond input.text_field {
    width: 250px;
}

/* OpenID disabled for now, as PHP OpenID library doesn't work with PHP 5.3
div#respond input#url {
    background-image: url('/shared/images/icons/openid.png');
    background-position: 3px 50%;
    background-repeat: no-repeat; 
    width: 231px;
    padding-left: 21px !important; 
}
*/

div.inputrow p.subscribe-to-comments, div.input_row p.subscribe-to-comments {
	margin: 0px;
}

input[type='checkbox'], input[type='radio'] {
	background: none;
	border: none;
}

#openid_help {
    font-size: 85%;
    text-decoration: none;
    border-bottom: 1px dotted;
}

#openid_info {
    background: #f9f9f9;
    font-size: 85%;
    width: 89%;
    border: solid 1px #c0c0c0;
    padding: 0px 5px;
    margin-bottom: 10px;
    display: none;
}

#openid_info p {
    margin: 5px 0px;
}


/** Footer 
----------------------------------------*/

#footer {
	color: #f1eee7;
	background: #412400;
	padding: 5px;
}

#footer p {
	font-size: 80%;
	text-align: center;
	margin: 0px;
}

#footer a {
	color: #f1eee7;
	text-decoration: none;
	border-bottom: 1px dotted;
}

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

/** Misc. styles 
----------------------------------------*/

ul.icons li {
	list-style-type: none;
	margin-bottom: 10px;
	margin-left: 0px;
}

ul.icons img {
	margin-right: 10px;
	vertical-align: middle;
}

pre {
	font-size: 85%;
}

div.code pre {
	font-size: 110%;
	line-height: 120%;
}

code {
	font-size: 90%;
	background: #f0f0f0;
	padding: 0px 2px;
}

div.toc {
	margin: 20px 0px;
}

div.toc div.icons {
	width: 450px;
	min-height: 55px;
	margin-bottom: 20px;
	position: relative;
}

div.toc div.icons img {
	position: absolute;
	top: 0px;
	left: 0px;
}

div.toc h3, div.toc p {
	margin: 0px;
}

div.toc div.icons h3, div.toc div.icons p {
	position: relative;
	left: 75px;
}

div.divider {
	width: 75%;
	margin: 40px auto 20px auto;
	border-bottom: solid 1px #9b968f;
	clear: both;
}

#blurb, div.blurb {
	background: #f1eee7;
	width: 175px;
	margin: 0px 0px 20px 10px;
	padding: 10px;
	border: solid 1px #661414;
	float: right;
}

#blurb h4, div.blurb h4 {
	color: #382c26;
	font-size: 120%;
	margin: 0px;
	margin-bottom: 10px;
}

#sidebar div.blurb {
	width: 100%;
}

div.topic_block {
	height: 115px;
	margin-bottom: 10px;
}

div.topic_block img {
	margin-right: 10px;
	float: left;
}

div.topic_block h4 {
	width: 110px;
	margin: 0px;
	padding-top: 10px;
	float: left;
}

div.navigation_block h4 {
	margin-bottom: 5px;
}

div.navigation_block ul {
	margin: 5px 0px 5px 25px;
}

dl.highlight_list dt {
	font-weight: bold;
}

dl.highlight_list dd {
	margin-left: 0px;
	margin-bottom: 10px;
}


/** Resume 
----------------------------------------*/

body.resume object {
	height: 0px !important;
	display: none !important;
}

body.resume h2 {
	color: #661414;
}

body.resume h3 {
	font-size: 120%;
	margin-bottom: 0px;
}

body.resume h4, body.resume h5 {
	text-indent: 10px;
	font-size: 100%;
}

body.resume h4.title {
	color: #382c26;
	font-weight: bold;
}

body.resume h5.dates {
	font-style: italic;
}

body.resume a.skill {
	color: #382c26;
	text-decoration: none !important;
	border-bottom: none !important;
}

body.resume div.experience ul {
	margin-top: 15px;
}

body.resume abbr {
	border: none;
}


/** Portfolio 
----------------------------------------*/

#portfolio div.project {
	margin-top: 30px;
	min-height: 200px;
	margin-bottom: 30px;
}

#portfolio div.entrybody img {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	border: solid 1px;
}


/** Placeholder pages 
----------------------------------------*/

div.placeholder {
	font-size: 110%;
	width: 500px;
	margin: 20px auto;
}

div.placeholder h1 {
	color: #661414;
	font-weight: normal;
	margin-top: 20px;
}

table.domains-for-sale {
	margin-left: 50px;
}

table.domains-for-sale th {
	text-align: left;
	font-weight: bold;
	border-bottom: solid 1px;
}

table.domains-for-sale th, table.domains-for-sale td {
	margin: 5px;
	padding: 5px 20px;
}


/** Corvid Labs
----------------------------------------*/

body.microformats input.text_field {
	width: 350px;
	margin-right: 10px;
}

div.paypal {
    text-align: center;
}

form.paypal input {
    background: transparent;
    border: none;
}


/** Article styles
----------------------------------------*/

div.post h1 {
	margin-bottom: 5px;
}

h5.metadata {
	color: #8c8685;
	font-size: 95%;;
	font-weight: normal;
	margin: 5px;
}

div.article_wrapper p {
	padding-bottom: 10px;
}


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



/** Contact form
-------------------------------------------------------- */

form.contact-form {
	margin-top: 30px;
	margin-bottom: 10px;
}

form.contact-form div.form-label {
	width: 280px;
	height: 35px;
	float: right;
	clear: both;
}

form.contact-form label {
	margin-left: 0px;
}

form.contact-form div.form-option {
	margin-top: 5px;
	margin-bottom: 10px;
}

form.contact-form div.form-input,
form.contact-form div.form-option,
form.contact-form div.form-submit {
	width: 250px;
	margin-bottom: 10px;
	float: left;
	clear: left;
}

form.contact-form div.form-textarea {
	margin-bottom: 15px;
}

form.contact-form div.form-submit {
	margin-top: 10px;
}

form.contact-form div.form-input input.text {
	width: 250px;
}



form.contact-form fieldset div.form-input input.error,
form.contact-form fieldset div.form-textarea textarea.error {
	background: #fbf4e2;
}

form.contact-form input.hidden_placeholder {
	color: #f1eee7;
}

p.success {
	color: #38821b;
}


/** Comments 
----------------------------------------*/

#comments h2 {
	margin: 20px 0px;
}

div.comment, div.pingback, div.trackback {
	background: #e6e3dc;
	margin: 10px 0px;
	padding: 10px;
	font-size: 95%;
	overflow: auto;
}

div.parent div.comment {
    font-size: 100% !important;
    margin-right: -6px;
    margin-bottom: -6px;
    border: solid 1px #9b968f;
}

div.bypostauthor {
	background: #e5ddc9 !important;
	border: solid 1px #661414;
}

div.comment p {
	margin: 10px 0px;
}

div.comment pre, div.comment div.wp_syntax {
	clear: left;
}

div#comments form {
	margin-bottom: 20px;
}

img.avatar {
    float: left;
    margin-right: 10px;
    border: solid 1px;
	margin-bottom: 10px;
}

div.comment-author, div.comment-meta {
    display: inline;
}

div.comment-meta {
    float: right;
    padding-right: 10px;
    font-size: 85%;
}

div.comment-meta a {
    color: #8c8685;
    text-decoration: none;
}

div.comment-meta a:hover {
    text-decoration: underline;
}

div.comment div.reply {
    font-size: 85%;
    margin-top: 15px;
    clear: left;
}

div.pagination {
    font-size: 93%;
}

div.pingback span.says, div.pingback div.comment-meta, 
div.pingback img, div.pingback p, div.pingback div.reply,
div.trackback span.says, div.trackback div.comment-meta, 
div.trackback img, div.trackback p, div.trackback div.reply {
    display: none;
}

div.cancel-comment-reply {
    font-size: 85%;
    margin-bottom: 10px;
}

ul.commentnotes code {
    font-size: 85%;
}


/** Testimonials and other services
----------------------------------------*/

div.other_services, div.contact {
	color: #f0eeec;
	background: #661414;
	font-family: Georgia, Garamond, serif;
	font-size: 130%;
}

div.contact {
	margin-bottom: 10px;
}

div.other_services p, div.contact p {
	margin-bottom: 5px;
}

div.other_services a, div.contact a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dashed;
}

div.other_services a:hover, div.contact a:hover {
	border-bottom: 1px solid;
}

div.testimonial {
	background: #eee4c5;
	font-size: 90%;
	padding: 10px;
}

div.testimonial p {
	margin: 5px 0px;
}

div.testimonial p.quote {
	font-style: italic;
	margin-top: 0px;
}

div.testimonial p.signature {
	text-align: right;
	margin: 0px;
}

div.recommended {
	text-align: center;	
	height: 40px;
	line-height: 40px;
	margin: 0px;
}

div.recommended img {
	margin: 0px 10px;
}