/*
Theme Name: Titan
Theme URI:  http://themes.jestro.com/titan/
Description:  A refined, balanced, and exceptionally handsome WordPress theme. Features a robust theme options menu allowing you to integrate your Flickr photos, Twitter updates, and Feedburner email updates. Use the custom code box to include photos, video, or whatever else your heart desires. Designed and coded by <a href="http://www.jestro.com">Jestro</a>.
Version:    1.20
Author:   Drew Strojny
Author URI: http://www.jestro.com
Tags: fixed-width, two-columns, white, brown, right-sidebar, threaded-comments, theme-options, translation-ready
*/

/*
    Copyright 2009 Jestro LLC

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    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.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.

*/

/* Import Stylesheets
-----------------------------------------------------------*/
@import url("../titan/stylesheets/master.css");
/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
/* Make all custom CSS changes in a Child Theme. See this tutorial for instructions:
     ----> http://themes.jestro.com/vigilance/easy-upgrading-wordpress-child-themes/ <----
 Any custom changes you make here will not be overidden when you upgrade the theme.
-----------------------------------------------------------*/

/*Undo browser defaults
------------------------------------------------------------ */
:link, :visited {
	text-decoration: none;
}
ul, ol {
	list-style: none;
}
h1, h2, h3, h4, h5, h6, pre, code, p {
	font-size: 1em;
}
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin: 0 0 0 0;
	padding: 0;
}
a img, :link img, :visited img {
	border: medium none;
}
address {
	font-style: normal;
}
/*Body & Links 
------------------------------------------------------------ */
body { 
	background-image:url(images/block.png);
	background-repeat:no-repeat; 
	background-position:center -5px; 					  		    /*background-attachment:fixed;*/
	background-color:#ff6600;
	font: 62.5% 'Letter Gothic Std', Courier, Helvetica, Arial, Sans-serif; font-weight:bold;
	color: #000;
	line-height: 1.8em;
}
a:link, a:visited {
	color: #000;
}
.entry a:link, .entry a:visited {
	font-weight: bold;
}
a:hover {
	color: #ff3300;
}
/*Basic Structure ------------------------------ */
.wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#content { 
	padding: 10px 0 30px;
	float: left;
	width: 640px;
	/*background-color:#FFFFFF;*/
	/*padding: 0 0 30px 0;*/
	border: none;
}
.content-background {
	background: none;
}
#sidebar {
	/*background-color:#FFFFFF;*/
	float: right;
	/*padding-bottom: 30px;*/
	width: 210px;
	border: none; 
	margin-top:90px;
}
#footer {
	clear: both;
	padding-top: 5px;
	border-top: 1px solid #ddd;
}
.clear:after, li.comment:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*Header
------------------------------------------------------------ */
#header {
	height: 150px;
	width: 100%; 
	border-bottom: none;
	/*
	background-image: url("images/header.png");
	background-repeat:no-repeat; 
	background-position: center 20px;
	*/
}
#header #header-img
{	display:none;
	position:relative; 
	float:right;
	margin-left:auto;
	margin-right: 155px;
	width:200px;
	height:150px;
	top:-30px;	
}
#follow { background:none;
	padding: 0 0; 
}
#follow dl {
	background:none;
	float: right;
	font-size: 1.3em;
	padding-left: 5px;
	padding-right: 5px; 
	margin-top: 140px;
}
#follow dl dt, #follow dl dd {
	float: left;
}
#follow dt { 
	font-weight: normal;
	color: #000;
}
#follow dd {
	margin-left: 20px;
}
#follow dd a {
	display: block;
	color:#000; 
}
#follow dd a.rss {
	padding-left: 20px;
	background: url(images/feed-icon.png) no-repeat 0 .2em;
}
#follow dd a.email {
	padding-left: 22px;
	background:  url(images/facebook-icon.png) no-repeat 0 .15em;
}
#follow dd a.twitter {
	padding-left: 19px;
	background: url(images/twitter-icon.png) no-repeat 0 .15em;
}
h1#title, div#title {
	float: left; 
	color:#FFF;
	padding: 30px 0;
	font-size: 4.3em; 
	padding-top: -20px; 
	padding-bottom:-20px;
	font-weight: bold;
	/*line-height: 0px;*/
	/*display:none;*/
}
h1#title a:link, h1#title a:visited, div#title a:link, div#title a:visited {
	color: #FFF;
}
h1#title a:hover, div#title a:hover {
	text-decoration: none;
}
/*Nav
---------------------------------------*/
#nav {
	color: #FFF; 
	width: 100%;
	/*font-size: 1.2em;*/
	font-weight: bold;
	background: none;

}
#nav, #nav ul {
	float: left; 
	margin-top:-30px;
	line-height: 20px;
	padding: 0;
	margin: 0;
	width: 100%;
}
#nav a { 		
	color:#000; 	
	display: block;
	text-transform: uppercase;
	padding: 0px 10px; 
	/*background-color:#FFF;*/
}
#nav li {
	float: left;
	border-right: none;
}

#nav:first-child {	
	margin-left: -10px;
	background: none;
	border-left: none; 
	margin-top:-30px; 
	margin-bottom:50px; 
}
#nav ul {
	text-align: left; 
	background: none;
	position: absolute;
	left: -989em;
	height: auto;
	width: auto;
	font-weight: bold;
	line-height: 10px;
	border: 0;
}
#nav li li {
	width: auto; 
	margin-top: 5px;
	float: none; 
	border-left: none;
	border-right: none;
	background: none;
}
#nav li li a {
	padding: 0px 10px;
	width: auto; 
}
#nav li ul ul {
	margin: -21px 0 0 150px;
}
#nav li li:hover {
	color: #ff3300;
}
#nav li ul li:hover a, #nav li ul li li:hover a, #nav li ul li li li:hover a, #nav li ul li li li:hover a {
	color: #ff3300;
}
#nav li:hover a, #nav li.sfhover a {
	color: #ff3300;
	text-decoration:underline;
}
#nav li:hover li a, #nav li li:hover li a, #nav li li li:hover li a, #nav li li li li:hover li a {
	color: #000000; 
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left:-999em; 
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left:auto; 
}
#nav li:hover, #nav li.sfhover {
	background: none;
	color: #000;
}
#nav .current_page_parent, #nav .current_page_ancestor, #nav .current-cat-parent {
	background: none;
	color: #ff3300;
}
#nav .current-cat, #nav .current_page_item {
	background: none;
	color: #000;
}
#nav .page-item-348
{
	display:none;
}
/*Notice
------------------------------------------------------------ */
div.notice {
	display: block;
	padding: 20px 0;
	font-size: 1.6em;
}
div.notice strong {
	color: #2F2922;
}
div.notice div {
	margin: 10px 0;
	padding: 20px;
	background:#fff;
}
div.notice div h2 {
	font-size: 1.3em;
	margin-bottom: 10px;
}
/*Page/Post Styling
------------------------------------------------------------ */
.post {
	margin-bottom: 30px;
	/*border-bottom: 1px solid #DFDAD5;*/
}
/*Post Header
---------------------------------------*/
.post-header {
	/*background-color:#FFFFFF;*/
	border-top: none;
	margin: 0 0 0 0;
	padding-bottom: 20px;
}
.post-header h2 {
	color:#ff3300;
	font-size: 2.5em;
	line-height: 1.2em;
	margin-left: 0px;
	text-transform:uppercase;
	font-weight: bold;
}
div.post-header div.date {
	float: left;
	margin-top:-20px;
	width: auto;
	color: #000000;
	font-size: 1.0em;
	text-transform: none;
	font-weight: normal;
	padding: 0 0 0 0;
	background: none;
}
.date span {
	color: #000000;
}
.author {
	margin: 3px 0 0 20px;
	color: #000000;
	font-size: 1.2em;
	display:none;
}
/*.post a:link, a:visited {
	color: #000000;
}*/
/*Post Body TEXTFELD
---------------------------------------*/
.entry {
	/*background-color:#FFFFFF;*/
	margin: -15px 0 0 0;
	width: auto;
	font-size: 1.2em;
}
.entry p {
	margin-bottom: 10px;
	display:block;
}
.entry h2, .entry h3, .entry h4 {
	font-size: 1.3em;
	/*background: #FFFFFF;*/
	padding: 15px 0 5px 0;
}
.entry h3 {
	padding-top: 10px;
	font-size: 1em;
}
.entry h4, .entry h5, .entry h6 {
	padding-top: 10px;
	font-size: .9em;
}
pre {
	margin: 10px 0;
	padding: 1em 10px;
	overflow: auto;
	/*background-color: #fff;*/
	color: #000;
}
code {
	padding: 2px 3px;
	font: 1.1em Helvetica, Consolas, Courier New, sans-serif;
	background-color: #E9EBD9;
	color: #000;
}
pre code {
	font-size: 1.3em;
}
blockquote {
	display: block;
	margin: 20px 0 20px 20px;
	padding: 0 0 0 20px;
	border-left: 3px solid #CBCAC8;
	color: #000;
	font-style: italic;
	line-height: 1.5em;
}
.entry ul, .c-body ul {
	margin: 0 0 10px 10px;
}
.entry ul li, .c-body ul li {
	display: block;
	margin: 5px 0;
	padding: 0 0 0 17px;
	background: url(images/list-item.gif) no-repeat 0 .3em;
}
.entry ol, .c-body ol {
	list-style-type: decimal;
	list-style-position: inside;
	margin: 5px 0 5px 10px;
}
.entry ol li ol li, .c-body ol li ol li {
	list-style-type: lower-roman;
}
.entry ol li, .c-body ol li {
	margin: 5px 0;
}
.navigation {
	padding: 10px 0;
	font-size: 1.3em;
}
.index {
	padding: 0;
}
/*Post Footer
---------------------------------------*/
.post-footer {
	margin-left: 131px;
}
.comments a {
	display: block;
	padding: 0 0 0 17px;
	color: #B79F87;
	font-size: 1.2em;
	background: url(../images/icon-comments.png) no-repeat 0 .4em;
}
.comments a:hover {
	color: #453729;
	text-decoration: none;
}
/*Single
---------------------------------------*/
.tags {
	float: left;
	width: 104px;
}
.tags span {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #beaa99;
	padding: 0 0 10px 28px;
	background: url(../images/icon-tags.png) no-repeat 0 .3em;
}
.tags p {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #beaa99;
}
.tags a {
	color: #beaa99;
}
.post-header h1 {
	margin-left: 0px; text-transform:uppercase;
	padding-bottom: 4px;
	font-size: 2.5em; line-height: 1.2em;
}
.meta {
	/*  border-top: 1px solid #EFEAE4;*/
    margin-top: 10px;
	padding-top: 5px;
	font-size: 1.2em;
	text-align: right;
	color: #000;
}
/*Comments
------------------------------------------------------------ */
/*Top
---------------------------------------*/
.comment-number {
	display: block;
	padding: 30px 0 5px 0;
	font-weight: bold;
}
.comment-number span {
	font-size: 1.3em;
	color: #777;
}
.none {
	border-bottom: 1px solid #EFEAE4;
}
a#leavecomment {
	font-size: 1.6em;
	padding-left: 2px;
}
/*Body
---------------------------------------*/
li.comment {
	padding-top: 20px;/*border-top: 1px solid #EFEAE4;*/
}
li.comment.depth-2 {
	margin-bottom: 0px;
}
ul.children {
	margin: 10px 0 0 131px;
	clear: both;
}
div.c-grav {
	float: left;
	width: 40px;
	margin: 0;
	text-align: right;
}
div.c-grav img {
	padding: 4px;
	border: 1px solid #E6E1DB;
	border-right-color: #D6D1CC;
	border-bottom-color: #D6D1CC;
	background: #fff;
}
div.c-body {
	margin-left: 131px;
	width: 497px;
	font-size: 1.3em;
}
ul.children div.c-body {
	margin-left: 70px;
	width: 427px;
}
div.c-body p {
	margin-bottom: 10px;
}
div.c-head {
	margin: 0 0 10px 0;
	font-weight: bold;
}
.c-permalink a:link, .c-permalink a:visited {
	color: #777;
	font-size: .7em;
}
div.reply {
	padding-bottom: 10px;
}
div.reply a:link, div.reply a:visited {
	color: #beaa99;
}
/*Form
---------------------------------------*/
form#commentform {
	margin: 0 0 20px 131px;
}
#respond {
	font-size: 1.3em;
}
h4#postcomment {
	margin: 20px 0;
	padding: 5px 0 0 0;
	color: #000;
	border-top: 1px solid #EFEAE4;
}
form#commentform label.comment-field {
	display: block;
	margin: 10px 0 3px 0;
	font-size: 1.1em;
}
input.text-input, form#commentform textarea {
	padding: 7px 3px;
	background: #fff;
	font-family: inherit;
	border: 1px solid #E6E1DB;
	border-right-color: #D6D1CC;
	border-bottom-color: #D6D1CC;
	width: 477px;
}
input#author, input#email, input#url {
	width: 300px;
}
form#commentform input:focus, form#commentform textarea:focus {
	background: #fff;
}
form#commentform input#submit {
	padding: 5px;
	width: 150px;
}
form#commentform p.guidelines {
	margin: 10px 0;
	color: #555;
}
p.subscribe-to-comments, p.comments-rss {
	margin: 0 0 10px 0;
}
p.comments-rss a {
	font-size: 1.1em;
	padding: 0 0 0 19px;
	background: url(../images/feed-icon.png) no-repeat 0 .1em;
}
fieldset {
	border: none;
}
/*Note
---------------------------------------*/
p.note { display:none
	font-style: italic;
	font-size: 1.3em;
}
/*Pingbacks/Trackbacks
---------------------------------------*/
h3.pinghead {
	font-size: 1.3em;
	color: #444444;
}
ol.pinglist {
	list-style-type: decimal;
	list-style-position: inside;
	margin: 0 0 10px 10px;
	font-size: 1.3em;
}
/*Pages
---------------------------------------*/
.entry.page {
	margin: 0;
	width: 628px;
}
h1.pagetitle, h2.pagetitle {
	margin: 0 0 15px 0;
	padding-top: 20px;
	font-size: 2.2em; 
	text-transform:uppercase; 
	border-top: none;
}
/*Archives List
---------------------------------------*/
.entries ul {
	font-size: 1.3em;
}
.entries ul li {
	line-height: 2.5em;
	border-bottom: 1px bottom #000;
}
.entries span {
	margin-right: 20px;
	color: #777;
}
/*Sidebar
------------------------------------------------------------ */
#sidebox {
	font-size: 1.2em;
	color:#000000;
}
#sidebox .post a:link {
	color: #000000; 
}
#sidebox p {
	margin-bottom: 30px;
	line-height: 1.2em;
}
#sidebox img {
	display:none;
	padding: 14px;
	border: 1px solid #E6E1DC;
	background: #fff;
}
h2.widgettitle {
	text-transform:uppercase;
	color: #000000;
	margin: 0 0;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 1.2em;
	border-bottom: none;
}
ul li.widget ul {
	font-size: 1.2em;
}
ul li.widget ul li ul {
	margin-left: 5px;
	font-size: 1em;
}
ul li.widget ul li {
	padding: 1px 0;
}
ul li.widget ul li ul li {
	padding: 1px 0 0 0;
}
/*Adbox
---------------------------------------*/
#adbox {
	margin: 20px 0;
	padding: 3px;
	border: 1px solid #E6E1DC;
	background: #fff;
}
#adbox img {
	border: 1px solid #E6E1DC;
}
/*Footer
------------------------------------------------------------ */
#footer {
	padding: 30px 0;
	border-top: 10px solid #000000;
	background: #FF6600;
	color: #000;
}
#footer a:link, #footer a:visited {
	color: #000;
}
#footer a:hover {
	text-decoration: underline;
}
/*Footer Columns
---------------------------------------*/
.footer-column {
	float: left;
	margin-right: 30px;
	padding-bottom: 20px;
	color: #000;
}
#footer-about.footer-column {
	width: 337px;
}
#footer-flickr.footer-column {
	width: 281px;
}
#footer-search.footer-column {
	margin: 0;
	float: right;
	width: 266px;
}
.footer-column h2 { 
	color:#000;
	font-size: 1.6em; 
	text-transform:uppercase;
	border-bottom: 1px solid #000;
	padding-bottom: 2px;
}
.footer-column p {
	margin: 15px 0;
	font-size: 1.2em;
	line-height: 1.5em;
}
/*Flickr
---------------------------------------*/
.flickr_badge_image {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	line-height: 0;
}
#flickr_badge_image1.flickr_badge_image, #flickr_badge_image2.flickr_badge_image, #flickr_badge_image3.flickr_badge_image {
	margin: 15px 0 10px 10px;
}
#flickr_badge_image1.flickr_badge_image, #flickr_badge_image4.flickr_badge_image {
	margin-left: 0;
}
.flickr_badge_image img {
	margin: 0;
	padding: 5px;
	border: 1px solid #ccc;
	background: #F7F7F7;
	line-height: 0;
}
#footer h2.widgettitle {
	margin-top: 0;
}
/*Search
---------------------------------------*/
#search_form input.search {
	margin: 15px 0 0 0;
	padding: 5px 2px;
	width: 180px;
	border: 1px solid #DED8D5;
	background: #F3F3F3;
	color: #555;
}
#search_form input.search:focus {
	background: #fff;
}
#search_form input#searchsubmit {
	margin: 5px 0 10px 0;
}
/*Copyright
---------------------------------------*/
#copyright {
	display: block;
	clear: both;
	padding-top: 1px;
	font-size: 1.1em;
	border-top: 1px solid #000;
}
/*Miscellaneous
---------------------------------------*/
img.border {
	padding: 14px;
	border: 1px solid #E6E1DC;
	background: #F0EBE6;
}