/* Theme Name: EPMartin Theme URI: http://www.epmartinusa.com/ Description: The brand new theme for EPMartin Watch Company Version: 2.0 Author: George Huff Author URI: http://www.eleven3.com/ http://www.wtmworldwide.com eleven3 3.0 http://www.eleven3.com/ This theme was designed and built by George Huff. */ /************************************************************************ Site: epmartinusa.com Author: George Huff, We The Media [www.wtmworldwide.com] Client: EPMartin [http://www.epmartinusa.com/] Notes: Redesign and Build Date: 9-7-07 Listing Order: ============== 1 - Global 2 - Structural 3 - Entry & Left Column 4 - Commment 5 - Archive 6 - Side Panel 7 - Secondary Content ************************************************************************/ /*********************************************************************** 1 - GLOBAL STYLES ************************************************************************/ body { background: #000 url(images/bg_body.gif) center top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5e5e5e; margin: 0; padding: 60px 0 0 0; } * { margin: 0; padding: 0; border: 0; } a { text-decoration:none; color: #486c90; } a:hover { text-decoration:underline; } div.left { float: left; } div.right { float: right; } .clear {clear:both;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:block;} /* End hide from IE Mac *//* end clearing */ /* replace */ .replace {text-indent:-10000px; display: block; width: 100%; height: 100%; outline: none;} .replace * {text-indent:-10000px;display:block;background-repeat:no-repeat;background-position:left top;background-color:transparent;} /*.replace a {text-indent:0;}*/ .replace a span {} /* end replace */ /*********************************************************************** 1 - GLOBAL STYLES ************************************************************************/ div#container { border: 4px solid #d6d6d6; width: 898px; margin: 0 auto; background: #fefefe url(images/bg_container.gif) left bottom repeat-x; padding-bottom: 20px; } /*********************************************************************** 1 - GLOBAL STYLES ************************************************************************/ div#header { border-top: 1px solid #efefef; height: 115px; position: relative; } a#logo { width: 269px; height: 36px; background: url(images/logo_epmartin.gif); display: block; position: absolute; top: 58px; left: 38px; } ul#navigation {position: absolute; top: 84px; left: 630px;} ul#navigation li { list-style: none; height: 12px; float: left; margin-right: 11px; } li#home { background: url(images/nav_off_home.gif) left top no-repeat; width: 35px; } li#collections { background: url(images/nav_off_collections.gif) left top no-repeat; width: 71px; } li#story { background: url(images/nav_off_story.gif) left top no-repeat; width: 38px; } li#events { background: url(images/nav_off_events.gif) left top no-repeat; width: 44px; } li#contact { background: url(images/nav_off_contact.gif) left top no-repeat; width: 54px; } ul#navigation li a { display: block; width: 100%; height: 100%; } /*********************************************************************** 1 - GLOBAL STYLES ************************************************************************/ div#content { border: 1px solid #cfcfcf; width: 826px; margin: 0 auto; background: #fff; padding: 20px 17px; } div.subpage { padding: 0px !important; background: url(images/bg_subpage_content.gif) !important; width: 858px !important;} /* Home */ div#main_image { border: 1px solid #e5e5e5; } div#main_image img { float: left; } div.nopad { padding:0px!important; height:292px!important; width:auto!important; border:none!important; } div#news_and_events span.date { display: block; width: 14px; float: left; text-transform: uppercase; padding-left: 5px; } div#news_and_events a:hover span.date { font-weight: bold; } div#news_and_events span.title { display: block; width: 160px; float: right; } a#rss_link { background: url(images/icon_rss.gif) no-repeat; display: block; width: 13px; height: 13px; float: right;} div#newsletter h2 { margin-bottom: 8px; } div#newsletter input.textfield { border: 1px solid #c0c0c0; } div#newsletter div.row label { width: 50px; float: left; text-transform: uppercase; font-weight: bold; line-height: 140%;} div#newsletter p { border-bottom: #ccc 1px dotted; padding-bottom: 12px; margin-bottom: 12px; line-height: 140%;} div#newsletter div.row { padding: 5px 0; } div.bucket {margin-top: 17px; } div.bucket h2 {font-size: 13px; text-transform: uppercase; color: #494949; padding-bottom: 6px; border-bottom: #ccc 1px dotted; } div.bucket ul { list-style: none; } div.bucket ul li { border-bottom: #ccc 1px dotted; } div.bucket ul li a { padding-top: 11px; display: block; height: 35px; color: #494949; } div.bucket ul li a:hover { background: url(images/bg_list_hover.gif) left top; color: #494949; text-decoration: none;} div.bucket ul li a:active { background: url(images/bg_list_active.gif) left top; color: #fff; } div#epmartin_story { position: relative; } div#text_theEPMartinStory { width: 173px; height: 13px; position: absolute; top: 260px; } div#story_quote { padding-bottom: 15px; } div#story_picture { background: url(images/photo_ourstory.png) no-repeat; width: 273px; height: 169px; position: absolute; top: 70px; left: -10px; padding-bottom: 20px; } /* Subpages */ div#sub_navigation { width: 139px; float: left; padding-top: 19px; } div#sub_navigation ul { list-style: none; } div#sub_navigation a { color: #797979; text-transform: uppercase; font-size: 12px; font-weight: bold; display: block; padding: 5px 17px; outline: none; } div#sub_navigation li.current_page_item a { color: #000; } div#sub_navigation li.current_page_item ul li a { color: #797979; } div#sub_navigation a:hover { background: url(images/bg_subnavigation.gif) left top repeat-x; text-decoration: none; color: #fff;} div#sub_navigation a:active { background: url(images/bg_subnavigation_active.gif) left top repeat-x; } div#main_content h2, div#main_content h2 a { font-size: 24px; text-transform: uppercase; color: #2e2e2e; letter-spacing: -.02em; margin-bottom: 10px; } div#main_content h2 a:hover { text-decoration: none;color: #486c90;} div#main_content p { font-size: 12px; line-height: 150%; padding-bottom: 10px; letter-spacing: .01em;} div#main_content h3 { font-size: 18px; text-transform: uppercase; height: 24px;} div#main_content h3, div#main_content h3 a { color: #646464; } div#main_content h4 { color: #c3c3c3; font-size: 24px; text-transform: uppercase; letter-spacing: -.02em; margin-bottom: 10px; } div.half { width: 400px; float: left; padding: 20px; } div.half img { margin-bottom: 15px; } div.full { width: 679px; float: left; padding: 20px; overflow: hidden; } div.full .description { padding: 20px 0; border-top: 1px dotted #a8a8a8; margin-bottom: 20px; list-style: none;} div.full .description img { float: left; margin-right: 15px; } div#secondary_content { width: 262px; float: left; padding-top: 20px; } div#secondary_content div.bucket { margin-right: 0 !important; margin-bottom: 20px; } div#photos { padding-bottom: 20px; width: 699px;} div#photos img {float: left; margin-right: 18px;} div.bucket { padding: 20px 17px; border: 1px solid #e5e5e5; width: 228px; float: left; margin-right: 17px; background: url(images/bg_bucket.gif) left bottom repeat-x; height: 250px; } div#address p { font-size: 12px; line-height: 130%; padding-top: 6px; } div.tertiary { float: left; width: 318px; padding-right: 20px; color: #9e9e9e; border-top: 1px dotted #a8a8a8; padding-top: 20px; } div.tertiary ul { list-style: none; padding-bottom: 14px; } div.tertiary ul li { padding-bottom: 6px; line-height: 140%; } div.tertiary a { font-weight: bold; } p.africa_disclaimer { font-size: 9px !important; text-transform: uppercase; padding-top: 20px; border-top: 1px dotted #a8a8a8; } /* NEW AND EVENTS */ div#featured_news { padding: 20px 0; border-top: 1px dotted #a8a8a8; height: 127px; overflow: hidden; position: relative; } div#featured_news p { height: 125px; margin-bottom: 50px; } div#featured_news img { display: none; } a span.read_more { display: block; background: #5f5f5f url(images/bg_readmore_grey.gif) right 3px no-repeat ; color: #fff; text-transform: uppercase; font-size: 10px; padding: 3px 10px; font-weight: bold; position: absolute; bottom: 0; left: 0;} div#featured_news a span.read_more { width: 679px;} a:hover span.read_more { background: #486c90 url(images/bg_readmore_blue.gif) right 3px no-repeat; text-decoration: none;} div#archives { clear: both; padding-top: 20px; border-top: 1px dotted #a8a8a8; margin-bottom: 20px;} div#archives h4 { font-size: 16px; color: #2e2e2e; } ul#news_archives { list-style: none; width: 750px; } ul#news_archives li { width: 330px; float: left; padding-right: 20px; height: 135px; overflow: hidden; position: relative; margin-bottom: 20px;} ul#news_archives li h5 { font-size: 12px; text-transform: uppercase; padding-bottom: 4px;} ul#news_archives li h5 a { color: #646464; } ul#news_archives li h5 a:hover { color: #486c90; text-decoration: none; } ul#news_archives li a span.read_more { width: 310px; } ul#news_archives li p { height: 80px; overflow: hidden; margin-bottom: 20px;} ul#news_archives li img { display: none; } div#archive_browser { padding-bottom: 20px;} div#archive_browser ul { list-style: none; } div#archive_browser ul li { float: left; padding-right: 3px; text-transform: uppercase; font-size: 18px; font-weight: bold;} div#archive_browser ul li a { color: #646464; } div.newspage img { padding: 5px; border: 1px solid #ddd; float: right; margin: 15px 0px 15px 15px; background: #eee;} /* CONTACT US */ div#contact_us_form { padding: 20px 0px; border-top: 1px dotted #afafaf; } div#contact_us_form div.row { height: 40px; } div#contact_us_form div.left { width: 190px; padding-right: 20px; } div#contact_us_form div.right { width: 190px; } div#contact_us_form label { width: 70px; display: block; float: left; text-transform: uppercase; padding-top: 4px;} div#contact_us_form input.textfield { width: 118px; display:block; float: left; border: 1px solid #afafaf; height: 18px; } div#contact_us_form textarea { display:block; float: left; border: 1px solid #afafaf; width: 328px; margin-bottom: 20px; } input#submit_contact { background: url(images/button_submit_contactus.gif) left top no-repeat; width: 122px; height: 23px; cursor: pointer; } /*********************************************************************** 1 - GLOBAL STYLES ************************************************************************/ div#footer { /* background: url(images/bg_footer.gif) left top repeat-x; */ padding-top: 30px; color: #ccc; } div#footer div.wrapper { width: 898px; margin: 0 auto; text-align: center; font-size: 10px; } div#footer a { color: #ccc;} div#footer ul li { list-style: none; display: inline; } div#footer ul li a { text-transform: uppercase; letter-spacing: .05em; margin-right: 10px; } div#footer p { padding-top: 20px; } div#footer p a { color: #ccc; }