/*
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: Calibri, Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; text-align:justify;}

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


/*Typography*/
p{margin:0px 0px 20px 0px; line-height:17px; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:13px; color:#111; letter-spacing:1px; text-align:justify;}
h1{font-size:28px; line-height:normal; font-weight:normal; margin-bottom:8px; color:#333; letter-spacing:2px; }
h2{font-size:21px; line-height:normal; font-weight:normal; margin-bottom:8px; color:#333; text-transform:uppercase; letter-spacing:2px;}
h3{font-size:21px; line-height:normal; font-weight:normal; margin-bottom:8px; color:#333; letter-spacing:2px;}
h4{font-size:16px; line-height:normal; font-weight:normal; margin-bottom:8px; color:#333; letter-spacing:2px; color:#777;}
h5{font-size:19px; line-height:normal; font-weight:normal; margin-bottom:10px; color:#333; text-transform:uppercase; letter-spacing:2px; color: #666;}
h6{font-size:28px; line-height:normal; font-weight:normal; margin-bottom:8px; color:#f90; letter-spacing:2px; }
h7{font-size:28px; line-height:normal; font-weight:normal; margin-bottom:8px; color:#333; letter-spacing:2px; }

h8 {font-size:13px; font-family: Georgia;  line-height:bold; text-align: justify; font-weight:normal; text-style: italic; margin-bottom:8px; color:#777; letter-spacing:2px; }


a{text-decoration:none; color:#ff9900;}
a:hover{color:#ff6600; text-decoration: none; padding-bottom: 1px;}
ul { list-style-type:square; margin:10px 10px 10px 30px; line-height:16px; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:13px; color:#555; letter-spacing:1px;}
ol { list-style-type:decimal; margin:10px 10px 10px 30px;  line-height:16px; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:13px; color:#555; letter-spacing:1px;}





/* ----------------------------------
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{ text-decoration:none; font-size:33px; color:#fff; margin-left:0px;}
.feature-title a:hover{color:#ffcc00;}
.feature-text { float:left;width:600px; padding:0px 30px 20px 30px; }
.feature-text a{ text-decoration :none; font-size:13px; color:#999;  line-height:16px; float:left; margin-bottom:10px;}
.feature-link{}
.feature-text a.featuremore{ color:#ffcc00; float:left; clear:both; display:block; margin-bottom:0px;}
.feature-text a:hover.featuremore{ color:#fff;}
.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: #efefef; color:#efefef; 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;}
.innercontent h6{border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px;}
.innercontent h7{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{text-align: left; margin:0px -20px 0px -20px; padding:0px; width:180px;list-style:none; }
.sidebar-box-wrap-black ul li{text-align: left; 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{text-align: left; margin:0px -20px 0px 0px; padding:0px; width:200px;list-style:none; }
.sidebar-box-wrap-black ul li ul litext-align: left; {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{text-align: left; margin-bottom:20px;}
.sidebar-box-wrap-black ul li.recentcomments{text-align: left; 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:180px;}
.sidebar-box-wrap ul{text-align: left; margin:0px -20px 0px -12px; padding:0px; width:185px;list-style:none; margin-bottom: 10px; }
.sidebar-box-wrap ul li{text-align: left; float:left; padding-left: 5px; display:inline;background:#fff;width:200px; margin-bottom:4px;}
.sidebar-box-wrap ul li a{float:left; display:inline; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; background:#fff; width:190px; border-top:1px solid #eee;}
.sidebar-box-wrap ul li a:hover{ background:#dedede;}
.sidebar-box-wrap ul li ul{text-align: left; 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; }
.sidebar-box-wrap ul li ul li a:hover{background:#222; }
.sidebar-box-wrap p{text-align: left; margin-bottom:20px;}
.sidebar-box-wrap ul li.recentcomments{text-align: left; float:left; clear:both; display:inline; padding:10px 20px 10px 20px; background:#fff; 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{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 a{text-decoration:none;}
#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:#555; color:#fff;}
#navWrap #menu ul li.current_page_item a{background:#fff; color:#f90; font-weight: bold;}
#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: 160px; background:#000; color: #fff; margin:0px; padding:6px 20px; float:left; font-size: 13px;}
#navWrap #menu ul li ul li a:hover{background:#555;}
#navWrap #menu ul li.current_page_item ul li a{background:#fff; color:#f90; font-weight: bold;}
#navWrap #menu ul li.current_page_item ul li a:hover{background:#fff; color:#f90; font-weight: bold;}
#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:#555;}
#navWrap #menu ul ul li.current_page_item ul li a{background:#fff; color:#f90; font-weight: bold;}
#navWrap #menu ul ul li.current_page_item ul li a:hover{background:#fff; color:#f90; font-weight: bold;}

/* 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-box .input {color: red;}


/* 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; height: 170px;}


.blocklist .blocklist-text{margin:0px 0px 20px 0px; line-height:16px; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:13px; color:#555; letter-spacing:1px;}

.blocklist .blocklist-image{display:inline; width:300px; height:120px; float:left; margin:0px; background:#fff; overflow:hidden;}

.blocklist .blocklist-image-lightbox{display:inline;width:300px; height:120px; float: left;  margin:0px; overflow:hidden; }

.blocklist .blocklist-image img, .blocklist .blocklist-image-lightbox img{width:300px; height:120px; }

.blocklist .blocklist-text{display:inline; width:330px; float:left; background:#fff; height:150px;}

.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; color:#f60;}
.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 .blocklist-text .blocklist-exerpt a:hover{color: #555;}


.blocklist a{color:#333; cursor:pointer; text-decoration: none;}
.blocklist blocklist-text:hover a{color:#333;}
.blocklist .blocklist-text:hover{background-image:none; background:#fff;}

/* 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:15px 0px -10px; border-top:1px solid #ddd;}
.post-meta{width:580px; float:left; padding-top:4px;}
.post-comment{ display:inline; font-size: 14px; font-weight: bold;  text-align: right; float:right; background:url(http://www.urban-junction.com/wp-content/images/websiteLayout/comments-icons.png) no-repeat top right;  padding:12px 20px 0px 0px; color:#fff; width:140px; height: 45px; margin: 0;}
.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;}


/* Input Boxes */

input {background-color: whitesmoke; border: 1px solid #ddd; font-family: calibri, arial, sans-serif; font-size: 15px; letter-spacing: 1px; vertical-align: center; color: #666; }

textarea {background-color: whitesmoke; border: 1px solid #ddd; font-family: calibri, arial, sans-serif; font-size: 15px; letter-spacing: 1px; vertical-align: center; color: #f90;}