/*  
Theme Name: NWDESIGNS Theme
Theme URI: http://www.nwdesigns.it/
Description: Blog and portfolio theme for NWDESIGNS. Graphics by Nilushana Wijeguneratne. CSS, XHTML and PHP by Lushano Perera.
Version: 1.0
Author: Lushano Perera
Author URI: http://disconnesso.com
*/

/*@font-face {font-family: 'Futura Lt BT Light';src: url('fonts/Futura-lt-bt.ttf');}*/

/** {border: 1px solid black;}*/

/* Common styling */
a {outline: none;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.hiddenMeta {display: none;}

body {background: #061f2f;font-family: "Futura Lt BT Light", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}
.clear {clear: both;}
.main {background: url('images/footer-upper-line.jpg') no-repeat bottom center;}
.middle {width: 940px;margin: 0 auto;}
.blue {background: #0b4062;}
.white {background: url('images/skills-line-background.jpg') repeat-x #fdfdfc;}
a.read-more {background: #0b4062;color: #ffffff;font-size: 10px;padding: 7px 20px 7px 20px;text-decoration: none;text-transform: uppercase;}
a:hover.read-more {background: #035378;color: #ffffff;font-size: 10px;padding: 7px 20px 7px 20px;text-decoration: none;text-transform: uppercase;}
#page-description {color: #ffffff;font-family: "Futura Lt BT Light", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;width: 940px;}
#page-title {display: inline;float: left;width: 470px;}
#page-title h2 {color: #ffffff;font-size: 40px;margin: 30px 0 40px 12px;text-transform: uppercase;}
#page-title h2 a {font-weight: normal;text-decoration: none;}
#page-meta {float:left;width: 458px;}
#page-meta ul {color: #ffffff;font-size: 16px;font-weight: normal;list-style: none;margin: 0;padding: 0;text-align: right;text-transform: lowercase;}
#page-meta ul li a {display: inline;float: right; margin-left: 10px;}
#page-meta ul li a {color: #ffffff;text-decoration: none;}
#page-meta .current-cat {font-weight: normal;text-decoration: underline;}
#page-meta .used-cat {font-weight: normal;text-decoration: underline;}
#page-meta p {font-size: 25px;margin: 40px 0 0 0;text-align: right;text-transform: uppercase;}

/* Header styling */
#top {background: #061f2f;height: 5px;border-bottom: solid #10222d 1px;position: relative;}
#infopanel {color:#fff;position:absolute; top:0; left: 0;z-index: 99;background: #061f2f;border-bottom: solid #10222d 1px;width:100%;font-family: "Futura Lt BT Light", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;font-size: 14px;text-align: left;background: rgba(6,31,47,0.8);display: none;}
#infopanel a {color: #fff; text-decoration: none;}
#infopanel p {display: block;margin: 0 0 10px 0;padding:0 15px;}
#infopanel #description a {font-weight: bold;text-transform: lowercase;}
#infopanel ul {margin:0;padding:0 0 30px 0;list-style:none;}
#infopanel ul li {width: 888px;margin:0 15px;padding:5px 20px 5px 0;line-height: 16px;height:16px;background: url('images/check-icon.jpg') right no-repeat;display: block;border-bottom:1px solid #0b4062;}
#infopanel ul li:last-of-type {border-bottom: none;}
#top #infopanel .middle {padding:45px 15px 0 15px;position: relative;}
#click {position: absolute;bottom: -30px;right: 0;background: #061f2f;color:#fff;text-decoration: none;cursor: pointer;padding: 5px;z-index: 999;-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 0px 0px 10px;
-ms-border-radius: 0px 0px 0px 10px;
-o-border-radius: 0px 0px 0px 10px;
border-radius: 0px 0px 0px 10px;padding:5px 10px 5px 10px;font-size: 18px;font-family: "Futura Lt BT Light", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;display: block!important;}
header {background: #0b4062;height: 97px;border-top: solid #1d4c69 1px;}
header h1 {display: inline;float: left;}
header h1 a {background-image: url('images/nwdesigns-logo.jpg');color: #ffffff;display: block;height: 79px;text-indent: -9999px;width: 218px;}
header ul {display: inline;float: right;list-style: none;margin: 48px 10px 0 0;padding: 0;font-family: "Futura Lt BT Light", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;font-size:14px;text-transform: lowercase;}
header ul li {display: inline;float: left;margin: 0;}
header ul li a {color: #ffffff;padding:48px 22px 29px 22px;text-decoration: none;background: none;
-webkit-transition: background 1s linear;
-moz-transition: background 1s linear;
-ms-transition: background 1s linear;
-o-transition: background 1s linear;
transition: background 1s linear;}
header ul li a:hover {background: url('images/menu-hover.jpg') repeat-x;color: #ffffff;text-decoration: none;
-webkit-transition: background 1s linear;
-moz-transition: background 1s linear;
-ms-transition: background 1s linear;
-o-transition: background 1s linear;
transition: background 1s linear;}
header .current-menu-item a, header .current-cat a, header .current-category-ancestor a {background: url('images/menu-hover.jpg') repeat-x;color: #ffffff;text-decoration: none;}

/* Homepage/Process styling */
#page-image {background: #0b4062;padding: 30px 0 30px 0;}
#page-image img {margin: 0 0 0 9px;width: 922px;height:348px;}
#skills-line-top {background: url('images/skills-line-top.jpg') repeat-x;height: 15px;}
.group-skills {padding: 0 0 30px 12px;width: 918px;text-shadow: 1px 1px #ffffff;}
.group-skills a, .group-skills a:hover {text-shadow: none;}
.skill {color: #555555;display: inline;float: left;font-size: 15px;line-height: 23px;margin: 0 45px 0 0;text-align: left;width: 30%;}
.skill-last {color: #555555;display: inline;float: left;font-size: 15px;line-height: 23px;margin: 0;text-align: left;width: 30%;}
.home .skill {width: 65%;line-height: 23px;}
.home .skill p {margin: 5px 0;}
.home .skill-last {font-size: 14px;}
.skill h2, .skill-last h2 {color: #0b4062;font-family: "Futura Lt BT Light", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;margin: 30px 0 10px 0;padding-top: 10px;font-size: 22px;}
.skill h2 img, .skill-last h2 img {margin-right: 10px;vertical-align: middle;width: 45px;height: 45px;}
.skill-last ul {margin: 0;padding: 0;}
.skill-last ul li {list-style: none;height: 45px;line-height: 45px; height: 45px;}
.skill-last ul li a {text-shadow: 1px 1px #ffffff;text-decoration: none; color: #555555;}
.skill-last ul .list-1 a {color: #555555;}
.skill-last ul .list-1 {border-bottom:1px solid #5c5c5c;border-top:none;}
.skill-last ul .list-2 a {color: #636464;}
.skill-last ul .list-2 {border-bottom:1px solid #6e6e6e;border-top:1px solid #ffffff;}
.skill-last ul .list-3 a {color: #79797a;}
.skill-last ul .list-3 {border-bottom:1px solid #858585;border-top:1px solid #ffffff;}
.skill-last ul .list-4 a {color: #929291;}
.skill-last ul .list-4 {border-bottom:1px solid #9d9e9e;border-top:1px solid #ffffff;}
.skill-last ul .list-5 a {color: #a8a9a9;}
.skill-last ul .list-5 {border-bottom:1px solid #b2b2b3;border-top:1px solid #ffffff;}
.skill-last ul .list-6 a {color: #bbbbbb;}
.skill-last ul .list-6 {border-bottom:1px solid #c1c1c1;border-top:1px solid #ffffff;}
.skill-last ul .list-7 a {color: #c1c1c1;}
.skill-last ul .list-7 {border-bottom:none;border-top:1px solid #ffffff;}
.skill-last ul li a img {border: none;vertical-align: middle;margin-right: 10px;width: 30px;height: 30px;}
.skill-last ul li:first-of-type {border-top:none;height: 28px;line-height: 28px;padding-bottom: 10px;}
.skill-last ul li:last-of-type {border-bottom:none;}
#page-image .middle {position: relative;}
#page-image .fb-like {position: absolute;bottom: 30px;right: 220px;width: 100px;}
#page-image #___plusone_0 {position: absolute;bottom: 30px;right: 130px;width: 100px;}
#page-image .twitter-share-button {position: absolute;bottom: 30px;right: 30px;width: 100px;}
#socialIcons {list-style: none;padding: 0;margin: 35px 0 0 0;}
#socialIcons li {width: 74px;height: 76px;margin: 0;padding: 0;position: relative;text-indent: -99999px;display: inline;float: left;margin: 0 20px 0 0;}
#socialIcons a {display: block;width: 74px;height: 76px;margin: 0;padding: 0;text-indent: -99999px;}
#socialIcons span {display: block;width: 74px;height: 76px;margin: 0;padding: 0;position: absolute;top: 0;left: 0;}
#facebook a {background: url('images/social/facebook_up.png') no-repeat;}
#facebook span {background: url('images/social/facebook_down.png') no-repeat;}
#linkedin a {background: url('images/social/in_up.png') no-repeat;}
#linkedin span {background: url('images/social/in_down.png') no-repeat;}
#twitter a {background: url('images/social/twitter_up.png') no-repeat;}
#twitter span {background: url('images/social/twitter_down.png') no-repeat;}
#forrst a {background: url('images/social/forrst_up.png') no-repeat;}
#forrst span {background: url('images/social/forrst_down.png') no-repeat;}
#skype a {background: url('images/social/skype_up.png') no-repeat;}
#skype span {background: url('images/social/skype_down.png') no-repeat;}
#rss a {background: url('images/social/rss_up.png') no-repeat;}
#rss span {background: url('images/social/rss_down.png') no-repeat;}


/* Portfolio styling */
#portfolio-container {margin: 0 0 0 6px;width: 942px;}
.portfolio-item {color: #ffffff;display: inline;height: 220px;float: left;font-weight: bold;margin: 0;padding: 0;width: 308px;position: relative;
}
.portfolio-item h3 {margin: 0;padding: 0;font-family: "Futura Lt BT Light", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif; }
.portfolio-item h3 a {color: #ffffff;text-decoration: none;position: absolute;bottom: 20px;right: 20px;}
.portfolio-thumbnail {color: #ffffff;height: 220px;overflow: hidden;width: 308px}
.portfolio-thumbnail img {border:none;width: 308px;height: 220px;
}

span.opacity {display: block;width: 308px;height: 220px;position: absolute;top: 0px;left: 0;
-webkit-box-shadow: inset 1px 1px 150px 20px rgba(0, 0, 0, 1);
-moz-box-shadow: inset 1px 1px 150px 20px rgba(0, 0, 0, 1);
-ms-box-shadow: inset 1px 1px 150px 20px rgba(0, 0, 0, 1);
-o-box-shadow: inset 1px 1px 150px 20px rgba(0, 0, 0, 1);
box-shadow: inset 1px 1px 150px 20px rgba(0, 0, 0, 1);
opacity: 1.0;
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-ms-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
cursor: pointer;
}
span.opacity:hover {
opacity: 0;
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-ms-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
}
.item1, .item2, .item4, .item5, .item7, .item8 {border-right: 1px solid #005e81;border-bottom: 1px solid #005e81;}
.item3, .item6 {border-bottom: 1px solid #005e81;}
.item7, .item8 {border-bottom: none;}

/* Blog styling */
.blog-item{background: #066695;padding: 0;margin: 0;}
.blog-item-meta {width: 270px; color: #fff;display: inline;float:left;padding: 30px;}
.blog-item-meta .date {font-size: 26px;text-transform: uppercase;width:90px;margin: 0 0 30px 0;float: left;} 
.blog-item-meta a {color: #fff;text-decoration: none;}
.blog-item-meta .date span {display: block;text-align: center;display: block;width: 90px;}
.blog-item-meta .date span.day {font-size:66px;}
.blog-item-meta .date span.month {font-size:40px;margin:-20px 0;}
.blog-item-meta .date span.year {font-size:76px;margin:-25px 0;}
.blog-item-meta h3 {clear: both;color: #fff;font-size: 26px; text-shadow: 1px 1px 1px #0b4062;font-family: "Futura Lt BT Light", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;margin: 0;padding:0;width: 270px;}
.blog-item-data {background: #f4f4f4;width: 610px; display: inline;float:left;padding-bottom: 30px;}
.blog-item-data .blog-thumbnail {border:8px #ffffff solid;height: 177px;margin: 30px;overflow: hidden;width: 535px;}
.blog-item-data .blog-thumbnail img {width: 535px;text-align: center;}
.blog-item-data p {color: #535243;margin: 0 0 30px 30px;overflow: hidden;text-transform: uppercase;width: 551px;text-shadow: 1px 1px #ffffff;font-size: 12px;}
.blog-item-data .blog-read-more {margin: 30px 0 0 30px;}

/* Navigation pager styling */
#navigation {float: right;margin:0 30px 30px 0;color: #fff!important;word-spacing: 0em;font-size: 1.5em;}
#navigation span, #navigation a {display: inline;margin: 0 0 0 10px ;padding: 0;}
#navigation a {color: #fff;text-decoration: none;}
#navigation a:hover {color: #fff;text-decoration: underline;}

/* Single post/page styling */
#slider {border: 7px solid #fff;width: 542px; display: inline; float:left;}
#slider ul {list-style: none;margin:0;padding:0;}
#slider img {margin:0;padding:0;border:none;}
#post_text {width:332px; display: inline; float:left;margin-left: 36px;}
.post {color: #ffffff;font-size: 14px;padding: 0 0 5px 0;text-align: left;text-shadow: 1px 1px #035378;}
.post img {border: 7px solid #0b4062;}
.post h3 {color: #ffffff;font-size: 1.8em;font-weight: normal;font-family: "Futura Lt BT Light", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;}
.post h3 a {color: #ffffff;font-weight: normal;text-decoration: none;}
.post .date {font-size: 0.7em;font-style: italic;}
.post a {color: #ffffff; font-weight: bold;}
.nivo-controlNav {position:absolute;left:0;bottom: -30px;}
.nivo-controlNav a {display:block;width:10px;height:10px;background:url(http://www.nwdesigns.it/wp-content/themes/nw-theme/js/nivoslider/images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active {background-position:-10px 0;}
.nivo-directionNav a {display:block;width:30px;height:30px;background:url(http://www.nwdesigns.it/wp-content/themes/nw-theme/js/nivoslider/images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}

/* Footer styling */
footer {background: #061f2f;color: #000000;margin: 0;height: 50px;text-align: center;font-family: "Futura Lt BT Light", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;line-height: 50px;font-size: 14px;}
footer ul {display: inline;float: left;list-style: none;margin: 0;padding: 0;text-transform: lowercase;}
footer ul li {display: inline;float: left;margin: 0 15px 0 0;}
footer ul li a {color: #ffffff;text-decoration: none;}
footer p {color: #ffffff;float: right;margin:0;}
footer a {color:#ffffff;text-decoration: none;}
footer a:hover {color:#ffffff!important;}

/* Contact page styling */
.contact_form {display:inline;float:left;width:450px;}
.contact_data {display:inline;float:left;width:450px;margin-left:40px;font-family: "Futura Lt BT Light", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;font-size: 18px;}
.contact_data p {margin-bottom: 10px;}
.contact_data p img {border:none;margin: 0 10px 0 0;}
.contact_data a {text-decoration: none;}
.wpcf7-form p {font-family: "Futura Lt BT Light", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;font-size: 20px;margin-bottom: 15px;}
.wpcf7-form p .wpcf7-form-control-wrap input[type="text"] {border:none;outline: none;border: 1px solid #005e8a;color:#fff;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;margin-top:5px;padding:5px 10px 5px 10px;width:428px;background: transparent;}
.wpcf7-form p .wpcf7-form-control-wrap.your-message textarea {border:none;outline: none;border: 1px solid #005e8a;color:#fff;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;margin-top:5px;padding:5px 10px 5px 10px;width:428px;background: transparent;}
.wpcf7-form p .wpcf7-form-control-wrap.your-message input {border:none;	display:block;background: #061f2f;color:#fff;}
.wpcf7-form #contact_last {width:430px;}
.wpcf7-form #contact_last span {display: inline;float:right;font-size: 12px;text-transform: uppercase;margin-top: 10px;}
.wpcf7-submit {background: url(images/send.jpg) no-repeat;width:150px;height:40px;text-indent: -9999px;border:none;}
.wpcf7-radio {font-size: 0.7em;}

/* Clients page styling */
.sponsorListHolder{margin-bottom:30px;}
.sponsor{width:116px;height:116px;float:left;position:relative;cursor:pointer;}
.sponsorFlip{position:absolute;	left:0;	top:0;width:116px;height:116px;background:url("img/background.jpg") no-repeat center center #f9f9f9;}
.sponsorFlip:hover{-moz-box-shadow:0 0 30px #999 inset;-webkit-box-shadow:0 0 30px #999 inset;box-shadow:0 0 30px #999 inset;}
.sponsorFlip img{position:absolute;top:8px;left:8px;width: 100px;height: 100px;}
.sponsorData{display:none;}
.sponsorDescription{font-size:11px;padding:30px 10px 20px 20px;font-style:italic;}
.sponsorURL{font-size:10px;font-weight:bold;padding-left:20px;}
.sponsorURL a {color: #0b4062;text-decoration: none;}
.viewWorks {margin-top:20px;font-size:9px;font-weight:bold;padding-left:20px;text-transform: uppercase;}
.viewWorks a {color: #0b4062;text-decoration: none;}