@charset "utf-8";
/* Theme Name: Driftwood
 * Theme URI: http://www.driftwoodcms.com/
 * Description: Contact manager theme for WordPress.
 * 
 * Version: 0.8.2
 * 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{#1a1a1a}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{#0088CC}

#clear {clear:both}
#container {
	display: block; float: none; width: 990px;
	background-color:#fff;
	margin-top: 30px; margin-right: auto; margin-left: auto;	}
	
/* .t-grey {background: url(media/img-general/borders/dot.png) 0 0 repeat-x; width: 100%} */
.b-grey {background: url(media/img-general/borders/dot.png) 0 100% repeat-x}
.l-grey {background: url(media/img-general/borders/dot.png) 0 0 repeat-y}
.r-grey {background: url(media/img-general/borders/dot.png) 100% 0 repeat-y}
.bl-grey {background: url(media/img-general/borders/bl.png) 0 100% no-repeat}
.br-grey {background: url(media/img-general/borders/br.png) 100% 100% no-repeat}
/* .tl-grey {background: url(media/img-general/borders/tl.png) 0 0 no-repeat}
   .tr-grey {background: url(media/img-general/borders/tr.png) 100% 0 no-repeat; padding:10px} */

.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 {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}

#searchform #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}
#searchform #searchsubmit:hover, #commentform #comment_submit:hover {color:#3CBAC8}
#ContactTwitter, #commentform input, .commentfield, #comment_write,#searchform #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: hidden;	}
#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: 500px; text-align:left; left: 400px; position: absolute;  }

#header-search {display: block;	float: right; width: 183px; margin-top: 13px; margin-right: 16px; text-align:right;  }
#header-searchform {}
.header-searchsubmit {float:left; background: url(media/img-general/transparent.gif) no-repeat; height:19px; width:30px;}
.header-searchinput {float:right; margin: 1px 5px 0 0; height:17px; border: 0px; background: #FFF;}
.header-searchinput-focus {background:#fff; border:1px #0C95C7;}


/**//* 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;}
#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}
#searchform #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}

.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; height:22px; overflow:hidden;}
	.postmeta a, .postmeta a:visited {text-decoration:none}
	.postmeta a:hover, .postmeta a:active {text-decoration:underline;}

/**//* 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 *//**/
#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}
#cms-ContactTable #ContactLabel {color:#878787;}
#cms-ContactTable #label {color:#444}
#cms-ContactTable #field {}
.cms-ContactTableImage {padding:3px 8px 0 0;}

#ContactWrap {margin:10px 0 25px 0}  /* Contact Table wrapper */
.ContactTitle {color:#c60; font-family: UbuntuTitlingBold, sans-serif; font-size:1.2em}
.ContactLabel {width:90px; color:#878787;}
.ContactIcon {width:20px; vertical-align:middle; text-align:center}
.ContactEntry {width:175px}
.ContactLabel2 {width:100px; color:#878787;}
.ContactIcon2 {width:20px; vertical-align:middle; text-align:center}
.ContactEntry2 {width:170px}
.contacttable-icons {margin-left:10px; vertical-align:middle; 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; }

#ContactHeader-wrapper { height:45px; vertical-align: bottom}
#ContactHeader-L {height:25px; width:350px; overflow:hidden; float:left}
#ContactHeader-R {height:20px; width:245px; overflow:hidden; float:right; margin-top:8px}
#ContactHeader-R strong {color:#CFC}


/**//* 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: 450px; overflow:hidden}
#comments .block2 {background-color:#FFFACD; border:solid 2px #eee; padding:3px; width: 450px; overflow:hidden}
#comments p {font-size:1em;}
#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/bullet_black_small.png"); list-style-position: outside;}
#comments .alt {background-color:#FFFACD; border:solid 2px #eee; padding:5px;}
#comments .commentwrap {width:500px;}
	.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 a,#comments .metadata a:visited {color:#1A1A1A; text-decoration:none;}
#comments .metadata a:hover,#comments .metadata a:active {text-decoration:underline}
.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}
.commententry {width:440px}

.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;}
#comment_write {padding:8px;}
#comment_submit {margin-top:-5px}


/**//* 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;}