/** * atlantiscollective.com/styles/main.css * * by Ambient Age, 2009 (www.ambientage.com) * Author @davkell (www.davidkelly.ie) * */ /** * Resets */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus {outline: 0;} /** * Generic Elements */ body{font-family: arial, helvetica, sans-serif; font-size: .88em; line-height: 1.8em; color: #333; background: #102a2b url('../images/head_wrapper_bg.jpg') repeat-x;} h1{color: #fc0; font-size: 44px; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; margin-bottom: 0em;} h2{color: #5f2f24; font-size: 44px; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; margin-bottom: 1em;} h3{color: #5f2f24; font-size: 24px; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; margin-bottom: 1em; } h4{color: #5f2f24; font-size: 22px; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; margin-bottom: 1em;} h5{color: #5f2f24; font-size: 20px; font-family: arial, helvetica, sans-serif; margin-bottom: 1em;} h6{color: #333; font-size: 18px; font-family: arial, helvetica, sans-serif; margin-bottom: 1em;} p{ font-family: arial, helvetica, sans-serif; margin: 0 2em 1em 3em; width: 60%; line-height: 1.9em; font-size: .9em} blockquote{margin: 1em 3em; font-style: italic;} strong{font-weight: bolder;} ul, ol{margin: 0 0 1em 3em;} ul li{margin: 0 0 1em 1em;} ol li{margin: 0 0 1em 1em} a:link{ color: #5f2f24;} a:visited{color: #5f2f24;} a:hover{color: #666;} a:active{color: #666;} /** * Generic Classes */ .no-hover{} .right{text-align: right;} /** * Layouts * */ #wrapper{ background: #4f56d3 url('../images/bg_blue_tile.gif') repeat; width: 100%; padding-top :0px; margin-top: -16px; } #header{width: 1113px; height: 314px; background: #102a2b url('../images/bg_head.jpg') no-repeat; margin: 0 auto; clear: both;} #logo{float: left; width: 632px; height: 61px; margin-left: 80px; clear: both;} #blurb{float: left; width: 470px; margin: 60px 0 0 130px;} #blurb p.head-blurb{font-size: 28px; color: #fc0; margin: 0; letter-spacing: -1px; font-weight: 300; line-height: 40px; width: 470px; float: left;} #pitch{float: left; width: 400px; margin: 0 0 0 0; } #pitch-book{width: 136px; height: 209px; float: left; margin: 27px 0 0 120px; } #pitch-buy{width: 127px; height: 37px; margin-top: 175px; float: right;} #top-nav{width: 942px; height: 79px; background: #eee url('../images/top-nav.gif') no-repeat; margin: 0px auto 0 auto; } #top-nav ul{width: 900px; margin: 0 0 0 120px;padding-top: 10px;} #top-nav ul li{display: block; float: left; list-style-type: none; width: 180px; height: 68px; margin: 0} #top-nav ul li a{color: #f33; font-size: 21px; text-decoration: none; } #top-nav ul li a:hover{color: #f33; font-size: 21px; text-decoration: none;} #top-nav ul li span{clear: both; float: left; margin-left: 10px; color: #666; font-size: 12px;} #page{ width: 942px; clear: both; margin: 0 auto 3em auto;} #container{ width: 942px; float: left; clear: both; margin: 0px auto 0 auto; background: #fafbfb url('../images/content_bg.gif') repeat-y; /* border-top: 2px solid #666; */ clear: both; padding: 0 ; min-height: 605px} #container-bottom{width: 942px; height: 51px; background: #fafbfb url('../images/content_bg_bottom.gif') no-repeat; margin: 0 auto; clear: both; } #content{ width: 883px; margin: 0 auto; float: left; min-height: 605px; clear: both; padding: 30px;} #footer{clear: both; width: 100%; height: 193px; background: #102a2b url('../images/footer_wrapper_bg.gif') repeat-x;} #footer-content{width: 1113px; height: 193px; margin: 0px auto; background: #102a2b url('../images/footer_bg.jpg') no-repeat;} #footer-nav{width: 700px; margin: 0 auto; text-align: center; padding: 5em 0 0 0 } #footer-nav li{ list-style-type: none;display: inline; margin-right: 4em;} #footer-nav li a:link{color: #eee; font-size: .8em; text-decoration: none;} #footer-nav li a:visited{color: #eee; font-size: .8em;text-decoration: none;} #footer-nav li a:hover{color: #eee; font-size: .8em;text-decoration: underline;} #footer-nav li a:active{color: #eee; font-size: .8em;text-decoration: underline;} #copyright, #credit{margin: 1em auto; font-size: .8em; color: #999; text-align: center; width: 700px} #credit a{color: #999; text-decoration: none;} #credit a:hover{color: #999; text-decoration: underline;} /** * Blog pages */ #blog-content{width: 600px; float: left;} #blog-content p{width: 90%;} /** Sidebars */ #sidebar{width: 180px; float: right; background: url('../images/sidebar_bg.gif') no-repeat top right;} #primary{ margin-top: 80px;} #sidebar-bottom{} div.sidebar ul{margin: 0 0 2em 0;} div.sidebar ul li{list-style-type: none; margin: 0 0 1em .5em;} div.sidebar h4{color: #5f2f24; font-size: 20px; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;} .widget{} h3.widgettitle{} div.sidebar ul li div, div.sidebar ul li ul{margin: 0 0 0 0;} div.sidebar ul li ul li{ margin-bottom: .5em;} #feed-submit p{width: 100%; margin: 5px;} .feed-burner-credit{font-size: .8em;} /** * Homepage Specific */ body.homepage{background-color: #fff; background-image: none;} #home-wrapper{width: 100%} #home-container{ margin: 1em auto; background: #333 url('../images/bg_home.gif') no-repeat; width: 976px; height: 690px;} #home-logo{width: 721px; height: 59px; margin-top: 62px; margin-left: 35px; float: left; clear: both;} #home-nav-main{float: left; margin: 180px 0 0 3em; width: 400px; } #home-nav-main ul{margin: 0;} #home-nav-main ul li{list-style-type: none; margin-bottom: 30px; } #home-nav-main ul li.last{margin-bottom: 0;} #home-nav-main ul li a{font-size: 44px; color: #f33; text-decoration: none;} #home-nav-main ul li a:hover{color: #fc0;} #home-nav-main ul li span.nav-title{clear: both; display: block; font-size: 20px; margin-left: 3em; color: #f33;} ul#home-nav-secondary{float: left; width: 300px; text-align: center; height: 30px; margin: 20px 0 0 20px; background-color: #fc0} ul#home-nav-secondary li{display: inline; text-align: center; margin-right: 15px; } ul#home-nav-secondary li a{font-size: 18px; color: #fff; background-color: #fc0} ul#home-nav-secondary li a:hover{color: #f33;} #home-book{margin: 263px 0px 0 0; float: right; width: 143px; height: 212px;clear: right;} #home-buy{width: 143px; float: right; margin: 0 30px 0 0 ; } #home-footer{ width: 960px; margin: 0 auto;} #cuirt{float: left; width: 300px;} #home-fine-print{float: right; width: 300px; text-align: right; color: #999; font-size: .8em;} #home-fine-print p{width: 100%; margin: 0} #home-fine-print a{color: #999;} #home-fine-print a:hover{color: #666;} /** * Authors page template */ .author-bio{width: 250px; height: 150px; float: left; margin: 0 0 2em 2em; border: 5px solid #5f2f24; background-color: #fdfdfd;} .author-bio p{font-size: .8em; line-height: 1.4em; margin: 0 15px; width: 90%;} h4.author-bio-name{font-size: 1.2em; margin: 5px 10px;} h4.author-bio-name a, h4.author-bio-name a:hover{color:#5f2f24; } p.author-bio-link{text-align: right; padding-top: 10px;} /** authors template */ ul#author-excerpts{margin: 0 0 2em 3em;} ul#author-excerpts li{list-style-type: none; width: 50%; } .author-story{margin: 0 0 1em 3em;} /** Post Presentation */ .post{ margin: 0 0 1.5em 0; padding-bottom: 1.5em; border-bottom: 1px solid #ddd;} h2.entry-title{font-size: 36px; line-height: 40px;} h2.entry-title a, h3.entry-title a{ text-decoration: none;} h2.entry-title a:hover, h3.entry-title a:hover{text-decoration: underline;} h3.entry-title{font-size: 30px; line-height: 36px;} a.more-link{display: block; padding: 10px 5px; background-color: #efefef; border: 1px solid #666; text-align: center; margin-top: 10px; } a:hover.more-link {background-color: #ddd; color: #333; border: 1px solid #5f2f24;} div.entry-date{} div.entry-content{} div.entry-meta{} #nav-below{ } .nav-previous{width: 40%; float: left; text-align: left;} .nav-next{ width: 40%; float: right; text-align: right;} /** Comments Presentation */ #comments{clear: both; float: left; margin-top: 2em;} #comments-list, #trackbacks-list {float: left; margin-left: 2em;} #comments-list h3, #trackbacks-list h3{} #comments-list ol, #trackbacks-list ol{} #comments-list ol li.comment{} #trackbacks-list ol li.comment{} div.comment-meta{} #respond{margin-left: 3em;} /** fin */