/*
Theme Name: Phiworx - By Phi
Theme URI: http://wordpress.org/
Description: 
Version: 1.0
Author: Phi - Andreas Wilthil
Author URI: http://www.phiworx.com
*/

/* CSS Document */

@charset "utf-8";
/* CSS Document */

/* GLOBAL STYLES*/
*{border:none;outline:none; }
html,body{font-family:Verdana; color:#d3d3d3;}
html,body{width:100%; /*font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/ font-size:11px;}
/*html { overflow-y: scroll; }*/
/*html { overflow: -moz-scrollbars-vertical; }*/
body{background:url(images/bg-body.gif); margin:0; padding:0;}

/* TYPOGRAPHY */
a{text-decoration:none; color:#d3d3d3; cursor:pointer;}
a:hover{color:#0451ff; text-decoration:underline;}
h2 a{color:#fff;}
h1{color:#ededed; font-size:36px; font-weight:normal; margin-bottom:12px;}
h2{color:#efefef; font-size:18px; text-transform:uppercase; margin:20px 0px 10px; clear:both;}
h3{color:#efefef; font-size:18px;  margin:20px 0px 10px; font-weight:normal;}
h4{color:#efefef; font-size:14px;  margin:20px 0px 10px; font-weight:normal;}
p{line-height:15px; margin:0px 0px 12px 0px;}
blockquote{float:left; clear:both; color:#777; font-style:italic; margin:20px 0px 20px 0px; padding-left:64px; min-height:50px;background:url(images/quote.gif) no-repeat top left;}
pre{ line-height:20px; margin-bottom:20px; max-width:100%;}

ul{margin:2px 20px 20px; padding:0; list-style-type:square; width:auto; display:table; }
ol{margin:2px 20px 20px; padding:0; list-style-type:decimal; width:auto; display:table; }
ul li, ol li{ clear:both; padding:4px 0px; margin:0px; color:#d3d3d3; width:auto; }
ul li a{} q
ul li a:hover, ol li a.hover{color:#fff;  text-decoration:none;}

table{width:100%; border-collapse:collapse; float:left; clear:both; margin:0px 0px 30px 0px;}
table caption{width:100%;  padding:12px 12px; color:#999; font-weight:bold; background:#222;}
table th,table td {padding:12px 12px; border:1px solid #000; text-align:left; color:#999; display:table-cell;}
table tr {background:#111;}
table tr:hover{background:#151515;}
table th {background:#222;}
table a{font-weight:bold; padding:4px 8px; }
table a:hover{color:#999; padding:4px 8px; }



/* -------------------------------------------*/
/* PAGE STRUCTURE */
/* -------------------------------------------*/

/* MAIN STRUCTURE */
#wrapper{background:url(images/bg-canvas.png) repeat-y top center; margin:0px 0px; padding:0px 0px 10px; width:100%; float:left; clear:both; }
#inner-wrap{width:960px; margin:0 auto; clear:both;}
#inner{width:960px; float:left;  clear:both; background-color:#000;}

/* HEADER BAR ABOVE MAIN MENU */
#header{width:960px; height:40px; float:left; clear:both; display:inline; border-top:1px solid #4a4a4a; margin-top:10px; background:url(images/bg-chromeline-full.jpg) no-repeat bottom left;}
#header #info{width:690px; float:left; padding-left:14px; height:30px; padding-top:12px; font-size:18px; color:#ccc;}
#header #search{width:220px; float:left; height:30px; margin-top:4px; clear:none;}
#header #search #s  {width:160px;  background:#111; border:1px solid #4a4a4a; padding:2px; color:#999; font-size:1em; float:left; margin:2px 0px 0px 0px;}

#header #search #s2  {width:39px;  background:#111; border:1px solid #4a4a4a; padding:2px; color:#999; font-size:1em; margin:2px 0px 0px 0px;}
/* 
#header #search #searchsubmit{width:39px; height:26px; display:block; float:left; background:url(images/icon-search2.gif); border:none; margin:2px 0px 0px 2px; cursor:pointer;}
*/
#header #search #searchsubmit{width:39px; height:26px; display:block; float:left; border:none; margin:2px 0px 0px 2px; cursor:pointer;}


/* MAIN MENU */
#nav{width:960px; height:57px; float:left; clear:both; display:inline; background:#222; background:url(images/bg-menu-highlight.gif) repeat-x 0px 1px; border-bottom:1px solid #4a4a4a;}
#logo{width:250px; height:57px;float:left; display:inline;}
#menu{width:680px; padding-right:30px; float:left;display:inline; }
/* Level 1 */
#menu ul {margin:0; padding:0; list-style:none; width:auto; float:right; display:inline;position:relative; z-index:5000; }
#menu ul li{clear:none;float:left; margin-left:10px; padding:0px; border:none; position:relative; } 
#menu ul li a{float:left; padding:23px 20px 2px; height:33px;  text-transform:uppercase; color:#999; font-weight:bold; font-size:100%;}
#menu ul li a:hover{background:url(images/bg-menu-hover.gif) no-repeat bottom center; color:#fff; text-decoration:none;}
#menu ul li.current_page_item a{color:#fff; font-weight:bold;}
/* Level 2 */
#menu ul ul { margin: 0px 0px 0px 10px; padding: 0px; position:absolute; visibility: hidden; width:auto; z-index:2000; background:#4a4a4a;}
#menu ul ul li { float: left; display: inline; font-size:100%; clear:both; margin:-1px 0px 0px 0px; text-transform:none; padding:1px; }
#menu ul ul li a, #menu ul li.current_page_item ul li a{width:220px; background:#000; color:#777; margin:0px; padding:10px 10px 10px;  font-weight:normal; display:inline; height:auto;}
#menu ul ul li a:hover, #menu ul li.current_page_item ul li a:hover {background:#111;padding:10px 10px 10px; height:auto; color:#fff;}

/* Level 3*/
#menu ul ul ul{margin: 0px 0px 0px -1px; padding:0px; position:absolute; visibility: hidden; width:auto; z-index:1000; background:#4a4a4a; border-top:1px solid #4a4a4a;}
#menu ul ul ul li { float: left; display: inline; font-size:100%; clear:both; margin:-1px 0px 0px 0px; text-transform:none; padding:1px; }
#menu ul ul ul li a{ width:220px; background:#000; color:#777; margin:0px; padding:10px 10px 10px;  font-weight:normal; display:inline; height:auto;}
#menu ul ul ul li a:hover{background:#111;padding:10px 10px 10px; height:auto;}


/* BREADCRUMB */
#breadcrumb{width:880px; height:18px; float:left; clear:both; display:inline; background:url(images/bg-chromeline-full.jpg) no-repeat bottom left; padding:8px 30px 6px 50px;}
#breadcrumb ul{margin:0; padding:0; list-style:none; float:left; width:880px;}
#breadcrumb ul li{margin:0px 5px 0px 0px; float:left; display:block; width:auto; clear:none;}
#breadcrumb ul li a {margin:0px 5px 0px 0px; float:left; display:block; width:auto;}

/* FEATURE SLIDESHOW */
#feature{width:960px; height:331px; float:left; clear:both; display:inline; margin-bottom:30px; }
.slideWrap{width:960px; height:331px; margin:0 auto; background:url(images/bg-chromeline-half.jpg) no-repeat left bottom; }
.slide{width:960px; height:330px; display:block; background:url(images/bg-feature-purple.jpg) left top;}
.slide .text{width:330px; height:200px; margin-left:50px; margin-top:50px; float:left; display:inline;}
.slide h1{color:#efefef; margin:0px; font-size:28px; border-bottom:1px solid #000; padding-bottom:10px; width:330px; }
.slide h3{color:#ccc;font-weight:normal; line-height:13px; margin-bottom:2px; font-size:20px;}
.slide p {color:#efefef; border-bottom:1px solid #000; border-top:1px solid #3a0e0f; padding:15px 0px; margin:0px;}
.slide .image{width:480px; height:260px; border:1px solid #333; margin-left:50px; margin-top:30px; float:left; display:inline; background:url(images/bg-feature-image.jpg) no-repeat; padding:3px; overflow:hidden;}
.slide .image .inner{float:left; width:480px; height:260px; overflow:hidden; position:relative; z-index:100; }
.slide .image .inner .overlay{position:absolute; top:0px; right:0px; background:url(images/bg-feature-image-gloss.png) no-repeat; height:260px; width:210px;}

/* Button list feature field and blog*/
ul.post-bt{margin:0; padding:15px 0px; float:left; width:330px;list-style:none; border-top:1px solid #3a0e0f;  border-bottom:1px solid #3a0e0f;}
ul.post-bt li{clear:none;  height:30px; float:left; display:block; padding:0px; margin-right:4px; background:url(images/bg-pager.jpg) repeat-x; }
ul.post-bt li a{background-color:#000;  height:28px; padding:0px; margin:1px; float:left; display:inline-block; text-decoration:none; color:#999; }
ul.post-bt li a:hover{background:#333;}
ul.post-bt li a span{background:url(images/bg-button-highlight.png) repeat-x top left; width:auto; float:left;  padding:8px 14px 0px 14px; text-align:center; text-transform:uppercase; display:block;}

/* PAGE TITLE */
#title-wrap{width:880px; float:left; clear:both; display:inline; padding:0px 30px 0px 50px; background:url(images/bg-titlewrap.jpg);}
#page-title{width:880px; float:left; display:inline; clear:both;}
#page-title h1{font-size:48px; font-weight:normal; margin:30px 0px 20px 0px; float:left; clear:none; color:#fff;}
#page-title h2{font-size:24px; font-weight:normal; margin:48px 0px 20px 20px; float:left; clear:none; color:#fff; text-transform:none;}

/* PAGE SUB NAVIGATION */
#sub-nav{width:870px; float:left; display:inline; clear:both; margin:20px 0px 0px;}

/* PAGE CONTENT */
#content{width:960px; float:left; clear:both; display:inline; background:#141414 url(images/bg-chromeline-half.jpg) no-repeat top left ; padding:0px 0px 0px 0px; }
#content-full{width:960px; float:left; clear:both; display:inline; background:#000 url(images/bg-chromeline-half.jpg) no-repeat top left ; padding:0px 0px 0px 0px; }
#content-two-third{width:560px; float:left; clear:both; display:inline; background:#000 url(images/bg-chromeline-half.jpg) no-repeat top left ; padding:0px 0px 0px 0px; }
#content-three-quarter{width:640px; float:left; clear:both; display:inline; background:#000 url(images/bg-chromeline-half.jpg) no-repeat top left ; padding:0px 0px 0px 0px; }
#content #services{width:880px; padding:0px 30px 0px 50px; display:inline; float:left; clear:both; background:url(images/bg-menu-highlight-half.gif) repeat-x top left;}
#content #widgets{width:880px; padding:20px 30px 20px 50px; display:inline; float:left; clear:both; background:url(images/bg-footer.gif); border-top:1px solid #4a4a4a;}
#content #widgets h2{font-size:14px;}

.sub-nav-wrapper{width:880px; float:left; clear:both; display:inline; background:url(images/bg-chromeline-half.jpg) no-repeat top left; padding:0px 30px 16px 50px;}
.page-content{width:880px; float:left; clear:both; display:inline; background:#080c14 url(images/bg-chromeline-half.jpg) no-repeat top left; padding:40px 30px 16px 50px;}
.page-content img{border:1px solid #4a4a4a; padding:4px; background-color:#111;}

/* POSTS */
.post{width:960px;  float:left; clear:both; display:inline; margin-bottom:55px; background:url(images/bg-feature-purple.jpg); border-bottom:1px solid #4a4a4a; border-top:1px solid #777; padding-bottom:30px; position:relative;}
.post .meta{position:absolute; left:50px; bottom:-40px;height:30px; display:block; }
.post .meta p{color:#777; border:none;}
.post .text{width:330px; margin-left:50px; margin-top:40px; float:left; display:inline;}
.post h1{color:#efefef; margin:0px; font-size:28px; border-bottom:1px solid #000; padding-bottom:10px; width:330px;}
.post h3{color:#ccc;font-weight:normal; line-height:13px; margin-bottom:2px; font-size:20px;}
.post p {color:#efefef; border-bottom:1px solid #000; border-top:1px solid #3a0e0f; padding:15px 0px; margin:0px;}
.post .image{width:480px;  border:1px solid #333; margin-left:50px; margin-top:26px; float:left; display:inline; background:url(images/bg-feature-image.jpg) no-repeat; padding:3px; overflow:hidden;}
.post .image .inner{float:left; width:480px; height:260px;  position:relative; padding:0; border:none; overflow:hidden; }
.post .image .inner .overlay{position:absolute; top:0px; right:0px; background:url(images/bg-feature-image-gloss.png) no-repeat; height:260px; width:210px;}

/* FEATURED ITEM */
.featured-item{width:960px; height:330px; float:left; clear:both; display:inline; background:#000 url(images/bg-feature-purple.jpg) left top; border-bottom:1px solid #4a4a4a; border-top:1px solid #4a4a4a;}
.featured-item .text{width:330px; height:200px; margin-left:50px; margin-top:50px; float:left; display:inline;}
.featured-item h1{color:#fff; margin:0px; font-size:28px; border-bottom:1px solid #000; padding-bottom:10px; width:330px;}
.featured-item h3{color:#fff;font-weight:normal; line-height:13px; margin-bottom:2px; font-size:20px;}
.featured-item p {color:#fff; border-bottom:1px solid #000; border-top:1px solid #3a0e0f; padding:15px 0px; margin:0px;}
.featured-item .image{width:480px; height:260px; margin-left:50px; margin-top:30px; float:left; display:inline; background:url(images/bg-feature-image.jpg) no-repeat; padding:3px; overflow:hidden;}
.featured-item .image .inner{float:left; width:480px; height:260px;  position:relative; padding:0; border:none;  }
.featured-item .image .inner .overlay{position:absolute; top:0px; right:0px; background:url(images/bg-feature-image-gloss.png) no-repeat; height:260px; width:210px;}

#respond{margin:0px 0px; float:left;}
#respond input{background-color:#222; border:1px solid #4a4a4a; padding:6px; color:#999; width:300px; margin-right:20px; }
#respond input:focus, #contact-form textarea:focus {background-color:#333;}
#respond textarea{width:560px; height:200px; background-color:#222; border:1px solid #4a4a4a;padding:10px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:100%}
#respond h2{text-transform:uppercase;}

#comments{float:left; margin-top:40px;}
.commentlist{margin:1px 0px 0px; float:left; list-style:none; padding:0; width:100%;}
.commentlist li{border-bottom:1px solid #4a4a4a; float:left; margin-bottom:10px; width:100%;}
.comment-body{}
.comment-author{float:left; margin: 0px 10px 6px 0px; display:inline; width:50px;}
.comment-author cite{clear:both; font-weight:bold;}
.vcard{float:left; clear:both; padding:0;}
.comment-meta{font-weight:bold; margin-bottom:8px; width:100%;}
.fn{float:left; clear:both; margin:4px 0px 0px 0px;}
.says{display:none;}


/* CONTENT FLOATERS */
.full{width:910px; float:left; clear:both; display:inline; padding:40px 0px 16px 50px; background: url(images/bg-chromeline-half.jpg) no-repeat top left; position:relative;}
.full-content{width:860px; float:left; clear:both; display:inline; padding:30px 50px 16px 50px; background: url(images/bg-chromeline-half.jpg) no-repeat top left; position:relative;}
.full img, .full-content img{border:1px solid #4a4a4a; padding:4px; background-color:#111;  margin:0px 0px 15px 0px;}
.two-third{width:590px; float:left; display:inline;  margin-right:20px; }
.three-fourth{width:640px; float:left; display:inline; margin-right:20px;}
.one-fourth{width:200px; float:left; display:inline;  margin-right:20px;}
.one-third{width:280px; float:left; display:inline;  margin-right:10px; margin-bottom:20px;}
.one-third-last{width:280px; float:left; display:inline; margin:0;}
.one-third-page{width:280px; float:left; display:inline;  margin-right:30px; margin-bottom:20px;}
.one-third-page-last{width:280px; float:left; display:inline; margin:0; margin-bottom:20px;}
#two-col{width:960px; float:left; clear:both; display:inline; background:url(images/bg-sidebar.gif) repeat-y right 10px ; padding:0px; margin:1px 0px}
#two-col img{border:none solid #4a4a4a; padding:0px; background-color:#141414;  margin:0px 0px 0px 0px;}
#content-two-third{width:590px; float:left; display:inline; padding:30px 0px 16px 50px; margin:0px 50px 0px 0px; background:none;}
#sidebar{width:230px; float:left; padding:10px 19px 10px 20px;  margin:1px 0px; border-left:1px solid #4a4a4a;background:#111}


#footer{width:880px; padding:20px 30px 20px 50px; display:inline; float:left; clear:both; background:#000; border-top:1px solid #4a4a4a; }

/* Misc classes */
.chromeline-full{background:url(images/bg-chromeline-full.jpg) no-repeat top left; height:1px; width:960px; display:inline; float:left; clear:both; font-size:0px;}
.chromeline-half{background:url(images/bg-chromeline-half.jpg) no-repeat top left; height:1px; width:960px; display:inline; float:left; clear:both; font-size:0px;}
.clear{clear:both; float:left;}
.fadeimage{background:url(images/zoomer.jpg) no-repeat center center;}
.fadeimage img{margin:0px;}

#content-two-third .right-align{float:right; margin:4px 0px 10px 10px; display:block;}
#content-two-third .left-align{float:left; margin: 4px 10px 10px 0px; display:block;}
#content-two-third .alignright{float:right; margin:4px 0px 10px 10px; display:inline;}
#content-two-third .alignleft{float:left; margin: 4px 10px 10px 0px; display:inline;}
.widgettitle a{color:#fff;}
small{font-size:11px; color:#666;}

.main-image{width:960px; padding:1px 0px; border-top:1px solid #4a4a4a; float:left; clear:both;}
.button {margin-top:8px; display:inline-block;width:auto;float:left;margin-right:4px;background-color:#4d4a36;background:url(images/bg-button-right.gif) no-repeat top right;}
.button span{background:url(images/bg-button-left.gif) no-repeat top left; padding:9px 16px 12px 16px; display: inline-block;text-transform:uppercase;font-weight:bold;font-size:100%;cursor:pointer;color:#ccc;}
.button:hover {color:#ccc; background:url(images/button-right.jpg) no-repeat top right; text-decoration:none}
.button span:hover{background:url(images/button-left.jpg) no-repeat top left; color:#fff;}

#contact-form{margin:10px 0px; float:left;}
#contact-form ul{list-style:none; margin:0;padding:0;}
#contact-form input{background-color:#222; border:1px solid #4a4a4a; padding:6px; color:#999; width:300px; margin-right:20px; }
#contact-form input:focus, #contact-form textarea:focus {background-color:#333;}
#contact-form textarea{width:560px; height:200px; background-color:#222; border:1px solid #4a4a4a;padding:10px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:100%}


/* LISTS AND MENUS */

/* Services row on mainpage */
#services ul{margin:0px 0px 20px; padding:0px; list-style:none; clear:both;float:left;}
#services ul li.icon{width:200px; height:40px; clear:both; float:left; background:url(images/bulb.jpg) center 1px  no-repeat; text-align:center; padding-top:24px;}
#services ul li.icon h2 {margin:0px;}
#services ul li.title{color:#efefef; text-align:center; width:200px;line-height:18px; font-size:14px; text-transform:uppercase; font-weight:bold; float:left; clear:both; margin:15px 0px 25px;}
#services ul li.title a{color:#efefef;}
#services ul li.exerpt{color:#999; float:left; clear:both; text-align:justify; width:200px;}

/* Widgets on bottom of mainpage */
#widgets ul{margin:8px 0px; padding:0; list-style:none; clear:both; width:200px; position:relative;}
#widgets li{ width:200px; float:left; clear:both; padding:2px 0px 6px; margin:2px 0px; border-bottom:1px solid #2a2a2a; color:#d3d3d3;position:relative;}
#widgets li a:hover{color:#0451ff; text-decoration:none;}

/* Sidebar list */
#sidebar ul{margin:0px 0px 30px; padding:0; list-style:none; float:left; clear:both; width:230px; position:relative;}
#sidebar li{ width:230px; float:left; clear:both; padding:2px 0px 6px; margin:2px 0px; border-bottom:1px solid #2a2a2a; color:#d3d3d3;}
#sidebar li a:hover{color:#0451ff;  text-decoration:none;}

/* List in footer (Social media icons) */
#footer ul{margin:0; padding:0; list-style:none; clear:both; }
#footer li{ width:20px; float:left; clear:none; padding:4px 0px;  color:#d3d3d3; overflow:hidden; border:none;}
#footer li a:hover{color:#0451ff;  text-decoration:none; width:200px;}

/* Pager list styles */
#pager{padding:20px 30px 25px 50px; width:880px; float:left; clear:both; display:inline; background:#000 url(images/bg-chromeline-half.jpg) no-repeat; border-bottom:1px solid #4a4a4a;}
#pager ul{margin:0; padding:0; list-style:none; width:800px;}
#pager li{clear:none;width:30px; height:30px; float:left; display:block; padding:0px; margin-right:4px; background:url(images/bg-pager.jpg) no-repeat; }
#pager li a{background-color:#000; width:28px; height:28px; padding:0px; margin:1px;float:left; display:inline-block; text-decoration:none; color:#999;}
#pager li a:hover, #pager li.current a{background-color:#d5b944; color:#efefef; display:inline-block; margin-bottom:0;}
#pager li.current a{background-color:#333; color:#efefef; display:inline-block; margin-bottom:0;}
#pager li a span{background:url(images/bg-button-highlight.png) no-repeat top left; width:30px; height:10px; padding-top:8px; text-align:center; display:block; }
#pager .pages{display:none;}


/* Button list */
ul.bt{margin:0; padding:0; list-style:none; }
ul.bt li{clear:none;  height:30px; float:left; display:block; padding:0px; margin-right:4px; margin-bottom:4px; background:url(images/bg-pager.jpg) repeat-x; }
ul.bt li a{background-color:#000;  height:28px; padding:0px; margin:1px; float:left; display:inline-block; text-decoration:none; color:#999; }
ul.bt li a:hover{background:#333; text-decoration:none;}
ul.bt li a span{background:url(images/bg-button-highlight.png) repeat-x top left; width:auto; float:left;  padding:8px 14px 0px 14px; text-align:center; text-transform:uppercase; display:block;}
ul.bt li.current_page_item a{background:#d5b944; color:#fff;}
ul.bt li ul{display:none;}




/* Calendar */

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

#wp-calendar{width:100%; border-collapse:collapse; float:left; clear:both; margin:0px 0px 30px 0px;}
#wp-calendar caption{width:100%; text-align:center; padding:6px 0px; color:#999; font-weight:bold; background:#222; border:1px solid #000; border-bottom:none;}
#wp-calendar th,#wp-calendar td {padding:2px 0px; border:1px solid #000; text-align:center; color:#ccc;}
#wp-calendar td {background:#111;}
#wp-calendar td:hover{background:#222;}
#wp-calendar th {background:#222;}
#wp-calendar a{font-weight:bold; padding:2px 2px; }
#wp-calendar a:hover{color:#999; padding:2px 2px; }

/*
div.text {
font-family: "Verdana";
font-size: 18px;
}
*/
#lightbox-overlay-text-about {
display:none;
}

.icon {display: none;}

#bx { 
text-align:right;
}