/* THEME NAME: Open House Galway THEME URI: http://www.ambientage.com DESCRIPTION: OpenHouseGalway.ie, 2009 Design VERSION: 1.0 AUTHOR: David Kelly (Ambient Age) AUTHOR URI: */ /** * Colours: * Maroon / wine: #9d0059 * Black: #333 * Blue: #09C */ /** * 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{background-color: #fff; color: #333; font-family: arial, helvetica, sans-serif; font-size: 1em; line-height: 1.9em;} h1{font-size: 40px; color: #9d0059; line-height: 46px;} h2{} h3{font-size: 28px; color: #999; margin-bottom: 1em;} h4{} h5{} h6{} p{ font-size: .9em; margin-bottom: 15px; line-height: 1.8em; } blockquote{ margin: 1em; font-style: italic;} strong{font-weight: bold;} ul, ol{margin: 20px 40px; font-size: 1em; width: 75%;} ul li{line-height: 1.6em; font-size: 1em;} ol li{ line-height: 1.6em; font-size: .9em;} a:link{color: #9d0059; } a:visited{color: #9d0059;} a:hover{color: #999;} a:active{color: #999;} /** * Generic Classes */ span.access{margin-left: -3000px; width: 1px; height: 1px;} .no-hover{} div.clear{clear: both; float: left; width: 100%} /** * Layouts * */ #wrapper{ width: 100%; border-top: 10px solid #9d0059; float: left; clear: both; min-height: 900px;} #header{width: 960px; margin: 0 auto 2em auto;} #volunteer-callout{width: 220px; float: left; margin: 10px 0 0 0; height: 40px;} #event-date{width: 210px; float: right; margin-top: 10px;} #text-logo{width: 700px; float: right; margin: 20px 0 0 0; padding: 0 0 10px 0; border-bottom: 10px solid #9d0059; } #text-logo h1{margin: 0 0 10px 0} #text-logo h1 a, #text-logo h1 a:hover{color: #9D0059; text-decoration: none;} #text-logo img{margin-left: 70px; clear: both; float: left;} #img-logo{width: 170px; height: 170px; margin: 20px 0 0 30px; background: #fff url('images/open_house_logo.gif') no-repeat; float: left;} #global-nav{width: 600px; float: right; clear: both; margin-top: 1em; text-align: right;} #global-nav ul{width: 100%; margin: 20px 0;} #global-nav ul li{list-style-type: none; display: inline; margin-left: 20px;} #global-nav ul li a{text-decoration: none; font-size: .8em; color: #333;} #global-nav ul li.nav-pink{background: #fff url('images/pink-dot.gif') no-repeat center top; padding-top: 15px;} #global-nav ul li.nav-blue{background: #fff url('images/blue-dot.gif') no-repeat center top; padding-top: 15px;} #global-nav ul li.nav-orange{background: #fff url('images/orange-dot.gif') no-repeat center top; padding-top: 15px;} #global-nav ul li.nav-green{background: #fff url('images/green-dot.gif') no-repeat center top; padding-top: 15px;} #global-nav ul li.nav-yellow{background: #fff url('images/yellow-dot.gif') no-repeat center top; padding-top: 15px;} #container{width: 960px; margin: 0 auto; clear: both;} #content{/*width: 900px; */float: right; } div.page-content{float: right; width: 700px; min-height: 300px;} /** Sidebars */ #sidebar-wrapper{float: left; width: 200px; border-top: 5px solid #09C; border-bottom: 10px solid #09c; margin-top: 115px;} #primary{ } #sidebar-bottom{} div.sidebar ul{margin: 0; padding: 10px 0; margin: 20px 0; width: 100%; } div.sidebar ul li{ list-style-type: none; margin-bottom: 20px; } div.sidebar ul li h3{font-size: 20px; color: #999; text-align: center; width: 100%;} .widget{margin: 20px 0; padding: 20px 0; } h3.widgettitle{} div.sidebar ul li div, div.sidebar ul li ul{margin: 0 0 0 20px; border: none;} div.sidebar ul li ul li{ border: none; font-size: .9em; margin-left: 10px;} #sponsored{width: 100%; margin: 4em 0; padding-top: 2em; float: left; clear: both; border-top: 10px solid #9d0059;} #sponsored h4{text-align: center; padding-bottom: 1em;} #sponsored ul{margin: 0; width: 100%; float: left; clear: both; text-align: center;} #sponsored ul li{ display: inline; margin: 0 15px 30px 0; width: 100px; min-width: 100px; } hr.sponsor-separator{background-color: #eee; color: #eee; margin: 2em 0; float: left; clear: both; width: 100%; height: 5px; border-left: #dbdbdb; border-top: #dbdbdb;} #footer-wrapper{ width: 100%; float: left; clear: both; min-height: 100px; border-top: 10px solid #9d0059;} #footer{ width: 960px; margin: 0 auto; padding-top: 2em;} #footer-nav{text-align: center; } #footer-nav ul{margin: 0; width: 100%;} #footer-nav li{ display: inline; margin-right: 3em} #footer-nav li a:link{color: #000; text-decoration: none; font-size: .85em;} #footer-nav li a:visited{color: #000; text-decoration: none; font-size: .85em;} #footer-nav li a:hover{color: #000; text-decoration: underline; font-size: .9em;} #footer-nav li a:active{color: #000; text-decoration: underline; font-size: .9em;} #credit{text-align: center;} #credit p a, #credit p a:hover{text-decoration: none; font-size: .8em; color: #999; } /**===================================== * Homepage Layout * ------------------------------------ */ #home-event-date{width: 210px; float: right; margin-top: 10px;} #home-text-logo{width: 700px; float: right; clear: both;margin: 40px 0 0 0; padding: 0 0 10px 0; border-bottom: 10px solid #9d0059; } #home-text-logo h1{margin: 0 0 10px 0} #home-text-logo h1 a, #text-logo h1 a:hover{color: #9D0059; text-decoration: none;} #home-text-logo img{margin-left: 70px; clear: both; float: left;} #home-content{ width: 960px; min-height: 200px; margin: 1.5em 0 0 0; float: left; clear: both;} #home-logo{width: 170px; float: left; } #home-blurb{width: 570px; float: right; margin: 15px 50px 40px 0;} #home-blurb p{ line-height: 1.9em; font-size: .9em;} #home-nav{width: 960px; height: 160px; border-top: 5px solid #9d0059; padding: 4em 0 0 0; float: left; clear: both; } #home-nav ul{width: 960px; height: 160px; margin: 0;} #home-nav ul li{list-style-type: none; display :block; width: 160px; height: 160px; float: left; margin-right: 40px;} #home-nav ul li.last{margin-right: 0;} #home-nav ul li a, #home-nav ul li a:hover{color: #fff; font-size: 18px; line-height: 24px; width: 160px; height: 160px; text-align: center; padding-top: 40%; float: left; text-decoration: none;} #home-nav ul li.home-orange a{padding-top: 35%;} .home-pink{background: url('images/circle_pink-160.gif') no-repeat center top} .home-blue{background: url('images/circle_blue-160.gif') no-repeat center top} .home-orange{background: url('images/circle_orange-160.gif') no-repeat center top} .home-green{background: url('images/circle_green-160.gif') no-repeat center top} .home-yellow{background: url('images/circle_yellow-160.gif') no-repeat center top} /*======================================= * Building Tours Template */ #saturday-tour{width: 330px; float: left; } #sunday-tour{width: 330px; float: right;} #saturday-tour h2, #sunday-tour h2{color: #999; text-align: center; font-size: 20px; font-weight: bold; padding-bottom: 10px; border-bottom: 3px solid #09C;} .tour-snippet{float: left; width: 100%; min-height: 100px; clear: both; padding: 10px 0; border-bottom: 1px solid #bdbdbd;} .img-snippet{width: 60px; float: left; padding-top: 30px;} .building-snippet{width: 250px; float: right; font-size: .8em; line-height: 1.9em;} .building-snippet h3{margin-bottom: 10px; font-size: 16px;} .building-snippet h3 a{text-decoration: none; color: #9d0059; } .building-snippet h3 a:hover{text-decoration: underline;} /** ====================================== * Individual Building Template */ #left-side{float: left; width: 220px; } .building-image{width: 220px; float: left; } .building-description{width: 500px; float: right; margin-right: 120px;} .day-tour-list{float: left; clear: left; width: 220px; margin-top: 60px; border-top: 10px solid #09C; border-bottom: 5px solid #09C; padding: 20px 0 40px 0;} .day-tour-list h4{text-align: center; font-size: 20px; color: #999;} .day-tour-list ul{ margin: 10px 15px 0 15px;} .day-tour-list ul li{list-style-type: none; margin-bottom: 10px; font-size: .9em; line-height: 1.5em;} .day-tour-list ul li a{text-decoration: none; color: #999;} .day-tour-list ul li a:hover{color: #333;} .building-meta{float: right; width: 500px; text-align: left; margin: 20px 120px 20px 0; font-size: .9em; } .building-meta table{width: 100%;} .building-meta table tr td.first{width: 200px; font-weight: bold;} .building-meta table tr td.visitor-info-text{line-height: 1.6em;} .booking-link a{background-color: #09C; color: #fff; padding: 4px 6px; font-size: 1.1em; text-align: center; font-weight: bold; text-decoration: none;} /** Page Presentation */ /** Post Presentation */ .post{width: 620px; float: right; clear: both; margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px solid #999;} h2.page-title, h2.entry-title , .post h2.entry-title { width: 700px; float: right; text-align: left; font-size: 30px; color: #9d0059; padding: 10px 0; border-bottom: 5px solid #9d0059; margin-bottom: 20px; clear: both;} h2.entry-title a:link{} h2.entry-title a:visited{} h2.entry-title a:hover{} h2.entry-title a:active{} h3.entry-title{width: 100%; float: right; text-align: left; font-size: 20px; border-bottom: 5px solid #09C; margin: 0 0 10px 0; padding: 0px 0 10px 0;} h3.entry-title a:link{font-size: 26px; text-decoration: none; color: #555;} h3.entry-title a:visited{font-size: 26px; text-decoration: none; color: #555;} h3.entry-title a:hover{font-size: 26px; text-decoration: none; color: #999;} h3.entry-title a:active{font-size: 26px; text-decoration: none; color: #999;} div.entry-date{width: 200px; float: right; text-align: right; font-size: .8em; color: #999;} div.entry-content{float: left; margin-top: 10px; width: 100%; clear: both;} div.entry-meta{float: left; width: 100%;} .post h2{font-size: 26px; color: #9d0059; width: 100%; margin: 0 0 10px 0; padding: 0 0 10px 0; } .post h3{font-size: 22px; color: #9d0059; margin: 0 0 10px 0; padding: 0 0 10px 0;} .post h4{font-size: 20px; color: #9d0059; margin: 0 0 10px 0; padding: 0 0 10px 0;} .post h5{font-size: 16px; font-weight: bold; color: #9d0059; margin: 0 0 10px 0; padding: 0 0 10px 0; } #nav-below{width: 620px; float: right; clear: both; margin: 20px 0;} .nav-previous{float: left; text-align: left; width: 40%;} .nav-next{float: right; text-align: right; width: 40%;} /** Comments Presentation */ #comments-list, #trackbacks-list {} #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{} /** fin */