/* Theme Name: Luna Theme URI: http://wordpress.org/ Description: Wordpress theme with 1-2-3 column layout, jQuery dropdown menu, widget-ready, email form integrated, easy to customize. Many features. Enjoy! Version: 1.0 Author: Phi - Andreas Wilthil Author URI: http://www.phiworx.com */ /* CSS Document */ body,html{width:100%; height:100%; margin:0px; padding:0px; } body{background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;line-height:1.8em;} *{font-family:Arial, Helvetica, sans-serif; font-size:12px;line-height:1.8em; outline:none; margin:0px; padding:0px;} /*Typography*/ p{margin:0px 0px 20px 0px; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:12px;line-height:1.8em; color:#555;} h1{font-size:24px; line-height:normal; font-weight:normal; margin-bottom:10px; color:#333; letter-spacing:2px; } h2{font-size:18px; line-height:normal; font-weight:normal; margin-bottom:10px; color:#333; text-transform:uppercase;} h3{font-size:18px; line-height:normal; font-weight:normal; margin-bottom:10px; color:#333; } a{text-decoration:none; color:#A7881F;} a:hover{color:#888;} ul { list-style-type:square; margin:10px 10px 10px 30px; line-height:14px; } ol { list-style-type:decimal; margin:10px 10px 10px 30px; line-height:14px; } /* ---------------------------------- Structure -------------------------------------*/ #headerWrap{background:#fff; height:110px;clear:both; float:left;} /* The slideshow */ #featureWrap{background:#000; height:400px;clear:both; float:left; position:relative;} #cycleWrap{width:960px; height:400px; overflow:hidden; margin:0 auto; position:relative; } #cycle{width:960px; height:400px; overflow:hidden;z-index:100;} .feature-shadow-left{position:absolute; top:0px; left:0px; background:url(images/interface/shadow-left.png) no-repeat; width:150px; height:400px; z-index:990;} .feature-shadow-right{position:absolute; top:0px; left:810px; background:url(images/interface/shadow-right.png) no-repeat;width:150px; height:400px;z-index:990;} .feature-info{position:absolute; bottom:20px; left:300px; z-index:999; width:660px; padding:0px; background:url(images/interface/bb-black-660-bg.gif);} .feature-title{ padding:20px 30px 10px 30px; float:left; clear:both; width:590px;} .feature-title a{ font-size:32px; color:#efefef; margin-left:0px;} .feature-text { float:left;width:600px; padding:0px 30px 20px 30px; } .feature-text a{ font-size:12px; color:#999; line-height:16px; float:left; margin-bottom:10px;} .feature-link{} .feature-text a.featuremore{ color:#d1b748; float:left; clear:both; display:block; margin-bottom:0px;} .feature-text a:hover{color:#999;} /* Slideshow navigation/buttons */ #nav{position:absolute; bottom:23px; right:30px; text-align:right; z-index:9999; background:#000;} #nav a {margin:0px 0px 0px 0px; padding:0; width:8px; height:4px; display:block; margin-left:2px; float:left; border-bottom:4px solid #fff; text-decoration: none; color:#000; font-size:0px;} #nav a.activeSlide { background: #d1b748; color:#d1b748; height:8px; margin-top:0px; border:none;} #nav a:focus { outline: none; } /* The header */ #headerWrap #logo{display:inline; width:260px; float:left; margin:0px 0px 0px 20px;padding-top:12px;} #headerWrap #navWrap{width:660px; float:left; clear:right; margin:20px 0px 0px 20px; display:inline;} #headerWrap #navWrap #menu{display:inline;width:640px; float:left; background:url(images/interface/bb-white-660-bg.gif); margin-top:-4px;} #headerWrap #navWrap #breadcrumb{display:inline;width:660px; float:left; margin-top:14px; margin-left:2px;font-weight:bold;} /* The content */ #contentWrap{background:url(images/interface/bg-silver.jpg); height:auto; clear:both; float:left;} #contentWrap #sidebar{display:inline;width:260px; float:left; margin:0px 0px 0px 20px; padding:40px 0px;} #contentWrap #maincontent{display:inline; width:660px; float:left; padding:40px 0px; margin:0px 0px 20px 20px; } .border-wrap-white{background:url(images/interface/bb-white-660-bg.gif); margin-bottom:20px;float:left; clear:both; width:660px;} .innercontent{margin:0px; /*padding:20px 30px;*/ padding:6px 30px; float:left; clear:both; width:600px; } .innercontent h1{border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px;padding-left:5px;} /* The footer */ #footerWrap{clear:both; float:left;} #footerWrap ul{list-style:none;} /* The sidebar */ .sidebar-box-wrap-black h1{color:#efefef; float:left; clear:both; width:220px;} .sidebar-box-wrap-black h2{color:#efefef; margin:0px 0px 10px; float:left; clear:both; width:180px;} .sidebar-box-wrap-black ul{margin:0px -20px 0px -20px; padding:0px; width:180px;list-style:none; } .sidebar-box-wrap-black ul li{float:left; display:inline;background:#111;width:200px; margin-bottom:1px;} .sidebar-box-wrap-black ul li a{float:left; display:inline; padding:10px 20px 10px 20px; background:#111; width:200px;} .sidebar-box-wrap-black ul li a:hover{ background:#222;} .sidebar-box-wrap-black ul li ul{margin:0px -20px 0px 0px; padding:0px; width:200px;list-style:none; } .sidebar-box-wrap-black ul li ul li{width:200px; } .sidebar-box-wrap-black ul li ul li a{float:left; display:inline; padding:6px 20px 6px 40px; background:#111; width:180px; border-top:1px solid #333; color:#888;} .sidebar-box-wrap-black ul li ul li a:hover{background:#222; color:#888;} .sidebar-box-wrap-black p{margin-bottom:20px;} .sidebar-box-wrap-black ul li.recentcomments{float:left; clear:both; display:inline; padding:10px 20px 10px 20px; background:#111; width:200px;} .sidebar-box-wrap-black ul li.recentcomments a{clear:both; background:none;} .sidebar-box-wrap-black ul li.recentcomments a:hover{background:none;} .sidebar-box-wrap-black ul li.recentcomments:hover{background:#222;} .sidebar-box-wrap h1{color:#333; float:left; clear:both; width:220px;} .sidebar-box-wrap h2{color:#A7881F; margin:0px 0px 12px; float:left; clear:both; width:220px;} .sidebar-box-wrap ul{margin:20px 0px 0px; padding:0px; width:180px;list-style:none; } .sidebar-box-wrap ul li{float:left; display:inline;width:220px; margin-bottom:1px;} .sidebar-box-wrap ul li a{float:left; display:inline; padding:10px 10px 10px 10px; background:#f7f7f7; width:200px;} .sidebar-box-wrap ul li a:hover{ background:#e7e7e7; color:#555;} .sidebar-box-wrap ul li ul{margin:0px 0px 0px 0px; padding:0px; width:180px;list-style:none; } .sidebar-box-wrap ul li ul li{width:180px; } .sidebar-box-wrap ul li ul li a{float:left; display:inline; padding:6px 20px 6px 40px; background:#111; width:180px; border-top:1px solid #333; color:#888;} .sidebar-box-wrap ul li ul li a:hover{background:#f7f7f7; color:#888;} .sidebar-box-wrap p{margin-bottom:0px;} .sidebar-box-wrap ul li.recentcomments{float:left; clear:both; display:inline; padding:10px 20px 10px 20px; background:#111; width:220px;} .sidebar-box-wrap ul li.recentcomments a{clear:both; background:none;} .sidebar-box-wrap ul li.recentcomments a:hover{background:none;} .sidebar-box-wrap ul li.recentcomments:hover{background:#222;} /* Categories widget */ li.categories{margin:-20px -20px -20px -20px;} li.widget{list-style:none;} /* Text widget */ /* Misc classes*/ .fullwidth{width:100%} .inner{margin:0 auto; width:960px; height:auto;} img.expanded{margin:-20px -20px 10px -20px;} .left{float:left; margin:6px 16px 6px 0px;}/* Float image left in maincontent*/ .right{float:right; margin:6px 0px 6px 16px;}/* Float image right in maincontent*/ a.button{background:#222; padding:10px; margin-top:4px; float:left; display:block; margin-right:4px; color:#fff;} a.button:hover{background:#d1b748; color:#fff;} .blocklist-image-lightbox{height:100px; width:300px; } .clear {width:90%; clear:both;} .black-660-top{float:left; display:inline; clear:both; width:660px; height:10px; background:url(images/interface/bb-black-660-top.gif); margin:0px; font-size:1px;} .black-660-bottom{float:left; clear:both; width:660px; height:10px; background:url(images/interface/bb-black-660-bottom.gif); font-size:1px;} .black-260-top{float:left; clear:both; width:260px; height:10px; background:url(images/interface/bb-black-260-top.gif); font-size:1px;} .black-260-bottom{float:left; clear:both; width:260px; height:10px; background:url(images/interface/bb-black-260-bottom.gif); font-size:1px;} .white-660-top{float:left; clear:both; width:660px; height:10px; background:url(images/interface/bb-white-660-top.gif); font-size:1px;} .white-660-bottom{float:left; clear:both; width:660px; height:10px; background:url(images/interface/bb-white-660-bottom.gif); font-size:1px;} .white-260-top{float:left; clear:both; width:260px; height:10px; background:url(images/interface/bb-white-260-top.gif); font-size:1px;} .white-260-bottom{float:left; clear:both; width:260px; height:10px; background:url(images/interface/bb-white-260-bottom.gif); font-size:1px;} /*lists*/ #navWrap #menu ul{margin:0px 10px 0px 10px; padding:0; list-style:none; width:640px; background:#000; float:left; display:inline; } #navWrap #menu ul li{float:left; width:auto; background:#000; position:relative; text-transform:uppercase;} #navWrap #menu ul li a{float:left; width:auto; padding: 6px 19px; background:#000; color:#ccc;} #navWrap #menu ul li a:hover{background:#222; color:#fff;} #navWrap #menu ul li.current_page_item a{background:#d1b748; color:#fff; font-size:11px;} #navWrap #menu ul li ul { margin: 0px 0px 0px 0px; padding: 0px; position: absolute; visibility: hidden; width:auto; z-index:1000; background:#ccc;} #navWrap #menu ul li ul li { width:auto; float: left; display: inline; font-size:100%;clear:both; margin-top:1px; text-transform:none;} #navWrap #menu ul li ul li a{ width: 240px; background:#000; color: #999; margin:0px; padding:6px 20px; float:left;} #navWrap #menu ul li ul li a:hover{background:#222;} #navWrap #menu ul li.current_page_item ul li a{background:#111;} #navWrap #menu ul li.current_page_item ul li a:hover{background:#222;} #navWrap #menu ul ul ul{ margin: 0px 0px 0px 0px; padding: 0px; position: absolute; visibility: hidden; width:auto; z-index:1000; background:#ccc;} #navWrap #menu ul ul ul li { width:auto; float: left; display: inline; font-size:100%;clear:both; margin:0px 0px 1px 1px; text-transform:none;} #navWrap #menu ul ul ul li a{ width: 240px; background:#000; color: #999; margin:0px; padding:6px 20px; float:left;} #navWrap #menu ul ul ul li a:hover{background:#222;} #navWrap #menu ul ul li.current_page_item ul li a{background:#111;} #navWrap #menu ul ul li.current_page_item ul li a:hover{background:#222;} /* Contact form */ #contact-form{float:left; clear:both; margin-top:4px; padding:20px 30px; width:600px;} #contact-form ul{list-style:none; margin:0px;} #contact-form #searchsubmit{float:left; width:auto; height:24px; padding:4px; background:#222; color:#fff;} #contact-form #searchsubmit:hover{background:#d1b748;} #contact-form input{background:#efefef; width:278px; padding:6px; margin-bottom:10px; margin-top:4px;} #contact-form textarea{background:#efefef; width:278px; padding:6px; margin-bottom:10px; margin-top:4px; height:123px;} /* The search box */ #search-box-wrap{background:url(images/interface/bb-black-260-bg.gif); width:260px; height:auto; display:inline; float:left; margin-bottom:20px;} .search-box{float:left; width:auto; padding:12px 30px 10px 30px; color:#efefef;} /* Search form */ #searchform #s{width:140px; height:24px; float:left;} #searchform #searchsubmit{float:left; width:50px; height:24px; background:#222; color:#fff; margin-bottom:2px;} #searchform #searchsubmit:hover{background:#d1b748;} #searchform .screen-reader-text{display:none;} /* List (portfolio and updates) */ .blocklist{margin:0px 0px 0px 0px; padding:0px 10px; float:left; /*background-image:url(images/interface/zoom.gif);*/ background-repeat: no-repeat;background-position:10px 0px;} .blocklist .blocklist-image{display:inline; width:300px;/* height:100px;*/ float:left; margin:0px 0px 0px 0px;/* background:#fff;*/ overflow:hidden;padding-left:15px; padding-top:25px; width:285px;} .blocklist .blocklist-image-lightbox{display:inline;width:300px; height:100px; float:left; margin:0px 0px 0px 0px; overflow:hidden; } .blocklist .blocklist-image img, .blocklist .blocklist-image-lightbox img{width:300px; height:100px;} .blocklist .blocklist-text{display:inline; width:340px; float:left; background:#fff; height:100px;} .blocklist .blocklist-text .blocklist-title a{display:inline; width:300px; height:auto; float:left; display:inline; padding:0px 20px 0px 0px; line-height:12px; background:none; margin:16px 0px 0px 20px; text-transform:uppercase; font-size:16px;} .blocklist .blocklist-text .blocklist-exerpt a{display:inline; width:300px; height:auto;float:left; padding:6px 20px 10px 0px; background:none; margin:0px 0px 0px 20px;} .blocklist a{color:#333; cursor:pointer;} .blocklist blocklist-text:hover a{color:#333;} .blocklist .blocklist-text:hover{background-image:none; background:#f7f7f7;} /* Main page */ .mp-pagelist-content{float:left; clear:both; margin-bottom:20px;} .mp-pagelist-content img{margin:2px 10px 0px 0px; float:left; display:inline;} .mp-pagelist-content p{margin:0px;} .mp-pagelist-title{display:inline;} .mp-pagelist-title a{display:inline; height:auto; padding-top:2px; float:left; clear:both; line-height:12px; background:none; margin:0px 0px 6px 0px; text-transform:uppercase; font-size:18px; color: #A7881F;} .title-wrap{float:left; width:660px; padding:0px 0px 0px 0px; margin:40px 0px -20px 20px; color:#efefef; background:url(images/interface/bb-black-660-bg.gif);} .mainpage-title{float:left; width:auto; padding:10px 26px 10px 26px; color:#efefef;} .mainpage-title h1 {margin:0px; color:#efefef;} .sidebar-box-wrap{background:url(images/interface/bb-white-260-bg.gif); width:260px; height:auto; display:inline; float:left; margin-bottom:20px;} .sidebar-box-wrap-black{background:url(images/interface/bb-black-260-bg.gif); width:260px; height:auto; display:inline; float:left; margin-bottom:20px;} .sidebar-box-inner{padding:30px 30px 45px 30px;} .sidebar-box-inner-black{padding:30px 30px;} /*Blog post*/ .post-header{margin:0px 0px 4px 0px; background-color:#fff; float:left; color:#333; height:60px; overflow:hidden;} .post-title{width:460px; float:left; padding:20px 20px 14px 20px; font-size:24px; line-height:16px;} .post-date{width:120px; float:left; padding:20px; background-color:#222; color:#ccc; text-align:center; min-height:40px; font-size:14px} .post-content{margin:0px 0px 4px 0px; background-color:#fff; float:left; color:#333; height:auto; width:620px; padding:20px;} .post-meta-wrapper{width:600px; float:left; padding:10px 0px 0px 0px; background:#fff; color:#333; margin:20px 0px -10px; border-top:1px solid #ddd;} .post-meta{width:580px; float:left; padding-top:4px;} .post-comment{ display:inline; float:left; background:url(images/interface/icon-comment.gif) no-repeat top left; padding:1px 6px 10px 6px; color:#ccc;} .post-comment a{color:#efefef;} .post-categories{margin:0px; padding:0px;} /*--- Blog post comments ---*/ #comments-wrapper{background:#FFF; display:inline; margin-top:10px; float:left; clear:both; padding:20px; width:620px;} #comment-form{float:left; clear:both; position:relative;} #comments{margin-bottom:0px; clear:both;} #comment {width:600px;} ul.commentlist{margin:15px 0px; float:left; list-style-type:none;} ul.commentlist li{float:left; margin-bottom:20px; padding:10px; background-color:#efefef; width:600px;} ul.commentlist li ul {margin:0px 0px; float:left; list-style-type:none;} ul.commentlist li ul li{float:left; margin-bottom:20px; padding:10px; background-color:#efefef; width:580px;} h3 #comments {margin-bottom:20px; margin-top:0px;} .comment { } .comment-meta { float:right; margin-top:-40px; } .comment-author { margin-bottom:30px; } .avatar { float:left; margin:0px 10px 10px 0px; } .fn { font-size:14px; font-style:normal; } .says { display:none; } .children { margin-top:20px;} /*--- Blog post reply ---*/ #respond{background:#fff; float:left; clear:both; margin-top:10px; width:620px; display:inline; padding:20px;} #respond h3{margin-bottom:40px;} #respond form{margin:0px;} #respond input{background:#efefef; width:260px; padding:6px;} #respond #submit {background-color:#222; width:auto; padding:10px; color:#efefef; cursor:pointer;} #respond #submit:hover {background-color:#d1b748; color:#fff;} #respond textarea{background:#efefef; width:608px; padding:6px;} /* Pagination on blog and portfolio pages */ .pager{margin-left:10px;} .pager a, .pager a:link {background:#111; color:#efefef; margin-right:4px; padding:12px 6px 0; text-align:center; text-decoration:none; width:28px; height:28px; float:left;} .pager a:visited {background:#111; color:#efefef; margin-right:4px; padding:12px 6px 0; text-align:center; text-decoration:none; width:28px; height:28px; float:left;} .pager a:hover {background:#222; color:#efefef;} .pager a:active {background:#d1b748; color:#fff;} .pager span.pages {display:none;} .pager span.current {color:#fff; background:#d1b748; margin-right:4px; padding:12px 6px 0; float:left; width:28px; height:28px; text-align:center;} /*Home Page Services Box*/ /*#content .hservices h1 {font-weight:normal; font-size:2em;}*/ .hservtop {background:url(images/serv-header.gif) no-repeat; height:51px;} .hservtop1 {background:url(images/serv-head-prem.gif) no-repeat; height:57px;} .hservtop2 {background:url(images/serv-head-enha.gif) no-repeat; height:57px;} .hservtop3 {background:url(images/serv-head-blog.gif) no-repeat; height:57px;} .hservtop4 {background:url(images/res-bob-head.gif) no-repeat; height:57px;} .hservtop5 {background:url(images/res-tom-head.gif) no-repeat; height:57px;} .hservtop6 {background:url(images/serv-head-res.gif) no-repeat; height:57px;} .hservtop7 {background:url(images/serv-head-art.gif) no-repeat; height:57px;} .hservtop8 {background:url(images/serv-head-man.gif) no-repeat; height:57px;} .hservtop9 {background:url(images/serv-head-pric.gif) no-repeat; height:57px;} .hservtop10 {background:url(images/serv-head-per.gif) no-repeat; height:57px;} .hservtop11 {background:url(images/serv-head-stan.gif) no-repeat; height:57px;} .hservtop12 {background:url(images/serv-head-web.gif) no-repeat; height:57px;} .hservtop13 {background:url(images/serv-head-form-res.gif) no-repeat; height:57px;} .hservend {background:url(images/serv-end.gif) no-repeat; height:19px; padding-bottom:15px;} .hservend1 {background:url(images/serv-end-form-res-.gif) no-repeat; height:19px; padding-bottom:15px;} .hservices {/*background:url(images/serv-back.gif) repeat-y;*/ border:medium double #CCCCCC;} /*#contentWrap .hservices em {color:#00CC00; background-color:#DDFFDD;}*/ .hservices2 {/*background:url(images/serv-back.gif) repeat-y;*/ overflow:auto; border:medium double #CCCCCC;} #contentWrap .hservices2 ul {float:left; margin:0; padding:0 7px; line-height:2em;} #contentWrap .hservices2 ul li {list-style:none; padding-right:20px;} #contentWrap .hservices2 p {clear:left; margin:0 0 0 70px;} /*#contentWrap .hservices2 strong {color:#fc7205;} */ #contentWrap .hservices2 ul.firstul {margin:0 0 0 50px;} .hservices1 {background:url(images/res-bob-back.gif) repeat-y;} .servul {display:block; width:520px;} #wrap p.formp {display:block; width:480px; margin:0 0 0 70px;} .resul {display:block; width:520px; color:#ccc;} #contentWrap .hservices p {margin:0 0 0 70px; width:450px;} #contentWrap .hservices1 p {margin:0 0 0 70px; width:450px;} .hservices h1 {font-weight:normal; font-size:2em;} #contentWrap .hservices ul li {/*list-style:inside circle;*/ margin:0 0 0 50px; } #contentWrap .hservices1 ul li {list-style:inside circle; margin:0 0 0 70px; } /*.hservices strong {color:#fc7205;} */ #wrap {width:100%; background:url(images/serv-head-form-res-back.gif) repeat-y;} #contentWrap #wrap li {list-style:none; padding:3px 0; magrin:0;} #contentWrap #wrap li strong {font-weight:normal;} .twocolh3 {overflow:hidden; width:500px; margin-left:60px; padding-bottom:15px;} .twocolh3 h3 {float:left; width:240px;} .twocolh3ul1, .twocolh3ul2{overflow:hidden;} .twocolh3ul1 {border-bottom:8px #CCC solid; width:490px;} .twocolul {border-bottom:8px #CCC solid; width:490px;} .twocolh3ul2{background:#ccc;} #wrap .twocolh3ul1 li, #wrap .twocolh3ul2 li {float:left; width:240px; } .hservtop13 {background:url(images/serv-head-form-res.gif) no-repeat; height:57px;} .twocolh3 input {border:1px #ccc solid;}