/* THEME NAME: KennethMadden.ie THEME URI: http://www.kennethmadden.ie DESCRIPTION: Version 2 theme for kennethmadden.ie (May, 2010). VERSION: 2 AUTHOR: Ambient Age (@davkell) */ /*============================== * Reset ------------------------------- */ html *{margin: 0px; padding: 0px;} body * {/*border: 1pt solid green; */padding: 0px; margin: 0px;} body{ background: #f4f4f4 url('/images/body_bg.jpg') repeat-x top left; margin-top: 0px; font-size: 1em; font-family: arial, helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 {font-family: helvetica,arial,sans-serif; font-weight: normal; letter-spacing: 0px; margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt;} #blog_content_wrapper h4, #content_wrapper h4{color: #000; font-size: 18px; margin-left: 2em} #blog_content_wrapper p, #content_wrapper p{ margin: 1em 2em; font-family: arial, verdana, helvetica, sans-serif; font-size: 0.9em; color: #000; line-height: 1.5em;} #blog_content_wrapper a:link, #content_wrapper a:link{color: #000; text-decoration: underline; border-bottom: none;} #blog_content_wrapper a:visited, #content_wrapper a:visited{color: #000; text-decoration: underline;border-bottom: none;} #blog_content_wrapper a:hover, #content_wrapper a:hover{color: #888; text-decoration: underline;border-bottom: none;} #blog_content_wrapper a:active, #content_wrapper a:active{color: #888; text-decoration: underline; border-bottom: none;} #content_wrapper ul{margin: 1em 0px 1em 3em;} #content_wrapper ul li{margin-bottom: .9em;} /*=================================== Page Layouts -------------------------------------*/ #container{ width: 940px; background: url('/images/body_bg.jpg') repeat-x top left; margin: 0px auto 40px auto; min-height: 500px; clear: both; padding-bottom: 60px;} #content{width: 940px; margin: 9px auto 0px auto; padding-top: 17px; min-height: 450px; float: left;} h1#logo{ margin: 0px; padding: 18px 0px 0px 0px; float: left; clear: both; margin-top: 0px; color: #000; font-family: helvetica,arial,sans-serif; font-size: 34px; letter-spacing: -1px; line-height: 38px;} h1#logo a{color: #000; text-decoration: none;font-family: helvetica,arial,sans-serif; letter-spacing: -1px;} h2#sub_logo{margin: 0px; width: 300px; padding: 0px; float: left; margin-top: -16px; font-family: helvetica,arial,sans-serif; font-size: 28px; letter-spacing: -1px; line-height: 32px;color: #fff; z-index: 1;} #top_nav{float: right; width: 550px;} #top_nav ul{float: right;} #top_nav ul li{display: inline; color: #fff; list-style-type: none;margin-left: 2em;} #top_nav ul li a{color: #fff; text-decoration: none; font-size: 20px; font-family: helvetica, arial, sans-serif; /*letter-spacing: 1px;*/ } #top_nav ul li.current_page_item{display: none;} /*======================================== Homepage Specific (home_template.php) -------------------------------------------*/ #home_container{ width: 940px; background: #f4f4f4 url('/images/grey_bg.jpg') no-repeat; margin: 0px auto 60px auto; min-height: 500px; clear: both; padding-bottom: 60px;} #home_content{width: 940px; margin: 8px auto 0px auto; padding-top: 17px; min-height:515px; float: left; background: url('/images/home_stack.jpg') no-repeat top left;} #home_blurb{ width: 280px; float: right; color: #fff; clear: both; margin-top: 100px;} #home_blurb p{line-height: 1.5em; padding-bottom: 10px;} #homepage_gallery{float: right; clear: both; width: 350px; margin-top: 100px;} #homepage_gallery h3{ background-color: #333; color: #fff; padding: 2px 8px; font-family: helvetica,arial,sans-serif; font-size: 24px; letter-spacing: -1px; line-height: 28px;} #homepage_gallery ul{ list-style-type: none; line-height: 1.8em; margin-left: 1.25em; font-size: 18px; } #homepage_gallery ul li ul{margin-left: 1em; font-size: .9em; line-height: normal;} #homepage_gallery ul li ul li{margin-bottom: 10px;} #homepage_gallery #gl_left{float: left; width: 40%} #homepage_gallery #gl_right{float: right; width: 40%} #homepage_gallery a:link{color: #000; text-decoration: none; border-bottom: none; } #homepage_gallery a:visited{color: #000; text-decoration: none; border-bottom: none; } #homepage_gallery a:hover{color: #000; text-decoration: underline; border-bottom: none; } #homepage_gallery a:active{color: #000; text-decoration: underline; border-bottom: none; } /* / homepage */ /*============================================ * Page *------------------------------------------*/ #grey_box_top{background: url('/images/grey_box_top.gif') no-repeat top center; width: 626px; height: 24px; margin: 40px auto 0px auto;} #grey_box_middle{background: url('/images/grey_box_middle.gif') repeat-y top center; width: 626px; min-height: 450px; margin: 0px auto;} #grey_box_bottom{background: url('/images/grey_box_bottom.gif') no-repeat bottom center; width: 626px; height: 35px; margin: 0px auto; clear: both} #grey_box_middle #content_wrapper{padding: 0px 15px;} /* ======================================= contact -------------------------------------------*/ #cmntFieldset{width: 70%; margin: 10px auto; background-color: #eee;} .form_error{color: #000; background-color: #fcc; display: none; padding: 3px 2px;font-size: .8em;} /* ======================================== blog --------------------------------------------*/ #nav-below, #nav-above{clear: both; font-size: .8em; margin: 1em 0px; float: left; width: 100%;} .nav-previous{float: left;} .nav-next{float: right;} .entry-meta{font-size: 0.8em;} .entry-meta-single{margin: 20px 40px; border: 1px solid #bdbdbd; background: #efefef; padding: 10px; font-size: .75em; line-height: 1.8em;} .entry-date{font-size: 0.8em; margin-top: 1.5em;} .post{ clear: both; margin-bottom :1.5em; border-bottom: 2pt solid #333; padding-bottom: 1em;} /** ---------------- comments =================== */ #comments{float: left; clear: both; margin: 0px 0 0 0;} #comments h3{margin-bottom: 20px;} #comments-list, #trackbacks-list{float: left; width: 520px; margin: 20px 0;} #comments-holder{width: 520px; float: left; margin: 0 0 0 60px; } div.comment-indiv{float: left; width: 500px; padding: 10px; border: 1px solid #bdbdbd; background-color: #efefef; margin: 0 0 20px 0;} div.comment-indiv.alt{background-color: #dbdbdb;} div.comment-author{float: left; width: 100%; clear: both; margin: 10px; font-size: .9em;} div.avt{float: right; width: 60px; height: 60px; background-color: #ccc;} div.comment-text{width: 360px; float: left; margin-left: 30px; font-size: .9em;} div.comment-meta{float: left; clear: both; width: 380px; text-align: right; font-size: .7em;} #trackbacks-list ol{float: left; margin-top: 0; font-size: .8em;} #trackbacks-list ol li{ margin: 0 0 0 30px} #trackbacks-list .trackback-comment-author{} #respond{float: left; clear: both; margin: 20px 0 0 0; } .formcontainer{width: 500px; float: left; margin: 0 0 0 60px; padding: 10px; border: 1px solid #bdbdbd; background-color: #efefef; } .formcontainer label{font-size: .9em;} #input-group{width: 190px; float: right;} .form-input input{width: 180px; float: left;} .formcontainer div.form-textarea, .formcontainer div.form-textarea textarea {float: left; width: 260px;} .form-submit{width: 100%; clear: both; float: right; text-align: right;} .form-submit .button{padding: 4px 0; width: 120px;} #blog_grey_box_top{background: url('/images/gallery_grey_box_top.gif') no-repeat top center; width: 826px; height: 24px; margin: 40px auto 0px auto;} #blog_grey_box_middle{background: url('/images/gallery_grey_box_middle.gif') repeat-y top center; width: 826px; min-height: 600px; margin: 0px auto; padding-left: 10px;} #blog_grey_box_bottom{background: url('/images/gallery_grey_box_bottom.gif') no-repeat bottom center; width: 826px; height: 35px; margin: 0px auto; clear: both;} #blog_content_wrapper{ margin: 0px 3em; width: 550px; float: left;} #blog_side_nav{width: 175px; float: right; margin-top: 2em;} #blog_side_nav #categories, #blog_side_nav #archives{margin: 1em 0px; } #blog_side_nav ul li ul li{margin: 7px 0px 0px 1em;} #blog_side_nav a:link{color: #000; text-decoration: underline; border-bottom: none; font-size: .95em;} #blog_side_nav a:visited{color: #000; text-decoration: underline;border-bottom: none; font-size: .95em;} #blog_side_nav a:hover{color: #888; text-decoration: underline;border-bottom: none; font-size: .95em;} #blog_side_nav a:active{color: #888; text-decoration: underline; border-bottom: none; font-size: .95em;} #blog_content_wrapper ul, #blog_content_wrapper ol{margin-left: 4em; font-size: 0.95em; margin-bottom: 1em;} #blog_content_wrapper blockquote{margin-left: 2em; border-left: 5pt solid #888; } #blog_content_wrapper img{border: none; margin: 1em; } /*============================================= * Gallery_template *--------------------------------------------*/ #gallery_grey_box_top{background: url('/images/gallery_grey_box_top.gif') no-repeat top center; width: 826px; height: 24px; margin: 40px auto 0px auto;} #gallery_grey_box_middle{background: url('/images/gallery_grey_box_middle.gif') repeat-y top center; width: 826px; min-height: 600px; margin: 0px auto; padding-left: 10px;} #gallery_grey_box_bottom{background: url('/images/gallery_grey_box_bottom.gif') no-repeat bottom center; width: 826px; height: 35px; margin: 0px auto; clear: both;} #gallery_grey_box_middle #gallery_content_wrapper{padding: 0px 15px; min-height: 600px; width: 800px;} /* Gallery Page */ .gallery_row{width: 600px; margin: 5px auto 20px auto; padding-bottom: 20px; clear: both;} .gallery_row div{float: left; margin-left: 55px;} .photo{padding-top: 20px;} .photo span{height: 20px; display: block; width: 200px; z-index: 3;position: relative;} .photo a img{margin-top: 10px; border: 1pt solid #000;} /*================================================== * Photo Galleries *--------------------------------------------------*/ .galleria{list-style:none;width:200px} .galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0} .galleria li a{display:none} .galleria li div{position:absolute;display:none;top:0;left:180px} .galleria li div img{cursor:pointer} .galleria li.active div img,.galleria li.active div{display:block} .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto} .galleria li .caption{display:block;padding-top:.5em} * html .galleria li div span{width:400px} /* MSIE bug */ ul li{list-style-type: none;} /* a:hover{color:#67a;} */ .caption{color:#000;float: left; width:270px;} .demo{position:relative;margin-top:2em;} .gallery{width:180px;float:left;} .gallery li{width:55px;height:75px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;} .gallery li.hover{border-color:#bbb;} .gallery li.active{border-style:solid;border-color:#eee;} .gallery li div{left:240px} .gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;} .galleria_container{margin:0 170px 60px auto;min-height:438px;width:370px;float:right; } .nav{padding-top:15px;clear:both;} .info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;} .info p{margin-top:1.6em;} .nav{position:relative;top:0px ;left:0;} /*============================================== * Footer *---------------------------------------------*/ #footer{width: 100%; clear: both; background-color: #333; margin-top: 60px; min-height: 110px;} #footer_container{width: 940px; margin: 0px auto 0px auto; padding-top: 30px;} #footer_container ul{list-style-type: none; width: 100%; text-align: center;} #footer_container ul li{ display: inline; margin-right:3em;} #footer_container a:link{color: #f4f4f4; font-size: .8em; text-decoration: none; border-bottom: none;} #footer_container a:visited{color: #f4f4f4; font-size: .8em; text-decoration: none;border-bottom: none;} #footer_container a:hover{color: #f4f4f4; font-size: .8em; text-decoration: none;border-bottom: none;} #footer_container a:active{color: #f4f4f4; font-size: .8em; text-decoration: none;border-bottom: none;} #footer_container p#legal{font-size: .8em; color: #fff; text-align: center; margin-top: 20px;} #ambient:hover{color: #f60; text-decoration: none; border-bottom: none;}