/*  

Theme Name: Sensical-2010

Theme URI: http://www.sensicaldesign.com/

Description: The new homemade Sensical Design Website theme.

Version: 1.0

Author: Sensical Design

Author URI: http://www.sensicaldesign.com/

*/



/* Basics */

body, h1, h2, h3, h4, h5, h6, blockquote, p {

	margin: 0;

	padding: 0;

}



body, html {

	margin: 0;

	font-family: Helvetica, "Helvetica Neue", Arial, Verdana, sans-serif;

	font-size: 13px;

	text-align: center;

	vertical-align: top;

	background: #B7B796;

	letter-spacing: .03em;

}

p, li {

	color: #575746;

	line-height: 1.3em;

	margin: 10px 0;

}

a:link, a:visited {

	text-decoration: none;

	color: #bd4500;

	border: none;

}

a:hover {

	text-decoration: underline;

	color: #D98E33;

}

img {

	border: none;	

}

#wrapper {

	margin: 0 auto;

	width: 960px;

	text-align: left;

}



/* header */

#header {

	width: 960px;

	height: 110px;

	float: left;

	margin: 0;

	background: url(images/header-back.gif) no-repeat top left;

	text-align: right;

	border-bottom: 6px solid #F7E2AF;

}

#homeButton {     /* these three styles create an invisible button over the logo */

	height: 110px;

	width: 400px;

	margin: 0;

	float: left;

}

a.bigLink {

	display:block;

	width:100%;

	height: 100%;

}

a.bigLink:hover, a.bigLink.active {

	text-decoration:none;	

}



#header h1 {

	display:none;

}

#header h2 {

	color: #f7e2af;

	font-size: 20px;

	font-style: italic;

	margin: 25px 20px 0 0;

	letter-spacing:.05em;

}



/* search */

#search{

	width: 190px;

	float: right;

	margin: 15px 25px 0 0;

  	padding: 0;

	border: none;

}

* html #search {            /* IE6 double-margin hack */

	margin: 15px 13px 0 0;

}

#search_form{

	width: 193px;

}

#searchTable {

	border: 1px solid #D98E33;

	width: 100%;

}

td.txt{

  margin: 0;

  padding: 0;

  border: 0;

}

input.s_text{

	width: 166px;

	margin: 0;

	padding: 2px;

	border: 0;

	height: 16px;

	color: #D98E33;

}

* html input.s_text {    /* IE6 hack */

	height: 18px; 	

}



input.searchsubmit{

  background: #fff url(images/search-go.gif) left 1px no-repeat;

  margin: 0;

  padding: 0;

  height: 20px;

  width: 23px;

  border: 0;

}

* html input.searchsubmit {     /* fix height in IE6  */

  height: 22px;	

}



td.btn{

  margin: 0;

  padding: 0;

}



/* subheader-navigation */

#subHeader {

	width: 960px;

	float: left;

	margin: 0;

	background: #D98E33;

	border-bottom: 6px solid #F0F0E6;

}

#subHeader h3 {

	font-size: 20px;

	line-height: 1.3em;

	font-weight: normal;

	color: white;

	margin: .75em 20px;

}

#subHeader h3 span {

	color: #F7E2AF;

	font-weight: bold;

}



.menu {

	width: 960px;

	float: left;

	margin: 0;

	clear:both;

    padding: 0;

}

.menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.menu ul li a {

	display: block;

	float: left;

	padding: .75em 20px;

	font-size: 16px;

	font-weight: bold;

	border-right: 2px solid #F0F0E6;

}

* html .menu ul li {      /* needed for IE6  */

    float: left;

    height: 1%;

}

* html .menu ul li a {

    height: 1%;

}

*+html .menu ul li {      /* needed for IE7  */

        float: left;

        height: 1%;

}

.menu .page-item-10 a {   /* note: change if last page class changes */

	border-right: none;	

}

.menu ul li a:link, .menu ul li a:visited {

	color: #575746;

} 



.menu ul li a:hover, .menu ul li a:active {

	color: #BD4500;

	background-color: #F7E2AF;

	text-decoration: none;

}

.menu .current_page_item a:link, .menu .current_page_item a:visited  {

	color: #575746;

	background-color: #F0F0E6;

}

.menu .current_page_item a:hover, .menu .current_page_item a:active  {

	color: #575746;

	background-color: #F0F0E6;

}
/* optimize - for SEO */

/* optimize - for SEO */

#optimize {
       width: 200px;
	   height: 200px;
	   overflow: hidden;
       float: left;
       margin-left: -10000px;
	   display: none;
	   z-index: -10;
}


/* main - controls background */

#main {

	float: left;

	width: 960px;

    background: url(images/main-bkgd.gif) top left repeat-y;

}





/* contentArea - posts */

#container {

	width: 600px;

	float: left;

	margin: 0;

	padding: 0 20px;

}

div.post h2 {

	clear: both;

	font-size: 30px;

	font-weight: normal;

	margin: 30px 0 10px;

}



div.post h2 a:link, div.post h2 a:visited {

	color: #575746;

}

div.post h2 a:hover, div.post h2 a:active {

	color: #BD4500;

	text-decoration: underline;

}

div.post h3 {

	font-size: 20px;

	font-weight: normal;

	margin: 30px 0 10px;

	color: #575746;

}



div.post div.post_datetime {

	color: #727264;

	font-size: 12px;

	padding: 0 0 10px 20px;

}

div.post .postmetadata {

	color: #727264;

	font-size: 12px;

	margin-top: 10px;

	padding-left: 20px;

	line-height: 1.3em;

}

div.post div.flickr {     /* these next entries for use with images in posts */

	float: right;

	margin: 0 0 20px 20px;

}

.alignright {

	float: right;

	margin: 0 0 10px 20px;

}

.alignleft {

	float: left;

	margin: 0 20px 10px 0;

}

div.flickr p {

	font-size: 12px;

	margin: 5px 0 -5px;

	line-height: 1.5em;

	width: 180px;

}



div.divider {

	padding: 20px 0 0;

	border-bottom: 1px solid #575746;

	clear: both;

}

div.navigation {

	font-size: 12px;

	margin: 20px;

}



/* sidebar */

#sidebar {

	width: 320px;

	margin: 0;

	float: right;

	display: inline;

}



#sidebar ul {

	list-style: none;

	margin: 0;

	padding: 10px 20px;

}

#sidebar ul li {

	margin: 0;

	padding: 0 0 0 -10px;

	color: #575746;

	line-height: 1.3em;

}

#sidebar h2 {

	font-size: 20px;

	padding: 20px 0 5px;

	color: #575746;

}

#sidebar #twitter h2 a:link, #sidebar #twitter h2 a:visited {    /* fixes color in sidebar title links */

        color: #575746;

}

#sidebar #twitter h2 a:hover, #sidebar #twitter h2 a:active {

        color: #BD4500;

}

#sidebar ul li ul {

       padding: 5px 0 10px;	

}



/* Contact form */

#contactBox {

	width: 100%;

	margin: 0;    

	background-color: #EDC075;

	padding-bottom: 5px;

}



/*  main 'top-level' form elements   */                                                    */



.cform { 

	margin:0; 

	width: 320px; 

	overflow:hidden;

}



.cform fieldset	{ 

	padding:10px 20px 15px 10px; 

    border: 0;

}

* html .cform fieldset {     /* IE6 hack  */

	padding: 10px 0 15px 0;	

}



.cform .cf_hidden {

	display:none; 

	border:none!important;

	background:none!important;

	padding:0!important;

	margin:0!important;

}



.cform legend { 

	margin-left: 0;

	padding: 20px 20px 0 10px; 

    font-weight: bold;

    font-size: 20px;

	color: #575746;

}

ol.cf-ol { 

	margin:0!important; 

	padding:0 10px!important; 

}

ol.cf-ol li	{

	background:none!important; 

	margin:5px 0px!important; /*some themes may interfere otherwise*/

	padding:0; 

	list-style:none!important; 

	text-align:left;

	line-height:1.3em;

	overflow:hidden;

}

/* global definitions for field labels                */



.cform label {

border: none;

	width:270px; 

	margin:2px 10px 0 0; 

	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/

	text-align:left;

	vertical-align:top;

	font-size: 12px;

	color: #575746;

}

.cform label span {

	width:270px; /* must be the same as above!*/

	display:block;

}



label.cf-before {

	width:50px;

	margin:4px 10px 0 0; 

}

label.cf-before span {

	width:50px;

}



label.cf-after 	{

	font-size:12px;

	margin:4px 5px 4px 6px;

	text-align:left;

	width:90px;

}



label.cf-after span {

	width:90px;

	display:block;

}

label.cf-group-after {

	margin:5px 0 4px 2px;

	width:130px;

	text-align:left;

}

label.cf-group-after span {

	width:130px;

	display:block;

}

/*   FORM FIELDS general formatting                   */

.cform input,

.cform textarea,

.cform select { 

	padding:3px;

	background: #fff; 

	border:1px solid #727264; 

	vertical-align:top;

}

.cform input:hover,

.cform textarea:hover,

.cform select:hover	{

	background:#DBDBCC; 

}



.cform input:focus,

.cform textarea:focus,

.cform select:focus	{ 

	background:#fff; 

}



.cform textarea,

.cform input {

	width:260px; 

}

.cform select {

	width:260px; /* attempt to have equal length */

}  



.cform select.cfselectmulti	{ 

	height:7.5em; 

}



.cform textarea {

	font-size: 1em;

	height:5em;

	overflow:auto;

	display:block;

}



.cform input.cf_date {

	width:128px;

}



/* formatting for text:  "(required)"  & other        */

span.reqtxt,

span.emailreqtxt { 

	display:block; 

        color: #727264;

        font-size: 11px;

}





/*   radio button title                               */

ol.cf-ol li.cf-box-title {

	padding: 10px 0; /* check with label 'width' incl. */

        font-size: 12px;

        width: 260px;

        color: #575746;

        line-height: 1.3em;

}



/*   check boxes                                      */

input.cf-box-a,

input.cf-box-b 	{ 

	margin:2px 0 0 0; 

	width:20px; 

	height:22px;

	border:none!important;

	background:none; 

}



input.cf-box-a 	{ 

	margin-left:0px; /* check with label 'width' incl. */

} 



/* check box groups                                   */

ol.cf-ol li.cf-box-group {

	padding: 0 0 5px 10px; 

} 



/*   FORM submit button                               */

p.cf-sb {

	padding: 0!important;

	margin: 0;

	text-align:right;

}

.cform input.backbutton,

.cform input.resetbutton,

.cform input.sendbutton	{ 

	width:119px; 

	height: 29px;

	padding:2px; 

	margin: 0px 20px 5px;

	font-size:1em;

	background-color: #BD4500;

    color: white;

    border:1px solid white !important;

	border-left-color:white!important; 

	border-top-color:white!important;

}

.cform input.sendbutton:hover {

    background-color: #D98E33;	

	color: #575746;

	border: 1px solid #575746 !important;

}

.cform input.resetbutton {

	width: auto;

	padding:5px 1em;

}

.cform input.backbutton {

	width: auto;

	padding:5px 1em;

}



/*   FORM FIELDS enhanced error display               */

ol.cf-ol li.cf_li_err {

	background:#FFDFDF!important;

	border: none;

	padding:5px 0!important;

	margin:5px 0!important;

}



ol.cf-ol li ul.cf_li_text_err {

	margin:0 0 0 10px;

	padding:0;

	color:#333;

}



ol.cf-ol ul.cf_li_text_err li {

	background:url(images/icon-alert.png) no-repeat left 1px!important;

	list-style:none!important;

	font-weight:bold;

	text-indent:0;

	margin:0 0 2px!important;

	padding-left:15px;

	font-size:9px;

}

ol.cf-ol ul.cf_li_text_err li:before {

	content:'';

}



/* 'visitor verification' related styles              */

label.secq,

label.seccap,

input.secinput {

	vertical-align:text-bottom;

	vertical-align:bottom;

}



#cforms_captcha6,

#cforms_captcha5,

#cforms_captcha4,

#cforms_captcha3,

#cforms_captcha2,

#cforms_captcha {

	height:15px;

	width:90px;

	padding: 4px 4px;

	margin: 0;

	vertical-align:text-bottom;

	vertical-align:bottom;

}



img.captcha	{

	vertical-align:text-bottom;

	margin:0 0 0 2px!important;

	padding:0!important;

	border:none!important;

	float:none!important;

	vertical-align:bottom;

}



img.captcha-reset {

	vertical-align:text-bottom;

	background:	url(images/captcha_reset_red.gif) no-repeat;

	margin:0 0 2px 5px;

	width:21px;

	height:21px;

	border: none;

	vertical-align:bottom;

}



img.imgcalendar {

	border:none;

}



/* change formatting of response msgs here            */

div.cf_info {

	display:none;

	color:#333333;

	display:none;

	font-size:10px;

	margin:10px auto;

	padding:10px 5px !important;

	text-align:left;

	width:175px;

}

div.cf_info ol {

	margin:0;

	padding:5px 5px 0pt 20px;

}

div.cf_info ol li {

	padding:1px 0;

	margin:2px 0;

}

div.cf_info a	{

	color:#ad2929!important;

	text-decoration:underline!important;

}

div.success {

	color:#AAAAAA;

	display:block;

	letter-spacing:1px;

}

div.failure {

	display:block;

	background:#FFDFDF!important;

	border-color:#DF7D7D;

	border-style:solid;

	border-width:1px 0pt;

}

div.waiting {

	background:#F9F9F9;

	color:#AAAAAA;

	display:block;

}



/*   formatting for invalid user inputs               */

.cform .cf_error { 

	color:#ad2929; 

	border:1px solid #ad2929; 

}

div.mailerr {

	display:block;

}

.mailerr,

.cform .cf_errortxt {

	color:#ad2929; 

}



/* disabled fields [disabled] does not work on IE!    */

[disabled] {

	color:#dddddd;

	border-color:#dddddd!important;

	background:none!important;

}

.disabled {

	border-color:#dddddd!important;

}



/* upload box styling                                 */

.cform input.cf_upload  {

	width:220px;

	background: #f9f9f9;

	border:1px solid #888888;

}



/*  Other: link love                                  */

.linklove {

	margin:0 0 10px 0!important;

	padding:0!important;	

	text-align:center!important;

}

.linklove a:link,

.linklove a:visited {

	font-size: 11px;

	color:#727264;

}



/*  Other: browser hacks                              */

* html .cform fieldset {

	position: relative;

	margin-top:15px;

	padding-top:25px; 

}

* html .cform legend { 

	position:absolute; 

	top: -8px; 

	left: 6px; 

	margin-left:0;

}

*+html .cform fieldset {

	position: relative;

	margin-top:15px;

	padding-top:25px; 

}

*+html .cform legend { 

	position:absolute; 

	top: -8px; 

	left: 6px; 

	margin-left:0;

}

* html ol.cf-ol,

* html ol.cf-ol li	{

	display: inline-block;  /*for ie6*/

}

*+html ol.cf-ol,

*+html ol.cf-ol li	{

	display: inline-block;  /*for ie7*/

}

* html img.captcha {

	margin-bottom:1px!important;

}

*+html img.captcha {

	margin-bottom:1px!important;

}





/* Footer */

#footer {

	clear: both;

	width: 960px;

	float: left;

	margin: 0;

    background-color: #575746;

}

#footer p {

	color: #B7B796;

    font-size: 12px;

	margin: 20px;

	line-height: 1.3em;

}

#footer a:link, #footer a:visited {

	color: #F7E2AF;

	font-weight: bold;

}





/* Comments */

.comments-template{

	margin: 20px 0 0;

	border-top: 1px solid #575746;

	padding: 20px 0 0;

        clear: both;

}



.comments-template ol{

	margin: 0;

	padding: 0 0 15px;

	list-style: none;

}



.comments-template ol li{

	margin: 20px 0 0;

	line-height: 1.3em;

	padding: 0 0 10px;

	border-bottom: 1px solid #575746;

}



.comments-template h2, .comments-template h3{

	font-size: 16px;

        color: #575746;

}



.commentmetadata{

	font-size: 12px;

}



.comments-template p.nocomments{

	padding: 0;

}



.comments-template textarea{

	font-family: Helvetica, "Helvetica Neue", Arial, Verdana, sans-serif;

	font-size: 12px;

}