/* Theme Name: Harvey Mason Theme URI: http://www.harveymason.com Description: A custom theme Author: Kristin Falkner Author URI: http://www.kristinfalkner.com */ /* RESET */ * { margin: 0; padding: 0; } ul { list-style: none; } ol { list-style: none; } a { outline: none; text-decoration: none; } a img { border: none; } img { vertical-align: middle; } table { border-collapse: collapse; } /* UTILITY */ .alignleft { float: left; margin:0px 5px 0px 0px;} .alignright { float: right; margin:0px 0px 0px 5px;} .clear { clear: both; } .smpad { padding: 5px 0; } .top {vertical-align: top;} .small {font-size: 10px;} .bold {font-weight: bold;} /* STRUCTURE */ body {font: 12px 'Century Gothic', Helvetica, Arial, sans-serif; color: #fff; text-align: center; background-color: #000; margin: 0; padding: 0;} p {padding-bottom: 15px;} #header-container {position:relative; margin: 0 auto; text-align:left; width:1024px; height:80px;} #logo {position:absolute; right:15px; bottom:10px;} #navigation {border-top:2px solid #fff; border-bottom:2px solid #fff; padding:3px 0px;} #nav-sub {background-color:#678fac;} #nav {width:1024px; margin:0 auto; font-size:18px; letter-spacing:1px;} #nav a {color:#fff;} #nav a:hover {color:#000; text-decoration:none;} #nav li {float:left; padding:2px 16px;} #content {width:1024px; margin:10px auto; text-align:left;} .current_page_item {color:#000 !important;} .current_page_item a {color:#000 !important;} a {color: #678fac; text-decoration: none;} a:hover {text-decoration: underline;} .widget {margin-bottom:15px;} #connect-widget li {padding:12px 0px 22px 0px;} #connect-widget a {color:#fff;} #connect-widget img {padding-right:5px;} /* HOME PAGE */ #main-header {width:100%; border-bottom:2px solid #fff;} #rotate-images {margin:0 auto; width:1024px;} #featured-video {float:left; width:215px; text-align:left;} #latest-news {float:left; width:430px; margin-left:50px; text-align:left;} #latest-news h2 {font-size:16px; color:#678fac; letter-spacing:1px; font-weight:lighter;} #connect {float:left; width:270px; margin-left:50px; text-align:left; font-size:14px; font-weight:lighter; letter-spacing:1px;} #connect li {padding:15px 0px 18px 0px;} #connect a {color:#fff;} #connect img {padding-right:5px;} #home-footer {color:#757676; padding:20px 0px; font-size:11px; text-transform:uppercase;} /* BIO */ #bio-left {width:650px; float:left;} #bio-left img {border:1px solid #fff;} #bio-sidebar {width:325px; float:right;} #bio-sidebar h3 {color:#678fac; font-size:18px; letter-spacing:2px; font-weight:lighter; text-transform:uppercase; margin-bottom:5px;} /* DISCOGRAPHY */ #discography-left {width:650px; float:left;} #discography-right {width:350px; float:right;} .onebit_mp3 a { display: none; } #moving_tab { /* hide overlength child elements*/ overflow:hidden; /* all the child elements are refering to this width */ width:650px; /* fix ie 6 overflow bug */ position:relative /* styling */ border:1px solid #ccc; margin:0; } #moving_tab .tabs { /* enable absolute position for .lava */ position:relative; height:30px; /* styling */ padding-top:5px; cursor:default; } #moving_tab .tabs .item { /* enable z-index */ position:relative; z-index:10; letter-spacing:1px; /* display in one row */ float:left; display:block; /* width = half size of #moving_tab */ width:325px; /* height = height of .tabs */ text-align:center; font-size:14px; font-weight:700; } #moving_tab .tabs .lava { /* Set it to absolute */ position:absolute; top:0; left:0; /* display the lava in bottom most layer */ z-index:0; /* width = half size of #moving_tab */ width:325px; /* height = height of .tabs */ height:30px; /* styling */ background:#333; } #moving_tab .content { /* enable absolute position for .panel */ position:relative; overflow:hidden; /* styling */ background:#000; border-top:1px solid #333; } #moving_tab .panel { /* width is width of #moving_tab times 2 */ position:relative; width:1300px; } #moving_tab .panel ul { /* display in one row */ float:left; /* width is the same with #moving_tab */ width:650px; /* remove all styles */ padding:0; margin:0; list-style:none; } /* styling */ #moving_tab .panel ul li { padding:5px 0 5px 10px; border-bottom:1px dotted #ccc; } .movies {background-image:url(http://www.harveymason.net/wp-content/images/movie_bg.jpg); background-position:top center; background-repeat:no-repeat; text-align:center !important;} .movies h2 {color:#678fac; letter-spacing:2px; font-size:18px; text-transform:uppercase;} /* ALBUMS */ .individual-album {width:650px; margin:0 auto; text-align:left;} .album-cover {width:130px; float:left;} .album-cover img {border:2px solid #fff;} .album-info {width:500px; text-align:left; float:right;} .album-info h2 {color: #678fac;} .album-info h3 {font-size:12px; font-style:italic; margin-bottom:10px;} /* VIDEOS */ .tubepress_embedded_title {color:#678fac; font-size:18px !important; letter-spacing:2px; font-weight:lighter !important; text-transform:uppercase; margin-bottom:5px;} .tubepress_meta_group {text-align:center;} .tubepress_meta {padding-top:5px;} /* CHAMELEON */ #chameleon-left {width:650px; float:left;} #chameleon-left img {border:1px solid #fff;} #chameleon-left h2 {font-weight:lighter; border-bottom:2px solid #678fac; letter-spacing:1px; margin-bottom:5px;} #chameleon-left li {list-style-type:disc; margin-left:15px;} #chameleon-sidebar {width:325px; float:right;} #chameleon-sidebar h3 {color:#678fac; font-size:18px; letter-spacing:2px; font-weight:lighter; text-transform:uppercase; margin-bottom:5px;} /* FOURPLAY */ #fourplay-left {width:650px; float:left;} #fourplay-left img {border:1px solid #fff;} #fourplay-sidebar {width:325px; float:right;} #fourplay-sidebar h3 {color:#678fac; font-size:18px; letter-spacing:2px; font-weight:lighter; text-transform:uppercase; margin-bottom:5px;} .vcalendar li, .vevent li {padding:5px 0px !important;} /* CONTACT */ #contact-page {font-size:14px;} #contact-page h2 {color:#678fac; letter-spacing:2px;} /* ARCHIVES */ #archive-page h2 {text-transform:uppercase; font-size:21px; font-weight:lighter; margin-bottom:10px;} #archive-page h3 {color:#678fac; letter-spacing:1px; text-transform:uppercase; font-size:16px; font-weight:lighter;}