/* Theme Name: Ballyportry Theme URI: http://www.smongey.com Description: Version: 1.0 Author: Sean Mongey Author URI: http://www.smongey.com Tags: castle, black, rural */ * { margin: 0px; padding: 0px; } body { font-family: Helvetica, Arial, sans-serif; color: #ffffff; background: #262420; font-size: 13px; line-height: 18px; } #page-wrap { width: 1020px; margin: 0 auto; padding: 0px; overflow: auto; } p { margin:0 0 15px 0; font-size: 1em; } a { color: #B3B3B3; text-decoration: none; } a:hover { color: #ffffff; text-decoration: none; } img.main { margin-bottom: 20px; } /* STRUCTURE */ #header { height:102px; width:100%; border-bottom: 1px solid #fff; } #logo { float: left; height:50px; width:400px; margin-top:35px; } #logo a { font-family: "Gill Sans", sans-serif; font-weight: bold; text-transform: uppercase; font-size: 18px; color:#ffffff; text-decoration: none; letter-spacing: .5px; } #logo h3 { color: aqua; } #menu { float: right; height:20px; width:520px; margin-top: 45px; display: inline; letter-spacing: 1px; text-align: right; } #menu a { font-weight: bold; color: #B3B3B3; text-decoration: none; font-family:"Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; font-variant: small-caps; margin-left: 10px; font-size: 16px; } #menu a.active { color: #ffffff; } #menu a:hover { color:#ffffff; } #content { margin-top: 15px; overflow-x: hidden; } #home { } #slider { float:left; height:445px; margin:0px 0px 20px 0px; width:1020px; background-color: #333; } #slider ul, #slider li { margin:0; padding:0; list-style:none; } .place { float:left; width: 326px; } .place img { margin-bottom: 10px; } /* DEFAULTS */ h1 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; font-style: normal; font-size: 22px; line-height: 30px; font-weight: bold; margin-bottom: 10px; } h2 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; font-style: italic; font-size: 25px; line-height: 30px; font-weight: normal; } h3 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; font-style: italic; font-size: 21px; line-height: 30px; font-weight: normal; } h4 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; text-transform: lowercase; letter-spacing: .5px; font-variant: small-caps; font-size:18px; padding-bottom: 10px; } h5 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; text-transform: lowercase; letter-spacing: .5px; font-variant: small-caps; font-size:15px; padding-bottom: 10px; } /* GALLERY PAGE ROLL OVER EFFECT */ .infoOverlay { font-size: .75em; line-height: 1.4em; z-index: 5; height: 540px; background-color: #00ff00; width: 322px; margin-left: -10px; padding: 10px; margin-top: -540px;} a img { border: none; } .roll { position: relative; z-index: 5; height: 540px; width:322px; padding:0; background-image: url("../img/trans.png"); margin:0; text-align: center; font-family: "Gill Sans", sans-serif; font-weight: bold; text-transform: uppercase; font-size: 28px; letter-spacing: 1px; line-height: 36px; } .roll p { padding-top:210px; } .roll a { color:white; } .roll a:hover { opacity:.8; } img.here { margin-bottom: -540px; position: relative; z-index: 4; } /* USEFUL */ .hide { display: none; } .clear { clear: both; } /* ABOUT PAGE */ #about a { color: aqua; cursor: pointer; } #about a:hover { text-decoration: underline; } /* PRESS PAGE */ #page-title { float: left; width:1018px; height:40px; border-bottom: 1px solid #fff; } .press-post-fullwidth { float: left; height:452px; width:996px; padding:10px 10px 0 10px; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; } .press-post-fullwidth-img { float: left; } .press-post-fullwidth-text { float: left; margin-left: 20px; width:649px;} .article-container { float: left; width:996px; padding:10px 10px 0 10px; border-bottom:1px solid #ffffff; } .article-img { float: left; } .article-big-img { float: left; margin-top: 20px; } .firstcharacter { float: left; color: #ffffff; font-size: 5em; line-height: 0em; padding-right: 5px; padding-bottom: 20px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; } .article-first { float: left; margin-left: 20px; margin-top: 30px; width:498px; height:324px; } .article-second { float: left; margin-right: 20px; width:498px; height:320px; } .article-third { float: left; margin-left: 20px; margin-top: 20px; width:498px; } .press-post { float: left; height:510px; width:318px; padding:10px 10px 0 10px; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; } .press-post span { font-style: italic; font-weight: bold; } .press-post img { margin-bottom: 10px; } /* DOWNLOADS PAGE */ #downloads span { font-family:"Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; text-transform: lowercase; letter-spacing: .5px; font-variant: small-caps; font-size: 16px; } .download { float:left; width:194px; height:465px; padding-right:10px; opacity:.7; } .download:hover { opacity:1; } .download img { margin-bottom:10px; } ::-moz-selection{ background:#fff; color:#333; } ::selection { background:#fff; color:#333; } code::-moz-selection { background: #fff; } code::selection { background: #fff; } #tooltip { font-family: Akkurat, "Helvetica-Neue", Helvetica, Arial, sans-serif; color:#fff; font-size: .6em; line-height: 1.7em; position: absolute; top:40px; left:40px; z-index: 3000; border: none; background-color: #000; padding: 10px; opacity: 0.85; width: 210px; } #tooltip h3, #tooltip div { margin: 0; } /* #tooltip # { background: url('shadow2.png'); padding-top: 5em; height: 100px; } */ a:focus, a:active{ outline: none; -moz-outline: none; } /* Easy Slider */ #slider{} #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:1020px; height:445px; background-color: #e6e6e6; overflow:hidden; } #prevBtn, #nextBtn{ display:block; width:25px; height:25px; position:relative; left:497px; top:10px; } #prevBtn a{ background-image:url('../img/up.png'); opacity:.5; } #nextBtn a{ background-image:url('../img/down.png'); opacity:.5; } #nextBtn{ margin-top: 375px; } #prevBtn a, #nextBtn a{ display:block; width:25px; height:25px; } #prevBtn a:hover, #nextBtn a:hover{ opacity:1; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background-color:#fff; opacity:0.9;} #colorbox{} #cboxContent{} #cboxLoadedContent{margin-bottom:0px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{display: none;} #cboxLoadingGraphic{display: none;} #cboxClose{position:absolute; display: none; bottom:0; right:0; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}