/*
Theme Name: Aqueous Design
Theme URI: http://design.aqueo.us/
Description: Custom theme created for design.aqueo.us by Douglas Waldron
Version: 0.1
Author: Doug Waldron
Author URI: http://doug.aqueo.us/
Date: 2009-04-13
Modified: 2009-09-29

*/

/* Reset 
----------------------------------
 Resets default browser CSS styles.
 Original by Erik Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
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,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;padding:0;border:0;
	font-weight:inherit;font-style:inherit;
	font-size:100%;font-family:inherit;
	vertical-align:baseline;
}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}

/* Foundation
---------------------------------- */
body {
	font:75%/1 constantia, times new roman, times, serif;
	color:#444;
	background:#f9f9f9 url('images/bg.png') repeat-x; 
	margin:0;
}

/* Links
---------------------------------- */
a:hover,a:focus{
	background:#444;
	color:#fff;
	text-decoration:underline;
}
a img {
	background:#ddd;
	padding:4px;
	border:1px solid #aaa;
	border-color:#555 #999 #bbb;
	vertical-align: middle;
	text-decoration:none;
}
ul.download a img, a.download img {
	background:none;
	padding:0;
	border:none;
	vertical-align: text-bottom;
}
a.download {
	text-decoration:none;
}
a:hover img,a:focus img {
	background:#77c;
	color:#fff;
}

/* General fonts
---------------------------------- */
h1,h2,h3,h4,h5,h6 { 
	font-weight:normal;
}
strong {font-weight:bold;}
em {font-style:italic;}
big {
	font-size:bigger;
	color:#333;
}
small {
	font-size:smaller;
	color:#5a5a5a;
}
acronym, abbr {
	font-size:.9167em;
	letter-spacing:.0833em;
}
acronym[title], abbr[title] {border-bottom:1px dashed #555;}
pre {font:1.167em Consolas, "Courier New", courier, monospace;}
sup, sub {
	font-size:smaller;
	position:relative;
}
sup {bottom:.3333em;}
sub {bottom:-.25em;}
button {font-family:constantia, times new roman, times, serif;}

/* Special fonts
---------------------------------- */
div#content,div#sidebar{
	line-height:1.3;
}
.alt {
	color:#444;
	font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif;
	font-size:1.2em;
	line-height:1%; /* Maintain correct baseline */
	font-style:italic;
}
a:hover .alt,a:focus .alt {
	color:#fff;
}
.quiet {
	font-size:.9167em;
	color:#777;
}
.first-letter:first-letter {
	font-size:2.65em;
	float:left;
	width:1em;
	font-family:times, georgia, "book antiqua", serif;
	margin:0 1px 1px 0;
	line-height:1;
}
.highlight {padding:2px 5px;background:#ff9;}

/* General content
---------------------------------- */
p img, ul img {
	max-width:100%;
}
p img{
	border:1px solid #aaa;
	border-color:#bbb #999 #555;
}

/* Accessibility bar
---------------------------------- */
div#access {
	margin:0 0 20px;
	padding:3px 20px;
	background:#ddd;
	border-bottom:1px solid #777;
}
div#access a{
	padding: 2px 20px 10px;
	margin: 0;
	color:#777;
	text-decoration:none;
}
div#access a:hover,div#access a:focus{
	color:#fff;
}

/* Sidebar
---------------------------------- */
div#sidebar {
	width:200px;
	float:left;
	margin:0 0 0 20px;
}

/* Header
---------------------------------- */
h1{
	letter-spacing:.05em;
	font-size:1.5em;
	text-align: center;
	text-shadow: #ccc 0 1px 1px;
	position:relative;
	min-height:72px;
}
div#header{
	float:left;
	padding:10px 0 20px;
	width:200px;
	border:1px solid #999;
	margin-bottom:20px;
	background:#fff;
}
div#header h1 a{
	color:#307;
	display:block;
	text-decoration: none;
	padding:5px 0;
	text-shadow: #cbd 0 1px 3px;
}
div#header h1 a:hover,div#header h1 a:focus{
	background:#444;
	color:#fff;
}
div#header h1 span {
	background:#fff url('images/logos.png') no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
div#header h1 a:hover span,div#header h1 a:focus span {
	background-position:0 -72px;
}
div#header p.tagline{
	text-align: center;
	font-size:1.2em;
	font-style: normal;
}
div#header p{
	margin:10px 20px;
	font-style: italic;
}
div#header form,
div.external {
	margin:1em 20px;
}
div.external a {
	display:block;
	margin:10px 0;
	padding:4px 0;
	font-variant: small-caps;
  letter-spacing: 2px;
  color: #77c;
}
form#contactlink button{
	width:100%;
	margin:10px 0 20px;
	padding:2px;
}
div.external a:hover,div.external a:focus,
form#contactlink button:hover,form#contactlink button:focus{
	background:#444;
	color:#fff;
}
form#contactlink button img,
div.external a img {
	vertical-align:bottom;
	margin:0 3px 0 0;
	padding:0;
	border:none;
	background:none;
}
div.external ul {list-style:none;margin:1em 0; padding:0;}
div.external li {margin:0;padding:0;}
div.external a {margin:0 0 0 -2px;padding:2px;text-decoration:none;}
div.credit {
	margin:10px 20px 0;
	font-style: italic;
  color:#777;
}
div.credit small,div.credit a {
  color:#777;
}
div.credit a:hover,div.credit a:focus {
	color:#fff;
}

/* Archive/Category page
---------------------------------- */
ul.itemlist p, ol.search p {margin:0;}
ul.itemlist a, ol.search a {display:block;}
div.excerpt {font-style: italic;}

/* Search form
---------------------------------- */
div#search {
	margin:0;
}
.item div#search {
	margin:0 0 .7em;
}
div#search h2 {display:none;}
form#searchform input {
	width:118px;
	margin:0;
	padding:3px;
	margin-right:3px;
}
.item form#searchform input{
	width:250px;
}
form#searchform button {
	padding:1px;
	margin:0;
	background:none;
	border:1px solid #fff;
	position: relative;
	top: -2px;
}
form#searchform button:hover,form#searchform button:focus {
	background:#eee;
	border:1px solid #aaa;
}
form#searchform button img {
	vertical-align:middle;
	margin:0;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}
ol.search p {margin:0;}
ol.search a {display:block;}

/* News
---------------------------------- */
div#news{
	margin-bottom:20px;
	float:left;
	width:200px;
	border:1px solid #ddd;
	background: #fff;
}
div#news h2 {
	font-size:1.5em;
	margin-top:5px;
	text-shadow: #ccc 0 1px 1px;
	padding:5px 20px;
	color:#444;
}
div#news ul{
	list-style:none;
	padding:0;
	margin:0;
}
div#news a {
	display:block;
	text-decoration: none;
	padding:5px 20px;
	color:#444;
}
div#news a:hover,div#news a:focus{
	background:#444;
	color:#fff;
	text-decoration:underline;
}
div#news a strong {
	text-decoration: underline;
}

/* Content
---------------------------------- */
div#content {
	float:left;
	margin-left:20px;
}
div.postmeta {
	font-size:smaller;
	color:#5a5a5a;
	font-style: italic;
	clear:both;
}
div.tags{
}
div.pagination{
}
div.navlink{
	border-top:2px solid #777;
	margin:0;
	float:left;
	width:100%;
	background:#eee;
}
div.navlink a{
	display:block;
	padding:12px 4px;
}
div.navlink a:hover, div.navlink a:focus{
  text-decoration: none;
}
span.next{
	width:50%;
	float:left;
}
span.prev{
	width:50%;
	float:right;
	text-align:right;
}
div#content h4 {
	font-weight:bold;
	margin:1em 0 .7em;
}
div#content h3 {
	font-weight:bold;
	font-size:1.333em;
	margin-bottom:.5em;
}
div#content h2 {
	font-size:2em;
  letter-spacing: .2em;
  text-transform: uppercase;
	margin:-.3em 20px -.5em;
	text-shadow: 0 1px 1px #aaa;
	color:#444;
	text-align:right;
}
.item{
	margin:0 10px 10px 0;
	float:left;
	padding:20px;
	width:360px;
	border:2px solid #eee;
	text-decoration:none;
	color:#444;
	background:url('images/white-transparent.png');
}
.item p {
	margin:0 0 .7em;
}
.item p.meta, .item p.postmeta{
	text-align:right;
	font-style:italic;
	margin:0 0 20px;
	clear:both;
}
a.go {
	display:block;
	padding:10px 10px 10px 30px;
	background:url('images/website.png') no-repeat 7px 50%;
	color:#444;
}
a.go:hover,a.go:focus {
	background-color:#555;
	color:#fff;
	border-color:#77c;
}

/* Lists
---------------------------------- */
/* Unordered lists */
.item ul li {
 margin:.5em 0 .5em 12px;
 padding:0;
}
.item ul{
 margin:1.5em 0;
}
.item ul ul{
 padding:0;
 margin-top:0;
}
.item ul li {
	list-style:none;
	background:transparent url('images/bullet_black_c.png') no-repeat 0 3px;
 padding:0 0 0 12px;
}
.item ul ul li {
	list-style:circle outside;
	background:none;
	padding:0;
}
.item ul.download li {
	background:transparent url('images/bullet_go_c.png') no-repeat 0 2px;
	padding:0 0 0 16px;
}
/* Ordered lists */
ol {list-style: decimal outside;padding-left:2em;margin:1.5em 0;}
ol ol {list-style-type: lower-alpha;}
ol ol ol {list-style-type: lower-roman;}
ol li {padding:0;margin:1em 0;}

/* Definition lists */
dl {
 margin: .7em 0;
}
dt {
 clear: left;
 float: left;
 margin: 0 1em 0 0;
 text-align: right;
 width: 8em;
 font-weight: bold;
}
dd {
 margin: 0 0 2em 9.5em;
 padding: 0;
}
dd+dd {
 margin-top: .75em;
}
dl p {
 margin: 0;
 padding: 0;
}
dl dl dt {
 width: 1.5em;
 text-align: left;
}
dl dl dd {
 margin: 0 0 .5em 2em;
}

/* Portfolio (home page only)
---------------------------------- */
div#content.portfolio ul{
	list-style:none;
}
div#content.portfolio li{
	margin:0;
	padding:0;
}
div#content.portfolio li a {
	margin:0 10px 10px 0;
	float:left;
	padding:20px;
	width:360px;
	border:1px solid #777;
	text-decoration:none;
	color:#444;
	background:#fff;
	clear:both;
}
div#content.portfolio li a:hover,div#content.portfolio li a:focus{
	background:#333 url('images/item-bg.png') repeat-x;
	color:#fff;
	border:1px solid #ddd;
}
div#content.portfolio strong {
	text-decoration:underline;
	font-size:1.167em;
	font-weight:normal;
	text-shadow: #ddd 0 1px 1px;
  position: relative;
  left:-5px;
}
div#content.portfolio li a:hover strong,div#content.portfolio li a:focus strong {
	text-shadow:none;
}
div#content.portfolio img {
	float:left;
	margin:0 15px 2px 0;
}
div#content.portfolio a:hover img,div#content.portfolio a:focus img{
	background-color:#555;
	border-color:#777 #333 #333 #777;
}

/* Comment form
---------------------------------- */
div#comments {
	width:360px;
	padding-top:20px;
	border-top:2px solid #777;
	clear:both;
}
form#commentform {clear:both;}
ul.commentlist {
	list-style:none;
}
img.avatar {
	width:32px;
	height:32px;
	float:left;
	margin:0 5px 5px 0;
	border:1px solid #999;
}
ul.commentlist li {
	padding:0;
	clear:both;
	margin:0 0 15px;
	border-bottom:1px solid #999;
	background:none;
}
ul.commentlist li:last-child {
	border-bottom:2px solid #777;
}
form#commentform {clear:both;}
form#commentform p {
	margin:0;
}
form#commentform label {
	display:block;
	border-style:solid;
	border-width:1px 0;
	border-color:transparent;
}
form#commentform label:hover {
	background:#eee;
	border-color:#ddd;
}
form#commentform textarea, form#commentform input {
	width:356px;
	margin:0 0 3px;
	border:1px solid #999;
}
form#commentform input:hover, form#commentform textarea:hover {
	border-color:#333;
}
form#commentform input:focus, form#commentform textarea:focus{
	border-color:#358;
}
form#commentform button {
	padding:3px;
	margin:3px 0;
}

/* Footer
---------------------------------- */
div#footer {
	width:100%;
	float:left;
	clear:both;
	margin:20px 0 0;
	border-top:2px solid #aaa;
	padding:10px 0;
	color:#777;
	background:#fff;
}
div#footer div {
	margin:0 0 0 20px;
	display:inline;
}
div#footer a {
	padding:10px 5px;
	color:#555;
}
div#footer a:hover,div#footer a:focus {
	color:#fff;
}

/* Contact Form
---------------------------------- */
/* defaults */
div.wpcf7 {
	margin: 0;
	padding: 0;
}
div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}
span.wpcf7-form-control-wrap {
	position: relative;
}
span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}
span.wpcf7-list-item {
	margin-left: 0.5em;
}
.wpcf7-display-none {
	display: none;
}
div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
}
/* my additions */
div.wpcf7 label{
	margin-left:-5px;
	padding:5px;
	display:block;
	float:left
}
div.wpcf7 label:hover{ background:lightyellow; }
div.wpcf7 p{ clear:both; }
div.wpcf7 input.wpcf7-acceptance { margin-left:0; }

/* wp-download-manager
 * Download Page Paging
---------------------------------- */
.wp-downloadmanager-paging a, .wp-downloadmanager-paging a:link,
.wp-downloadmanager-paging a:visited, .wp-downloadmanager-paging a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #06c;
	color: #06c;
	background-color: #FFF;
}
.wp-downloadmanager-paging a:hover {
	border: 1px solid #000;
	color: #000;
	background-color: #FFF;
}
.wp-downloadmanager-paging span.pages,
.wp-downloadmanager-paging span.current,
.wp-downloadmanager-paging span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	color: #000;
	border: 1px solid #000;
	background-color: #FFF;
}
.wp-downloadmanager-paging span.current {
	font-weight: bold;
}
.download-search-highlight {
	color: red;
}

/* Gallery (shortcode)
---------------------------------- */
div.gallery {width:100%;float:left;}
div.galleryitem {float:left;margin-right:15px;}

/* WordPress default styles
---------------------------------- */
img.aligncenter,img.centered {
	display:block;
	margin:0 auto;
}
img.alignright {
	margin:0 0 2px 5px;
	display:inline;
}
img.alignleft {
	margin:0 5px 2px 0;
	display:inline;
}
.alignright, a.alignright {
	float:right;
}
.alignleft, a.alignleft {
	float:left
}
.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
}
.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}
