/*

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:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}



*{font-family:Arial, Helvetica, sans-serif; font-size:11px; border:0px; outline:none; margin:0px; padding:0px;}



/*Typography*/

p{margin:0px 0px 20px 0px; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; 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:#d1b748;}

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:#000; height:110px;clear:both; float:left;}



/* The slideshow */

#featureWrap{background:#000; height:400px;clear:both; float:left; position:relative;}
/* 960 original */
#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:830px; background:url(images/interface/shadow-right.png) no-repeat;width:130px; 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:20px 0px 0px 20px}

#headerWrap #navWrap{width:660px; float:left; clear:right; margin:20px 0px 0px 20px; display:inline;}

#headerWrap #navWrap #menu{display:inline;width:660px; 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:24px; margin-left:2px;}



/* 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; float:left; clear:both; width:600px; }

.innercontent h1{border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px;}







/* 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:#333; 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:#fff; position:relative; text-transform:uppercase;}

#navWrap #menu ul li a{float:left; width:auto; padding: 6px 20px; 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;}

#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:#fff; 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:#aaaaaa; width:278px; padding:6px; margin-bottom:10px; margin-top:4px;}

#contact-form textarea{background:#aaaaaa; 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:150px; 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;}

.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;}



.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;}

.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:#fff;}

.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:#ffffff; 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:#ffffff; 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:#aaaaaa; width:260px; padding:6px;}

#respond #submit {background-color:#222; width:auto; padding:10px; color:#aaaaaa; cursor:pointer;}

#respond #submit:hover {background-color:#d1b748;  color:#fff;}

#respond textarea{background:#aaaaaa; 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;}