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


BASIC USAGE:


If you have enabled the custom stylesheet in the Thesis options panel, the &lt;body&gt; tag 
will be appended with the "custom" class, like so: <body class="custom">. You can use 
the "custom" class to override *any* CSS declarations contained in the style.css file.


For example, if you wish to change the default link color to green, you would add the 
following declarations to this file:


	.custom a, .custom a:visited { color: #090; }	<--- This makes links green
	.custom a:hover { color: #00f; }	<--- This makes links blue when you mouse over them


WHY THIS WORKS:


By using the "custom" class, you are creating more specific CSS declarations for HTML
elements. CSS styling is applied through rules of specificity, and because declarations
prepended with .custom are more specific, they get applied when the page is rendered!


More information about styling your Thesis installation using this file can be found
in the User's Guide:
	http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/
*/


body.custom {
    background: #111111;
}

.custom #container {
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    padding: 0.2em;
    background: #ffffff;
    border: 0.1em solid #ffffff;
}

.custom #page {
    background: #fff;
}


/* this bit of code changes heading 3 color */
.custom h3 {
color:#2161a5;
}
/* end */

/* This takes away the archive message */
#archive_info {display:none;}
/* end */

/* bolds teaser */
.custom .teaser h2 a { font-weight: bold }
/* end */
 
.custom #header {
	padding: 0px;
	margin: 0px;
	border: 0px;
}


.custom #header #logo a {
	display:block;
	width:384px;
	height:56px;
	/* insert the file path to your logo below */
	background:url(http://tatesjourney.com/wp-content/themes/thesis_17/custom/images/logo.png) center no-repeat;
	color:#000000;
	text-indent: -9999px;
	padding: 2px 0px;
}


/* Header from Widget Me plugin */
.custom #sidebar_header {
	width: 468px;
	float: right;
	margin-top: -82px;
	padding-right: 11px;
}




.menu {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
        background: #4a4d4a;
	padding: 2px;
}


/* If you're using Thesis 1.5.1 or older delete this line
.custom ul#tabs a {
	background: #CC0000;
	color: #FFFFFF;
	text-decoration: none;
}


.custom ul#tabs a:hover {
	background: #CC0000;
	color: #FFFFFF;
	text-decoration: none;
}


.custom ul#tabs li.current_page_item a {
	background: #CC0000;
	color: #FFFFFF;
	text-decoration: none;
}
If you're using Thesis 1.5.1 or older delete this line */


/* Layer of Category navigation */
.catnav {
	border-top: 1px solid #DDDDDD;
	border-bottom: 2px solid #CC0000;
        background: #4a4d4a;
	list-style: none;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
}


.catnav li {
	line-height: 30px;
	float: left;
	list-style:none;
}
.catnav li a {
	color: #FFFFFF;
	display: block;
	padding: 0 13px;
	font-size: 13px;
        text-decoration:bold;
	border-right:2px solid #DDDDDD;
}


.catnav li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #CC0000;
}


.catnav li ul {
	display: none;
}


/* Home Page Featured Content Slider */
.hfeed #feature_box {
	padding: 15px 0px;
	background: #FFFFFF;
}


.sidebar h3 {
	color: #FFFFFF;
	background: #CC0000;
	display: block;
	padding: 2px 5px;
}


.sidebar h3 a {
	color: #FFFFFF;
	background: #CC0000;
	display: block;
	background: #CC0000;
	display: block;
	padding: 0px 1px ;
	text-align: center;
}


.sidebar h3 img {
	float: right;
	padding: 0px;
}




.sidebar ul {
	padding: 2px 5px;
}


.under_content h3 {
	color: #FFFFFF;
	background: #CC0000;
	display: block;
	padding: 2px;
	text-align: center;
	width: 500px;
	float: center;
}


.under_content ul, .sidebar_footer ul, .sidebar_header ul {
	list-style: none;
}


.under_content_list .textwidget {
	padding: 5px 0px;
	width: 500px;
	float: center;
}


/* author comments */
dl#comment_list .bypostauthor {
	background: #EFEEE4;
}


/* Create Footer Border */
.custom #footer {
	border-top: 3px solid #CC0000;
}


/* Footer from Widget Me plugin */
.custom #content_footer {
	margin: 15px;
	text-align: center;
}


/* This is slide show css */


<style type="text/css">
	#d13slideshow{
		background-color:#000000;
		width:(WIDTH)px;
		height:(HEIGHT)px;
		margin:2px; padding:6px; }
	#d13nav{ margin:0px; padding:0px; }
	#navleft{
		z-index:200;
		position:absolute;
		width:15px;
		height:(HEIGHT-70)px;
		margin:0px; padding:0px; }
	#navright{
		z-index:201;
		position:absolute;
		width:15px;
		height:(HEIGHT-70)px;
		margin:0px; padding:0px;
		margin-left:(WIDTH-15)px; }
	#navleft a,
	#navright a{
		width:15px;
		height:(HEIGHT-70)px;
		display:block;
		background-color:#000000;
		filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;-khtml-opacity: 0.3;
		background-position:center center;
		background-repeat:no-repeat; }
	#navleft a{ background-image:url(left.gif); }
	#navright a{ background-image:url(right.gif);  }
	#navleft a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;-khtml-opacity: 0.6; }
	#navright a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;-khtml-opacity: 0.6; }
	#navleft a span,
	#navright a span{ display:none; }
	div.d13slide{
		padding:0px;
		margin:0px; }
	div.d13slide img{
		padding:0px;
		margin:0px; }
	div.d13fader{
		background-color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;-khtml-opacity: 0.6;
		height:70px;
		z-index:1;
		margin:-70px 0px 0px 0px;
		padding:0px; }
	div.d13fader h3{
		font-size:12px;
		font-weight:bold;
		padding:4px;
		margin:0px; }
	div.d13fader h3 a{ color:#FFFFFF; }
	div.d13fader h3 a:hover{ color:#FFFFFF; }
	div.d13fader p{
		font-size:10px;
		font-weight:normal;
		padding:2px 4px 4px 4px;
		margin:0px;
		color:#CCCCCC; }
	div.d13fader p a{
		color:#CCCCCC; }
	div.d13fader p a:hover{
		color:#FFFFFF; }
</style>

/*This is for the author box*/
.postauthor {background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em;}
.postauthor img {border: 1px solid #e2dede; float: left; margin-right: 1.5em;}
.postauthor h4 {color: #666; font-size: 2em; margin-bottom: 5px;}
.postauthor p {color: #515151; font-size: 13px; margin-bottom: 12px;}
.postauthor p.hlight {font-size: 11px; text-transform: uppercase;}
.postauthor p.hlight span {color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px;}

.custom dl#comment_list dt.bypostauthor, .custom dl#comment_list dd.bypostauthor>div {background: #E7F8FB none repeat scroll 0 0; padding-top:20px;}

/* This is for the sidebar line */
.custom #sidebar_1 {border-left: 1px dotted #ABABAB;}
.custom #sidebar_1 {border-right: 1px dotted #ABABAB;}
.custom #sidebar_2 {border-right: 1px dotted #ABABAB;}
.custom #sidebar_2 {border-left: 1px dotted #ABABAB;}

.custom #content_box {background-color:#fff;}
.custom #content {background-color:#fff;}


/*side bar widget area link style */

.custom li.widget ul li{
background:#F0F0F0;
border: 0.1em solid #C7C7C7;
-moz-border-radius:4px;
padding:0.5em;
margin:0.5em;
}
 

/* this is the new footer */

function add_custom_footer () {
?>
<p>
<a href="http://www.tatesjourney.com">Home</a> |
<a href="http://www.tatesjourney.com/about/">About</a> |
<a href="http://tatesjourney.com/writer">Writer?</a> |
<a href="http://tatesjourney.com/privacy">Privacy</a> |
(<a href="http://www.tatesjourney.com/sitemap.xml">xml Sitemap</a>)
</p>

<?php
}
add_action('thesis_hook_footer', 'add_custom_footer');





/* for the footer  */

#footer {
    border-top:1px solid #ccc;
    font: 15px Helvetica,serif;
    line-height:22px;
	background: #1a1a1a; /* Change this to change the footer background... IE an Image: "url(img/postfooterbg.png) repeat-x;" */
	height:320px; /* If you change this value, be sure to change the footer's height as well as the column's height. */
}
.footercon {
width: 950px;
height: 310px; /* If you change this value, be sure to change the footer column's height as well */
margin: 0 auto;
}

.col1 {
float: left;
width: 220px;
margin-top: 15px;
margin-right: 15px;
margin-left: 10px;
height: 280px;
}

.col1 h4, .col2 h4,.col3 h4,.col4 h4 {
color: #FFF;
font-size: 16px;
text-align: left;
font-variant: small-caps;
font-family: Arial;
margin:0px;
padding-bottom: 5px;
}

/* This controls how the blog footer's regular text looks - Feel free to change the colours/font family */
.col1 p, .col2 p,.col3 p,.col4 p {
color: #FFF;
font-size: 12px;
text-align: left;
font: 14px Helvetica,serif;
line-height:22px;
margin:0px;
padding-bottom: 5px;
}
/* This controls how column 2's list items hyperlinks look as well as column 4's hyperlinks - Feel free to change the colours/font family */
.col2 ul li a, .col4 a {
color: #EEE;
font-size: 12px;
text-align: left;
font: 14px Helvetica,serif;
line-height:22px;
margin:0px;
padding-bottom: 5px;
}
/* This controls how the blog footer's hyperlinks look - Feel free to change the colours/font family */
.col2 ul {
color: #EEEEEE;
}

.col2 {
float: left;
width: 220px;
margin-top: 15px;
margin-right: 15px;
height: 280px;
}

.col3 {
float: left;
width: 220px;
margin-top: 15px;
margin-right: 15px;
height: 280px;
}

.col4 {
float: left;
width: 220px;
margin-top: 15px;
height: 280px;
}


/* end of the footer code */

/* NUMBERED PAGE NAV */
.page-nav { font-size: 1.35em; font-weight: bold; margin: 1em 0; padding: 0; overflow: hidden; }
.page-nav-intro { float: left; padding: .3em .5em; margin: 0 1em 1em 0; background: #efefef; border: .1em solid #ccc; }
.page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #fff; border: .1em solid #ccc;  }
.current-page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #efefef; border: .1em solid #ccc; }
.elipses { float: left; padding: .3em .2em; }

function myFooter() { ?>

    <div id="container">
<div id="foot">
<div class=" ">
<ul class="sidebar_list">

                    <?php if (!function_exists('dynamic_sidebar') || !

dynamic_sidebar('Footer 1') ){    ?>

                    <li class="widget">

                        <div class="widget_box">

                            <h3><?php _e('Footer 

Widget 1', 'thesis'); ?></h3>

                            <p>You can edit the content 

that appears here by visiting your Widgets panel and modifying the <em>current widgets</em> 

there.</p>

                        </div>

                    </li>

                    <? } ?>

                </ul>

            </div>

            <div class=" ">

                <ul class="sidebar_list">

                    <?php if (!function_exists('dynamic_sidebar') || !

dynamic_sidebar('Footer 2') ) { ?>

                    <li class="widget">

                        <div class="widget_box">

                            <h3><?php _e('Footer 

Widget 2', 'thesis'); ?></h3>

                            <p>You can edit the content 

that appears here by visiting your Widgets panel and modifying the <em>current widgets</em> 

there.</p>

                        </div>

                    </li>

                    <? } ?>

                </ul>

            </div>

            <div class=" ">

                <ul class="sidebar_list">

                    <?php if (!function_exists('dynamic_sidebar') || !

dynamic_sidebar('Footer 3') ) { ?>

                    <li class="widget">

                        <div class="widget_box">

                            <h3><?php _e('Footer 

Widget 3', 'thesis'); ?></h3>                                

                                <p>You can edit 

the content that appears here by visiting your Widgets panel and modifying the <em>current 

widgets</em> there.</p>

                        </div>

                    </li>

                    <? } ?>

                </ul>

            </div>

<div class=" ">

                <ul class="sidebar_list">

                    <?php if (!function_exists('dynamic_sidebar') || !

dynamic_sidebar('Footer 4') ) { ?>

                    <li class="widget">

                        <div class="widget_box">

                            <h3><?php _e('Footer 

Widget 4', 'thesis'); ?></h3>                                

                                <p>You can edit 

the content that appears here by visiting your Widgets panel and modifying the <em>current 

widgets</em> there.</p>

                        </div>

                    </li>

                    <? } ?>

                </ul>

            </div>

<div class=" ">

                <ul class="sidebar_list">

                    <?php if (!function_exists('dynamic_sidebar') || !

dynamic_sidebar('Footer 5') ) { ?>

                    <li class="widget">

                        <div class="widget_box">

                            <h3><?php _e('Footer 

Widget 5', 'thesis'); ?></h3>                                

                                <p>You can edit 

the content that appears here by visiting your Widgets panel and modifying the <em>current 

widgets</em> there.</p>

                        </div>

                    </li>

                    <? } ?>

                </ul>

            </div>

            <div id="copyright">

                <ul class="sidebar_list">

                    <?php if (!function_exists('dynamic_sidebar') || !

dynamic_sidebar('Footer Copyright') ) { ?>

                    <li class="widget">

                        <div class="widget_box">

                            <h3><?php _e('Copyright', 

'thesis'); ?></h3>                                    

                        </div>

                    </li>

                    <? } ?>

                </ul>

                <!-- Please do not remove these lines. If you have a 

developers license, you may remove the thesis copyright, but do not remove the copyright unless you 

have paid the $5 fee. Feel free to remove these comment lines however -->

                        </div>

        </div>

    </div>

    <? }

        add_action('thesis_hook_after_html', 'asnioFooter');

        remove_action('thesis_hook_footer', 'thesis_attribution');

        remove_action('thesis_hook_footer', 'thesis_admin_link');

        register_sidebar(array('name'=>'Footer 1', 'before_title'=>'<h3>', 

'after_title'=>'</h3>'));

        register_sidebar(array('name'=>'Footer 2', 'before_title'=>'<h3>', 

'after_title'=>'</h3>'));

        register_sidebar(array('name'=>'Footer 3', 'before_title'=>'<h3>', 

'after_title'=>'</h3>'));

register_sidebar(array('name'=>'Footer 4', 'before_title'=>'<h3>', 'after_title'=>'</h3>'));

register_sidebar(array('name'=>'Footer 5', 'before_title'=>'<h3>', 'after_title'=>'</h3>'));

        register_sidebar(array('name'=>'Footer Copyright', 'before_title'=>'<h3>', 

'after_title'=>'</h3>'));