/*
STYLE.CSS
Michael Brown, 2012
*/

@import "css/reset.css";

/******************************/

@font-face {
    font-family: 'PalatinoLight';
    src: url('fonts/palatino-light-palatinolight.eot');
    src: url('fonts/palatino-light-palatinolight.eot?#iefix') format('embedded-opentype'),
         url('fonts/palatino-light-palatinolight.woff') format('woff'),
         url('fonts/palatino-light-palatinolight.ttf') format('truetype'),
         url('fonts/palatino-light-palatinolight.svg#PalatinoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaLight';
    src: url('fonts/proximanova-light-proximanova.eot');
    src: url('fonts/proximanova-light-proximanova.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-light-proximanova.woff') format('woff'),
         url('fonts/proximanova-light-proximanova.ttf') format('truetype'),
         url('fonts/proximanova-light-proximanova.svg#ProximaNovaLight') format('svg');
    font-weight: normal;
    font-style: normal;
}



/******************************/

body {
min-width: 980px;
color: #333;
font-family: 'PalatinoLight',Times,'Times New Roman',serif;
font-size: 15px;
line-height: 125%;
}

.container{
width: 1200px;
}

#nav {width:100%; height:36px; border-bottom: 1px solid #eaeaea;background:#fff;}

#nav_container {height:36px;}

.container, #nav_container {
width: 980px;
margin: 0 auto;
}

.sticky #nav {
position:fixed;
top:0;
left:0;
z-index: 10000;
}

.sticky #nav #nav_container {
margin: 0 auto;
}

.left_col {float:left; width:750px; margin:0;}
.left_col_single {float:none; width:750px; margin: 0 auto;}

.sidebar {float:right; width:215px; margin-bottom:40px;font-size:13px;}

a:link,a:visited {color:#000;text-decoration:underline;}
a:hover,a:focus,a:active {text-decoration:underline;}
.left_col a:hover, .left_col a:focus, .left_col a:active, .left_col_single a:hover, .left_col_single a:focus, .left_col_single a:active {background: #a5e6c6;}
.left_col a:hover img, .left_col_single a:hover img {text-decoration:none;}
p {margin-bottom: 15px;}



h3 {font-family: "Times New Roman"; font-size: 24px; font-style: italic; line-height: 1; margin-bottom: 15px;}

h4 {
min-width: 980px;
color: #333;
font-family: 'ProximaNovaLight', san-serif;
font-size: 19px;
line-height: 125%;
letter-spacing: 1.3px;
}

h4.subsection_header {font-family: 'ProximaNovaLight','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; padding-bottom: 10px; margin-bottom: 30px; text-transform: uppercase; border-bottom: 1px solid #aeaeae;}
h5 {font-family: "Times New Roman"; font-size: 18px; font-style: italic; line-height: 1; margin-bottom: 25px;}

/******************************/

.container_left {
float: left;
}

.container_right {
float: right;
width: 190px;
}

/******************************/

#header {font-family: 'Times New Roman','Helvetica Neue',Helvetica, serif; font-size: 13px; text-transform: lowercase; font-style: italic; letter-spacing: 3px; margin-bottom: 40px;}
#header a {text-decoration:none; color: #111;}

#logo {text-indent: -9999px;}
#logo h1 a {display: block; width: 800px; height: 132px; text-decoration:none; background:url(images/tad-blog-logo1.png) no-repeat left top; margin: 0 auto;}

ul#nav_left {float:left;}
div#nav_right {float:right;margin-top:10px;}

ul#nav_left li {position:relative;float:left;}
ul#nav_left li a:link, ul#nav_left li a:visited {display: block; padding: 10px 10px 8px 10px;}
ul#nav_left li a:hover, ul#nav_left li a:focus, ul#nav_left li a:active {background: #a5e6c6;}

.social_links, #search {float: right;}
.social_links {margin-left:20px;}

.social_links li {position: relative; float:left; margin-left: 4px;}
.social_links li a:link, .social_links li a:visited {display: block; width: 18px; height: 18px;}
.social_links li a#facebook {background: url(images/social_links.png) no-repeat left top;}
.social_links li a#twitter {background: url(images/social_links.png) no-repeat -18px top;}
.social_links li a#bloglovin {background: url(images/social_links.png) no-repeat -36px top;}
.social_links li a#pinterest {background: url(images/social_links.png) no-repeat -54px top;}

.social_links li em {
position: absolute;
top: -20px;
left: -56px;
width: 70px;
height: 25px;
padding: 2px 0 10px 0;
font-size:10px;
font-style:normal;
text-align:center;
background: url(images/tooltip.png) no-repeat left top;
display:none;
z-index: 2;
}

#search label {color:#111;}

input#s {width: 120px; border: none; border-bottom: 1px solid #eaeaea; font-family: 'ProximaNovaLight','Helvetica Neue',Helvetica,Arial,sans-serif; line-height: 1; padding: 4px 4px 2px 4px;}

/********************************/

ul#nav_left li.show:hover > ul.dropdown {display:inline;top:35px;left:0;width:120px;background:#fff;border-top: 1px solid #eaeaea;border-bottom: 2px solid #808080;}
ul.dropdown {position:absolute;display:none;z-index:1000;}
ul.dropdown li {float:none;}
ul#nav_left li ul.dropdown li a:link, ul#nav_left li ul.dropdown li a:visited {display:block;width:110px;padding: 10px 0 10px 10px;color:#555;}
ul#nav_left li ul.dropdown li a:hover, ul#nav_left li ul.dropdown li a:focus, ul#nav_left li ul.dropdown li a:active {color:#000;background:none;}

/********************************/

.post_preview {position:relative;display: block; width: 750px; min-height: 600px !important; margin-bottom:40px;z-index:1;}
.post_preview a img {display:block;}
.titlebox {position:absolute;left:0;bottom:120px;display:block;z-index:10;}
.titlebox h2 {display:block; font-family: "Times New Roman"; font-size: 32px; font-style: italic; line-height: 1; padding: 6px 10px 8px; background:#fff;}
.titlebox h2 a {color:#333;text-decoration:none;}
.titlebox h2 a:hover {background:none;color:#555;}
.titlebox span {padding:6px;background:#333;color:#fff;font-family: 'ProximaNovaLight','Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase;font-size:13px;line-height:27px;}
.corner {position:absolute;left:0;top:0;display:block;z-index:10;width:31px;height:31px;background:url(images/corner.png) no-repeat left top;}
/********************************/

#content {text-align:center;}

#title_date {width:540px;margin:0 auto;text-align:center;padding-bottom:40px;}
#title_date h1 {font-family: "Times New Roman"; font-size: 36px; font-style: italic;color:#111; line-height: 1; margin-bottom: 4px;}
#title_date p {font-family: 'ProximaNovaLight','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; color:#555; text-transform:uppercase;margin-bottom:2px;}
#title_date span {font-family: 'ProximaNovaLight','Helvetica Neue',Helvetica,Arial,sans-serif; padding:6px;background:#808080;color:#fff;line-height:27px;font-size:13px;}

/********************************/

/********************************/
#page_links {font-family: 'ProximaNovaLight','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:18px;text-transform:uppercase; padding-top: 14px; border-top:4px solid #333;}
#page_links a:link, #page_links a:visited {color:#333;text-decoration:none;}
#page_links a:hover, #page_links a:focus, #page_links a:active {background:none;}

/********************************/

#share {margin-bottom: 10px;}

/********************************/

ul#tags {padding: 0;}
ul#tags li {float: left;}
ul#tags li a {display: block; padding: 6px 8px; margin: 0 10px 10px 0; background: #a5e6c6; text-decoration: none; text-transform:lowercase; font-size: 12px;}

#com {padding-top: 15px;margin-top:40px;border-top:2px solid #eaeaea;}

/********************************/

.fb-like {}
.twitter-share-button {}

/********************************/

.sidebar h3 {font-family: 'Times New Roman','Helvetica Neue',Helvetica,Arial,sans-serif; text-transform:lowercase; font-size:18px; font-style:Italic;margin: 25px 0 15px 0;border-bottom:1px solid #eaeaea;}

/********************************/

#footer {border-top: 1px solid #eaeaea; padding: 15px 0 20px 0; margin-top: 40px; font-family: 'ProximaNovaLight','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 10px; text-transform: uppercase;color:#808080;}
#footer p {margin-bottom:0;text-align:center;font-size:9px;}
#footer .xoxo {margin-bottom:30px;color:#333;}
#footer h3 {font-family: "Times New Roman"; font-size: 20px; text-transform:none; color:#000000;}
#footer a:link, #footer a:visited {text-decoration:none;}

#footer li.widget-container {float:left;width:220px;margin-right:20px;}

#footer_container {
margin:0 auto;
width:240px;
}

#footer ul#bottom_links {}
#footer ul#bottom_links li {display:inline;padding: 0 10px;}
#footer ul#bottom_links li a:link, #footer ul#bottom_links li a:visited {color:#808080;}

/********************************/

.clear {clear:both;}
.float_l {float:left;}
.float_r {float:right;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}

/********************************/

#back-top {
position: fixed;
right: 20px;
top: 280px;
text-indent: -9999px;
z-index: 1000;
}

#back-top a {
display: block;
width: 40px;
height: 40px;
text-align: center;
background: transparent url(images/back-top.png) no-repeat left top;
}

#back-top a:hover {
background: transparent url(images/back-top.png) no-repeat left -40px;
}

/********************************/

#top_ad {
margin: 15px auto -20px;
width: 728px;
}

#side_ad {
padding-top: 5px;
}

/*******************************/

div#press ul {
margin: 0 0 0 140px;
padding-bottom: 60px;
}

div#press ul li {
text-indent: -9999px;
float: left;
}

div#press li a:link, div#press li a:visited {
display: block;
width: 140px;
height: 60px;
margin: 0 40px 20px 0;
text-decoration: none;
background: none;
}

/************* Archive Dropdown Styles ****************/

.archive-sub-menu {
display:none;
}