/*
Theme Name: Archive TV
*/
html{ /* is an element! */
background: #F8F3ED;
}
body{ /* Because I've styled my , I can use my as a container, saving me a :) */
position: relative;
margin: 25px auto;
padding-bottom: 50px;
width: 900px;
font: 14px/1.5 Georgia, Serif;
background: transparent;
color: #736257;
}
p{
margin: 10px 0;
padding: 0;
}
a{
overflow: hidden;
text-decoration: none;
font-weight: bold;
color: #9D0A0E;
}
a:hover{
color: #000;
border: 0;
}
a:active{
color: #000;
}
code{
font-size: 11px;
}
strong{
font-weight: bold;
}
em{
font-style: italic;
font-weight: bold;
}
h1{
width: 344px;
}
h1 a{
display: block;
height: 135px;
text-indent: -9000px;
}
h2{
font-size: 20px;
line-height: 1.0;
text-transform: uppercase;
}
.right-blog h2{
margin-bottom: 10px;
font-size: 14px;
text-transform: none;
color: #9D0A0E;
}
h2 a{
font-weight: normal;
}
h2 span.tag-line{
display: block;
margin-top: 5px;
text-transform: none;
}
h2.tag-title{
margin: 0 50px 0 -44px;
padding: 20px 20px 20px 110px;
width: 218px;
height: 117px;
float: left;
font-size: 40px;
font-variant: small-caps;
text-transform: none;
text-align: center;
color: #4D473B;
background: url(images/global/tag.jpg);
}
.page-description{
width: 456px;
float: right;
}
h3{
font-size: 18px;
text-transform: uppercase;
}
h3 a{
font-weight: normal;
}
h4 a{
font-weight: normal;
text-decoration: underline;
color: #37302B;
}
ul#nav{
height: 43px;
font-size: 20px;
text-transform: lowercase;
}
#header ul#nav{
position: absolute;
top: 93px;
right: 0;
width: 550px;
}
body#home ul#nav{
padding-left: 30px;
overflow: hidden;
background: url(images/home/nav.jpg);
}
ul#nav li{
padding-left: 2px;
float: left;
background: url(images/global/nav-divide.jpg) left no-repeat;
}
ul#nav li.page-item-7{
background: none;
}
ul#nav li a{
display: block;
padding: 0 16px;
height: 43px;
float: left;
line-height: 43px;
font-weight: normal;
color: #FFF;
}
ul#nav li.page-item-7 a{
background: none;
}
ul#nav li.current_page_item a{
background: url(images/global/active-nav.jpg) top no-repeat;
background-position: 0px 0px;
}
#header{
position: relative;
margin: 0 0 -2px -18px;
background: url(images/global/header.jpg) top no-repeat;
}
body#home #header{
background: url(images/home/header.jpg) top no-repeat;
}
#header blockquote{
font-size: 0;
}
body#home #intro{
position: relative;
height: 518px;
overflow: hidden;
background: url(images/home/intro.jpg);
}
#process-cta{
position: absolute;
top: 19px;
padding: 0 7px 23px 0;
left: 40px;
width: 327px;
background: url(images/home/process-bottom.jpg) bottom no-repeat;
}
#contact-cta{
position: absolute;
top: 19px;
padding: 0 7px 23px 0;
left: 434px;
width: 434px;
background: url(images/home/contact-bottom.jpg) bottom no-repeat;
}
p.click-through{
position: absolute;
right: -16px;
bottom: 8px;
}
p.click-through a{
display: block;
width: 58px;
height: 30px;
text-indent: -9000px;
}
#process-cta h2, #contact-cta h2, #process-cta p, #contact-cta p{
padding: 0 16px;
}
#process-cta p, #contact-cta p{
margin: 0 0 -4px 0;
font-size: 20px;
color: #736257;
}
#process-cta p a, #contact-cta p a{
color: #23201E;
font-weight: normal;
text-decoration: underline;
}
#process-cta img, #contact-cta img{
display: block;
margin: 0 auto 22px auto;
}
#content{
padding: 25px 45px;
background: url(images/global/content-bg.jpg);
}
.top-module{
margin-bottom: 30px;
padding-bottom: 20px;
background: url(images/global/module-bg.jpg) bottom repeat-x;
}
.left-split, .right-split{
width: 380px;
float: left;
}
.left-split{
margin-right: 25px;
padding-right: 25px;
background: url(images/global/column-divide.jpg) right repeat-y;
}
.left-blog{
margin-right: 30px;
padding-right: 30px;
background: url(images/global/column-divide.jpg) right repeat-y;
width: 535px;
float: left;
}
.right-blog{
width: 215px;
float: right;
}
.right-blog li{
margin-bottom: 30px;
}
ol.hfeed li{
margin-bottom: 10px;
}
.left-blog ol.hfeed li, ol.team-members li{
margin-bottom: 30px;
padding-bottom: 20px;
background: url(images/global/post-divide.jpg) bottom left repeat-x;
}
ol.team-members li{
position: relative;
padding-left: 340px;
}
ol.team-members li img{
position: absolute;
top: 0;
left: 0;
padding: 4px;
width: 291px;
height: 196px;
background: url(images/global/team-member-surround.jpg);
}
ol.team-members li ul.member-links{
position: absolute;
top: 214px;
left: 0;
padding-left: 65px;
background: url(images/global/pointer.jpg) left no-repeat;
}
ol.team-members li ul.member-links li{
margin: 0;
padding: 0;
background: none;
}
ol.team-members-2 li{
margin-bottom: 20px;
padding: 40px;
background: #E6DBC5 url(images/global/team-member.jpg) top no-repeat;
}
ol.team-members li ul.member-links li a{
font-weight: normal;
text-decoration: underline;
color: #37302B;
}
p.meta{
margin: 0;
font-size: 13px;
font-style: italic;
color: #857367;
}
p.more-link a{
display: block;
padding-left: 90px;
height: 35px;
line-height: 35px;
font-size: 16px;
text-decoration: underline;
font-weight: normal;
background: url(images/global/more-link.jpg) left no-repeat;
color: #FFF;
}
#footer{
padding: 10px 45px;
}
#footer p, #footer ul, #footer ul li{
display: inline;
}
#footer ul li{
margin-left: 14px;
}
#footer ul li a{
color: #23201E;
font-weight: normal;
text-decoration: underline;
}
#footer ul li.rss-link a{
padding-left: 16px;
background: url(images/global/feed-icon.gif) left no-repeat;
}
textarea{
width: 90%;
}
ul#nav, #content, .module{
display: inline-block;
_height: 1%;
}
ul#nav:after, #content:after, .module:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}