@charset "utf-8";
/* Theme Name: Driftwood
 * Theme URI: http://www.driftwoodcms.com/
 * Description: Contact manager theme for WordPress.
 * 
 * Version: 0.8.4
 * Author: Ethan Shaw
 * Tags: microformats, two-columns, fixed-width, threaded-comments, blue, orange
 * 
 * Copyright (c) 2010 Matt Taylor.  All rights reserved.
 * Driftwood is released under the GNU General Public License, version 2 (GPL).
 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * User is solely responsible for security of privacy information.
*/

@import url('media/css/reset.css');		/* Reset default browser styles */  

/**//* Basic WordPress Blog Styles *//**/   
/* Images */
.entry-content img {margin: 0 0 1.5em 0;}
.alignleft, img.alignleft {display: inline; float: left;  margin-right: 1.5em; }
.alignright, img.alignright {display: inline; float: right; margin-left: 1.5em; }
.aligncenter, img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; }
.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; }
.gallery dl {margin: 0; }
.gallery-caption {margin:-1.5em 0 0 0; }
/* Pullquotes */
blockquote.left {float: left; margin-left: 0; margin-right: 20px; text-align: right; width: 33%; }
blockquote.right {float: right; margin-left: 20px; margin-right: 0; text-align: left; width: 33%; }
/* end WordPress defaults */

/**//* Driftwood Standards *//**/  
body {
	background-color: #fff;
	vertical-align: middle;
	display: block;
	margin: 0px auto;
	list-style:outside lower-alpha;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: .9em;
	color: #1a1a1a; }
a, a:visited {text-decoration:none; color:#02A4D3;}
a:hover, a:active {text-decoration:underline; color:#0C95C7;}

h1, h2, h3, h4, h5, h6{font-weight: normal;margin:0;padding: 0;}
h1 a, h2 a, h3 a, h4 a, h5 a{color:#1a1a1a}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{color:#0088CC}

#clear {clear:both}
#container {
	display: block; float: none; width: 990px;
	background-color:#fff;
	margin-top: 30px; margin-right: auto; margin-left: auto;	}
	
.grey-text {color: #aaa; font-size: 1.2em;}
.lightorange-text, .lightorange-text a,.lightorange-text a:visited {font-size: 1.2em; color: #FF9729; font-weight: bold; text-decoration:none }
.lightorange-text a:hover, .lightorange-text a:active {color: #0C95C7; text-decoration:underline}
.black-text {color:#333}

/**//* Fonts *//**/  
@font-face {
	font-family: 'UbuntuTitlingBold';
	src: url('media/fonts/UbuntuTitling-Bold.eot');
	src: local('Ubuntu Titling Bold'), local('UbuntuTitling-Bold'), url('media/fonts/UbuntuTitling-Bold.woff') format('woff'), url('media/fonts/UbuntuTitling-Bold.ttf') format('truetype'), url('media/fonts/UbuntuTitling-Bold.svg#UbuntuTitling-Bold') format('svg');  }	
.UbuntuTitlingBold {font-family:UbuntuTitlingBold, sans-serif}

/**//* Shared Classes *//**/  
#widgetsright h2, .navwidget h3, .cmsLeader, .ddsg-wrapper h2 {color:#c60; font-family: UbuntuTitlingBold, sans-serif; font-size:1.2em}
#main h3, #main h4, #comments h4, h3.ContactTwitter {font-size:1.2em; font-family:UbuntuTitlingBold, sans-serif; color:#42ADDE}
#main p, #SearchResults p {line-height:1.7em;}
#maincontent strong, #SearchResults strong, .SearchResults-none strong {color:#C63; font-weight:bold}

input.searchsubmit, #commentform #comment_submit {border:0; background-color:#fff; color:#b7ddf2; margin:5px 0; 
	font-family: UbuntuTitlingBold, sans-serif; font-size:1.2em; cursor:pointer}
.searchsubmit:hover, #commentform #comment_submit:hover {color:#3CBAC8}
#ContactTwitter, #commentform input, .commentfield, #comment_write,.s {padding: 3px; border:solid 2px #b7ddf2; color:#444}
	
/**//* Header *//**/  
#header-wrapper {background:url(media/img-general/header-bg.png) no-repeat top left #666; display: block; clear: both; 
	height: 46px; width: 990px; vertical-align: middle; margin-right: auto; margin-left: auto; float: none; overflow: visible;

	-moz-border-radius: 12px 12px 0 0;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	border-radius: 12px; /* future proofing */
	-khtml-border-radius: 12px 12px 0 0; /* for old Konqueror browsers */

	box-shadow: 2px 2px 8px #E6E6E6;
	-moz-box-shadow: 2px 2px 8px #E6E6E6;
	-webkit-box-shadow: 2px 2px 8px #E6E6E6;	}
	
#sitetitle, #sitelinks {display: block; height: 25px; margin-top: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;  }
#sitetitle, #sitetitle a, #sitetitle a:visited,#sitelinks, #sitelinks a, #sitelinks a:visited {
	color: #eee; text-shadow: -1px -1px 0px #1a1a1a; filter: dropshadow(color=#1a1a1a,offX=1,offY=1); text-decoration:none;  }
#sitetitle a:hover, #sitetitle a:active, #sitelinks a:hover, #sitelinks a:active {text-decoration:underline; color:#FFF}
#sitetitle {font-size: 1.2em; width: 230px; text-align: center;	position: absolute;  }

#sitelinks {font-size: 1.1em; width: 700px; text-align:left; left:400px; position: absolute;  }


/**//* Body Layout *//**/  
#body {width: 980px; margin:0 auto;	float: none; clear:both; display:block;}
#navright {margin: 0px; padding: 0px; float: right; width: 165px; display:block;}
#contentleft {margin: 0px; padding: 0px; float: left; width: 775px; display:block; border: 0 0 0 0 solid #005d9f;}
#wrapper {
	display: block;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #E6E6E6;
	border-top: 0px solid #E6E6E6;
	padding: 8px;
	
	-moz-border-radius: 0 0 12px 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	border-radius: 12px; /* future proofing */
	-khtml-border-radius: 0 0 12px 12px; /* for old Konqueror browsers */

	box-shadow: 2px 2px 8px #E6E6E6; /* Firefox */
	-moz-box-shadow: 2px 2px 8px #E6E6E6; /* Safari, Chrome */
	-webkit-box-shadow: 2px 2px 8px #E6E6E6; /* CSS3 */
	}
#interiorwrap {}

/**//* Sidebar *//**/  
#widgetsright {margin-top:10px}
#widgetsright h2 {} 

.menuicon {width: 100%; margin: 10px 0 5px 7px; font-size:1em;}
.menuicon img {padding-right:5px; border:none; vertical-align:text-bottom}
.menuicon a, .menuicon a:visited {color:#1a1a1a; text-decoration:none}
.menuicon a:hover, .menuicon a:active {text-decoration:underline;}

.navwidget {margin:0 0 25px 0;}
.navwidget h3,.navwidget h3 a,.navwidget h3 a:visited {margin-bottom:5px;}
.navwidget a {color:#1a1a1a;}
.navwidget ul {margin-left:30px;}
.navwidget li {list-style:url(media/img-icons/bullet_white.png) outside circle; line-height:1.2em; vertical-align:middle}

/* WordPress widget: calendar */
#wp-calendar {color:#444;}
#wp-calendar a {text-decoration: none; color:#3CBAC8; font-weight:bold;}
#wp-calendar a:hover {text-decoration: underline; color:#0C95C7}
#wp-calendar caption {text-align:center; margin-bottom:3px;}  /* month & year header */
#wp-calendar th {}  /* day header */
#wp-calendar td {padding: 2px; text-align: center;}  /* dates */
#wp-calendar td.pad:hover {background-color: #fff;} /* white space void of dates,  doesn't work in IE */
#wp-calendar #next a {padding-right: 10px; text-align: right; }
#wp-calendar #prev a {padding-left: 10px; text-align: left;	}

/* WordPress widget: search */
.searchform {color:#444}
.s {width: 125px; padding-right:25px; 
	background:url(media/img-icons/magnifier-22px.png) no-repeat top right}  /* search input */



/**//* Main Content *//**/
#main {margin: 5px 0; padding-left: 10px;}
#main h1  {padding:5px 0; margin-bottom:10px; color:#c60; font-family: UbuntuTitlingBold, sans-serif; font-size:1.4em;}
#main h1 a, #main h1 a:visited {color:#c60; font-size:1em;}
#main h3 {margin:0 0 8px 0;}
#main h4 {margin:20px 0 10px 0;}
#main p {}
#main blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
#main blockquote cite { margin: 5px 0 0; display: block; }
#maincontent {line-height:normal; margin-left:10px}

.postwrap {margin:20px 0; width:700px;}  /* Notes (post entry) wrapper */
#postcontent {margin-left:25px; line-height:10px}
.pagelink {margin-top:10px}
#PostMeta-wrapper {margin:25px;}  /* Contact (post) Meta wrapper */
.postmeta, .postmeta a, .postmeta a:visited {width:550px; overflow:hidden;}
	.postmeta a, .postmeta a:visited {text-decoration:none}
	.postmeta a:hover, .postmeta a:active {text-decoration:underline;}

.htabs{	overflow:hidden; clear:both }
.htabs h4 a  {color:#bcbcbc;}
.htabs h4 a:hover {}
.htabs li{ float:left; margin-right:15px; overflow:hidden; }
.tabs{margin-top:2px; overflow:hidden;}

/**//* Search *//**/
#SearchResults {margin:0 0 20px 0;}
#SearchResults strong {}
.SearchResults-none strong {}
#SearchResults h2 {font-size:1.2em; color: #999; margin-bottom:8px;}
.SearchResults-none {margin:10px 0;}

/**//* Contact *//**/
/* Contact Data Table */
#contacttable {padding:15px 0 5px 0;}
#contacttable a:link, #contacttable a:visited, #contacttable a:hover, #contacttable a:active {color:#333;}
#cms-ContactTable {line-height:19px; width:550px}
#cms-ContactTable #ContactLabel {color:#878787;}
#cms-ContactTable #label {color:#444}
#cms-ContactTable #field {}
.cms-ContactTableImage {padding:3px 8px 0 0;}

.w100 {width:100px}
.w115 {width:115px}
.w125 {width:125px}
.w135 {width:135px}
.aligncenter {text-align:center}

#ContactWrap {margin:0 0 25px 0}  /* Contact Table wrapper */
.ContactTitle {color:#c60; font-family: UbuntuTitlingBold, sans-serif; font-size:1.2em}

.ContactLabel, .ContactLabel2 {width:90px; color:#878787;}
.ContactIcon, .ContactIcon2 {width:20px; margin-right:10px}
.ContactEntry, .ContactEntry2 {width:200px; margin-right:20px; text-align:left}
.contacttable-icons {margin-left:10px; text-align:left}

#ContactRundown {
	width: 550px;
	padding: 6px;
	text-decoration: none;
	border:solid 1px #DEDEDE;
	background:#FFFFCC;
	margin-bottom:20px; 	}
#ContactRundown li {list-style-position: inside; list-style-type: none; line-height:17px; color: #454545;}
h5.ContactRundown {margin-bottom: -3px; margin-left:2px; font-size:1.2em; 
	font-family:UbuntuTitlingBold, sans-serif; color:#42ADDE; }

/*Contact Single.php Page */
#ContactHeader-wrapper { height:45px; vertical-align: bottom}
#ContactHeader-L {height:25px; width:350px; overflow: visible; float:left}
#ContactHeader-L h3, #ContactHeader-L h3 a:link, #ContactHeader-L h3 a:visited
	{margin-top:-15px; color:#c60; opacity: 0.8;}
#ContactHeader-R {height:20px; width:245px; overflow: visible; float:right; margin-top:8px; margin-right:35px}
#ContactHeader-R strong {color:#CFC}
.contact-vcard {float:left; margin-right:7px;}

.grey {color:#bcbcbc;}


/**//* Comments *//**/
#comments {}
#comments h3 {font-size:1.2em; font-weight:300}
#comments h4 {margin:30px 0 0 0;}
#comments .block1 {background-color:#ebf4fb; border:solid 2px #eee; padding:3px; width: 525px; overflow:hidden}
#comments .block2 {background-color:#FFFACD; border:solid 2px #eee; padding:3px; width: 525px; overflow:hidden}
#comments p {font-size:1em; line-height:1.2em; margin-bottom:5px;}
#comments small {font-size:.9em; }
#comments cite {font-size:.9em; margin-bottom:10px; font-style:normal}
#comments ul {margin: 10px 0px 10px 35px; list-style-type: none;}
#comments li {list-style-image: url("media/img-icons/arrowright_small.png"); list-style-position: outside;}
#comments .alt {background-color:#FFFACD; border:solid 2px #eee; padding:5px;}
#comments .commentwrap {width:575px;}
	.commentwrap li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff; }

#comments .metadata {font-size:.9em; margin: 15px 0 6px 0}
#comments .metadata {color:#999; text-decoration:none;}
#comments .metadata a:hover, #comments .metadata a:active {text-decoration:underline}
.commentmeta-type, .commentmeta-type a:link, .commentmeta-type a:visited 
	{color:#C63; font-weight:bold}
.commentmeta-author, .commentmeta-author a:link, .commentmeta-author a:visited 
	{color:#333; font-weight:bold}
.commentmeta-edit a:link, .commentmeta-edit a:visited, .commentmeta-delete a:link, .commentmeta-edit a:visited,
	.commentmeta-spam  a:link .commentmeta-spam a:visited,
	{color:#999;}
.commentmeta-timestamp {color:#999}
.commentmeta-seperator {color:#096}

.commentmeta-type a:hover, .commentmeta-author a:hover, .commentmeta-edit a:hover, .commentmeta-delete a:hover, .commentmeta-spam a:hover
	{text-decoration:underline; color:#02A4D3;}


.commenttext1 {font-size:1em;}
.commenttext2 {font-size:1em;}

.comment_login_meta {font-size:.9em; margin:15px 0 3px 0;}
.comment_login_meta a, .comment_login_meta a:visited, .comment_login_meta a:hover {color:#1A1A1A;}
.comment_login_meta-user, .comment_login_meta-user a, .comment_login_meta-user a:visited, .comment_login_meta-user a:hover {
	color:#C63; font-weight:bold}


.commentmetadata {font-size:.7em}
comment-adminlinks, .comment-adminlinks a:link, .comment-adminlinks a:visited {color:#999;}
.commententry li, 
.commententry p {width:520px; line-height:5px;}}

.commentlist p { margin: 10px 0 10px 5px; }
.nocmments p { color:#0F6}
#comments label {width: 4em;float: left;text-align: right;margin-right: 0.5em;display: block}
#commentform { margin:15px 0 0 20px;}
#commentform label {float:right; width:72%; margin-right:0.5em; padding-top:0.2em; text-align:left;  }
#comment_submit {border:solid 2px #b7ddf2; background:#ebf4fb;}

.commentfield {padding:3px; margin-bottom:3px}
.comment_meta-label {margin-top:3px}

#comment_write {padding:8px; background-color:#FFF;
/* CSS3 Box Shadow */ -moz-box-shadow:0 0 3px #AAAAAA; -webkit-box-shadow:0 0 3px #AAAAAA; box-shadow:0 0 3px #AAAAAA;
/* CSS3 Rounded Corners */ -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; }


/**//* Footer *//**/
#footer {width: 980px; margin: 10px auto; clear:both; display:block; text-align:center; }
#copyright {padding:10px; line-height:16px;}
#copyright, #copyright a, #copyright a:visited {
	font-size:.9em;color: #878787;margin:5px 0 5px 0;text-decoration:none;}
#copyright a:hover {text-decoration:underline;}


/* Error Messages */
.error {color: #D8000C; padding:10px; border: 1px solid #D8000C; background-color:#FFBABA; width:600px;  margin:15px 0;; margin-left:auto; margin-right: auto; font-family:UbuntuTitlingBold, sans-serif; font-size:1.3em; text-align:center; }
.error a, .error a:visited, .error a:hover, .error a:active {color: #D8000C; text-decoration:underline}

.alert-yellow {
	background: #fff6bf url(bioneural/exclamation.png) 15px center no-repeat;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}
.404, p.404, .404 p {width:600px; font-family:UbuntuTitlingBold, sans-serif; font-size:1.3em; text-align:center;
	background: #fff6bf url(bioneural/exclamation.png) 15px center no-repeat;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324; }

/**//* Plugin Intergration *//**/
/* Dagon Design Sitemap */
#404-sitemap {}
.ddsg-wrapper h2 {margin-bottom:5px;}
.ddsg-wrapper strong {color:#333;}
.ddsg-wrapper li {list-style:none; margin:2px 0; color:#333}
.ddsg-wrapper {margin:25px 0 0 0;line-height:1.3em}
.ddsg-pagenav {}

/* Front End Editor */
.fee-filter-{filter}
.fee-field {cursor:crosshair}  /*All editable fields in normal state*/
.fee-form {}  /*Form when editing*/
.fee-form input, .fee-form textarea {padding: 3px; border:solid 2px #3CBAC8; color:#444}
.fee-form input:focus, .fee-form textarea:focus {border:solid 2px #b7ddf2;}
.fee-form button {border:solid 2px #b7ddf2; background-color:#fff; color:#0c0; margin:1px 3px 1px 2px; 
	font-family: UbuntuTitlingBold, sans-serif; font-size:1.2em; cursor:pointer}
.fee-form button:hover {background-color:#b7ddf2}