/* File:			custom.css
Description:	Custom styles for Thesis */

/* _______________________HEADER_______________________*/

/* Puts the nav bar in place as a background image*/ .custom #header_area {background: url('images/header-bg.png') 0em 2.5em repeat-x; padding: 0 0 3.7em 0; }

/*Change the color and characteristics of the navigation menu under the header*/

.custom ul#tabs { list-style: none; border: none; margin: -1.6em 0 0 0; padding: 0 0 1.5em 2em; text-align: left; float: right; }
.custom ul#tabs li { margin-bottom: -0.1em; border: none;}
.custom ul#tabs li.current_page_item, ul#tabs li.current-cat { padding-bottom: 0em; border-bottom: none; }
.custom ul#tabs li a { font-size: 1.5em; padding: 0.5em 0.9em;}

.custom ul#tabs li#contact a {width: 97px;}
.custom ul#tabs li#contact { height: 30px; background: url('images/nav/contact.png') top center no-repeat; text-indent: -9999px;} 
.custom ul#tabs li#contact:hover { height: 30px; background: url('images/nav/contact.png') bottom center no-repeat; text-indent: -9999px;} 
.custom ul#tabs li#contact.current_page_item { height: 30px; background: url('images/nav/contact.png') bottom center no-repeat; text-indent: -9999px;}

.custom ul#tabs li#about a {width: 73px;}
.custom ul#tabs li#about { height: 30px; background: url('images/nav/about.png') top no-repeat; text-indent: -9999px;}
.custom ul#tabs li#about:hover { height: 30px; background: url('images/nav/about.png') bottom no-repeat; text-indent: -9999px;}
.custom ul#tabs li#about.current_page_item { height: 30px; background: url('images/nav/about.png') bottom center no-repeat; text-indent: -9999px;}

/*.custom ul#tabs li#articles a {width: 98px;}
.custom ul#tabs li#articles { height: 30px; background: url('images/nav/articles.png') top center no-repeat; text-indent: -9999px;}
.custom ul#tabs li#articles:hover { height: 30px; background: url('images/nav/articles.png') bottom center no-repeat; text-indent: -9999px;}
.custom ul#tabs li#articles.current_page_item { height: 30px; background: url('images/nav/articles.png') bottom center no-repeat; text-indent: -9999px;}*/

.custom ul#tabs li#portfolio a {width: 107px;}
.custom ul#tabs li#portfolio { height: 30px; background: url('images/nav/portfolio.png') top center no-repeat; text-indent: -9999px;}
.custom ul#tabs li#portfolio:hover { height: 30px; background: url('images/nav/portfolio.png') bottom center no-repeat; text-indent: -9999px;}
.custom ul#tabs li#portfolio.current_page_item { height: 30px; background: url('images/nav/portfolio.png') bottom center no-repeat; text-indent: -9999px;}

/*This should place the header images within the grey-header and red-header classes*/
.custom #custom_header a.red-header { display: block; height: 155px; width: 485px; background: url('images/header-fg.png') bottom left no-repeat; outline: none;}
.custom #custom_header a.grey-header { display: block; height: 155px; width: 485px; background: url('images/header-fg.png') top left no-repeat; outline: none;}
.custom #custom_header a.grey-header:hover { display: block; height: 155px; width: 485px; background: url('images/header-fg.png') bottom left no-repeat; outline: none;}

/* Get rid of the site title by casting it out to far left field and make the padding on the new header play nice*/
.custom #custom_header a { text-indent: -9999px; }
.custom #header { padding: 0; border-bottom: none;}

/* _______________________BODY (General body styles)_______________________*/

/* Change the body text color*/  body.custom {color: #333333; }
/* Remove the colored border around images that are linked*/  .custom a img { border: none; }
/* Remove the bars separating body from header and body from footer*/ .custom #feature_box, #footer { border: none; }
/* Remove the headlines from the top of each page, but not on posts*/ .custom .page .no_sidebars .headline_area h1 {text-indent: -9999px; margin: -1.3em 0 0 0;} .custom #content #post-10 .headline_area h2 { text-indent: -9999px;  margin: -1.3em 0 0 0;}
/* Style the links overall */ .custom a { color: #cc0000;  text-decoration: none; }  .custom a:hover { color: #ff0000; text-decoration: underline;} .custom a:active {position:relative; top:1px;}
/* Move the right side of the text in a little bit */ .custom .format_text { margin-right: 1.5em;}
/* Get rid of the grey box behind photos*/.custom .wp-caption {border: none; background: none;}
/* Make the divider bigger between posts*/ .custom .post_box, .teasers_box {border-top: 4px dotted #BBBBBB;}

/* _______________________HOME (page specific styles)______________________*/

/* Make the "Thanks for visiting" bigger and move it around .custom .bigtext { font-size: 1.2em; font-weight: bold;  text-indent: 365px; margin:-25px 0 0 0;} */
/* Increase the line spacing on the front page .custom #post-10 h3 { line-height: 1.65em; } */
/* Make the links on the front page bigger .custom #post-10 a { font-weight: bold; } */
/* Place the background image on the home page .custom #content #post-10{background: url('images/bodybg2.png') top left no-repeat; height: 550px; margin: 4em 0 -5em 0;}*/
/* Get the paragraph spacing on the front page correct .custom #post-10 .format_text p {margin-bottom: 1.8em;} */
/* Get the front page text to line up correctly and change the line spacing .custom #post-10 .format_text {line-height: 1.6em; width: 580px; margin: -15px 0 0 335px;} */

/* Center the welcome video*/ .custom #hana_flv_flow_1 {text-align: center; margin: 0 0 0 2em;}


/* _______________________PORTFOLIO AND ARTICLES______________________*/

/* Remove the "comments closed on this post" message from the bottom of every page */  .custom .comments_closed p {display: none;} .custom .to_comments {display: none; }
/* Remove the "From the category archives" note at the top of the blog pages*/ .custom #archive_info {display: none;}
/* Get the spacing of the posts in the portfolio correct*/ .custom .hfeed.post_box {margin: 3.5em 0 2em 0;}
/* Get the content column width right on the blog page*/ .custom.cat_articles #content {width: 65.8em;}
/* Get the spacing about the images of websites correct*/ .custom.cat_portfolio img.right, .custom.cat_portfolio img.alignright {margin: 1em 0 4em 2.8em;}
/* Increase spacing at the end of an article*/ .custom.cat_articles .post_box {margin-bottom: 6em;}
/* Get the width of the teasers box on the portfolio page correct*/ .custom.cat_portfolio .teasers_box {width: 99em;}

/* _______________________ABOUT______________________*/

/* Get the spacing around the About photo right*/  .custom #attachment_45 {padding:2em 0 5em 2em;} .custom .format_text #attachment_45 img {margin: 0;}

/* _______________________CONTACT_____________________*/

/* Shrink the width and padding of the name e-mail and send fields. */
.custom #contactmessage {margin: 1em 0 0 0;}
.custom #contactname {width: 12em; height: 2em; margin: 0 0 0 1.5em;}
.custom #contactemail {width: 12em; height: 2em; margin: 0 0 0 1.5em;}
.custom #contactsend {width: 7em; height: 3em;}

/* Style the text labels for the fields */
.custom .contactmessage { float: left;}
.custom .contactname { float: right; clear: right; margin: 2.2em 0 0 0;}
.custom .contactemail { float: right; clear: right; margin: 2em 0 0 0;}
.custom .contactsend {float: right; clear: right; margin: 2em 1.2em 0 0;}
.custom .contactnote {clear: both; padding: 4em 0 0 0;}

/*Style the response that is presented after visitor uses/tries to use the form*/
.custom div.wpcf7-response-output, div.wpcf7-display-none, div.wpcf7-mail-sent-ok {clear: both;}

/* _______________________SIDEBAR_____________________*/

/* Remove the border above the sidebar*/ .custom #sidebars { border: none; }
/* Make the whole sidebar a little narrower*/ .custom #sidebars ul.sidebar_list {margin-right: 2em;}
/* Style the headings in the sidebar*/ .custom .sidebar h3 {font-size:1.1em; text-align:right;}
/* Right justify recent entries text*/ .custom li.widget ul li {text-align: right;}
/* Shrink the search bar*/ .custom .sidebar .text_input {width:75%;}
.custom li#search.widget form {text-align: right;}

/* _______________________SIDEBAR TEASERS_____________________*/
/* get the width right*/ .custom .teaser {width: 100%; text-align: left; border-bottom: 4px dotted #BBBBBB; padding: 0 0 1em 1em;}
.custom .teaser .format_teaser {margin: .6em 0 1em 0}
/* Get the sidebar headline right*/ .custom .thesis_sidebar_teasers h3 {text-align: left; padding: 2em 0 0 1em;}
/* Get the teaser headlines right*/ .custom .thesis_sidebar_teasers .entry-title {font-size: 1.1em; padding: 1em 0 0 0;}
/* Get the teaser thumbnail right*/ .custom .thesis_sidebar_teasers .thumb {padding: 1em 1em 0 0;}


/* _______________________FOOTER_______________________*/

/* Add the footer background color, and give the footer some white space above*/ .custom #footer_area {margin: 3em 0 0 0; height: 6em; background: #ebebeb;}
/* Push the footer text down and change its color*/ .custom #footer p { padding: 2.6em 0 0 0; color: #bbbbbb;}
/* Remove the underline from the link in the footer*/ .custom #footer a {border: none;}

/*Style the shit out of the blockquote

.custom blockquote {color: #da9d28; border: none; background:transparent url(images/quotes.png) top left no-repeat; padding: 30px 0px 30px 20px; margin: 0;} */

/*Change the color of 'Previous' and 'Next' post links

.custom .prev_next { text-transform: uppercase; letter-spacing: 2px; border-top: 2px solid #999999; color: #999999; clear: both; } */

/*Change the color of the number of comments

.custom .format_text .to_comments span {color:#999999;} 

.custom .comments_intro span { color: #999999; } */

/*Change the color and characteristics of the input boxes (comments, search form)

.custom input, textarea {background:#999999 none repeat scroll 0 0; border-color:#333333 #666666 #666666 #333333; border-style:solid; border-width:1px; color:#000000; font-size:1em; }

	.custom input.form_submit:hover {color:#215488;} */

/*Change the color of the box below the comment area that contains HTML instructions

.custom #commentform p.allowed { background:#666666 none repeat scroll 0 0; border-color:-moz-use-text-color #666666 #666666; }

	.custom #commentform p.allowed span {color:#aaaaaa; } */

/*Change the color of the category links right under the post headline

.custom .headline_meta a {border-bottom: none; color:#666666;}

	.custom .headline_meta a:hover {color:#666666; text-decoration: underline;} */