/*
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: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:#555; 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; }


#calendar_wrap{margin:0px -20px 0px -20px;}

.sidebar-box-wrap-black #wp-calendar{width:240px; border-collapse:collapse;  margin-bottom:20px; float:left; clear:both;margin:0px 0px 0px 0px;}
.sidebar-box-wrap-black #wp-calendar caption{width:100%; text-align:center; padding:6px 0px; color:#999; font-weight:bold;}
.sidebar-box-wrap-black #wp-calendar th,.sidebar-box-wrap-black #wp-calendar td {width:14%; padding:6px 0px; border:1px solid #000; text-align:center; color:#ccc;}
.sidebar-box-wrap-black #wp-calendar td {background:#111;}
.sidebar-box-wrap-black #wp-calendar td:hover{background:#222;}
.sidebar-box-wrap-black #wp-calendar th {background:#222;}
.sidebar-box-wrap-black #wp-calendar a{font-weight:bold; color:#d1b748; padding:4px 8px; }
.sidebar-box-wrap-black #wp-calendar a:hover{color:#999; padding:4px 8px; }


.sidebar-box-wrap #wp-calendar{width:240px; border-collapse:collapse;  margin-bottom:20px; float:left; clear:both; margin:0px 0px 0px 0px;}
.sidebar-box-wrap #wp-calendar caption{width:100%; text-align:center; padding:6px 0px; color:#999; font-weight:bold;}
.sidebar-box-wrap #wp-calendar th,.sidebar-box-wrap #wp-calendar td {width:14%; padding:6px 0px; border:1px solid #fff; text-align:center; }
.sidebar-box-wrap #wp-calendar td {background:#efefef; color:#333;}
.sidebar-box-wrap #wp-calendar td:hover{background:#e7e7e7;}
.sidebar-box-wrap #wp-calendar th {background:#e7e7e7;}
.sidebar-box-wrap #wp-calendar a{font-weight:bold; color:#d1b748; padding:4px 8px; }
.sidebar-box-wrap #wp-calendar a:hover{color:#555; padding:4px 8px;}



/* ----------------------------------
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;width:500px;}
.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}
#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: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 10px; float:left; clear:both; width:200px;}
.sidebar-box-wrap ul{margin:0px -20px 0px -20px; padding:0px; width:180px;list-style:none; }
.sidebar-box-wrap ul li{float:left;  display:inline; background:#111;width:200px; margin-bottom:1px;}
.sidebar-box-wrap ul li a{float:left; display:inline; padding:10px 20px 10px 20px; background:#f7f7f7; width:200px;}
.sidebar-box-wrap ul li a:hover{ background:#e7e7e7; color:#888;}
.sidebar-box-wrap ul li ul{margin:0px -20px 0px 0px; padding:0px; width:200px;list-style:none; }
.sidebar-box-wrap ul li ul li{width:200px; }
.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:#222; color:#888;}
.sidebar-box-wrap p{margin-bottom:20px;}
.sidebar-box-wrap ul li.recentcomments{float:left; clear:both; display:inline; padding:10px 20px 10px 20px; background:#111; width:200px;}
.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{ width:300px;float:left;}
.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 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:#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: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;}
.blocklist .blocklist-image{display:inline; width:300px; float:left; margin:0px 20px 0px 0px; background:#fff; overflow:hidden;}
.blocklist .blocklist-image-lightbox{display:inline;width:300px;  float:left; margin:0px 20px 0px 0px; overflow:hidden;background:#000 url(images/interface/zoom.gif) no-repeat 10px center; }
.blocklist .blocklist-image img, .blocklist .blocklist-image-lightbox img{width:300px; float:left}
.blocklist .blocklist-text{display:inline; width:310px; float:left;}

.blocklist a{color:#333; cursor:pointer;}
.blocklist:hover{background:#efefef;}
span.p-title {display:inline; width:300px; height:auto; float:left; display:inline; padding:0px 20px 0px 0px; line-height:12px; background:none; margin:16px 0px 10px 0px; text-transform:uppercase;  font-size:16px;}
span.p-desc{display:inline; width:300px; float:left;}


/* 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:#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;}