/*  
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
*/

/* CSS browser reset */
@import url(http://disconnesso.com/cssreset/reset-min.css);

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

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

/* Common styling */
body {background: #061f2f;}
.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", "Helvetica Neue", Arial, Helvetica, sans-serif;width: 940px;}
#page-title {display: inline;float: left;width: 470px;}
#page-title h2 {color: #ffffff;font-size: 70px;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: 30px;margin: 40px 0 0 0;text-align: right;text-transform: uppercase;}

/* Header styling */
#top {background: #061f2f;height: 1px;border-bottom: solid #10222d 1px;}
#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: 45px 10px 0 0;padding: 0;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;font-size:14px;text-transform: lowercase;}
#header ul li {display: inline;float: left;margin: 0;}
#header ul li a {color: #ffffff;padding:45px 22px 29px 22px;text-decoration: none;}
#header ul li a:hover {background: url('images/menu-hover.jpg') repeat-x;color: #ffffff;text-decoration: none;}
#header .current_page_item a,#header .current-cat a, #header .current-cat-parent 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;}
#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: 14px;line-height: 22px;margin: 0 45px 0 0;text-align: justify;width: 30%;}
.skill-last {color: #555555;display: inline;float: left;font-size: 14px;line-height: 22px;margin: 0;text-align: justify;width: 30%;}
.skill h2, .skill-last h2 {color: #0b4062;font-family: "Futura Lt BT Light", "Helvetica Neue", Arial, Helvetica, sans-serif;margin: 30px 0 10px 0;padding-top: 10px;}
.skill h2 img, .skill-last h2 img {margin-right: 10px;vertical-align: middle;}
.skill-last ul {margin: 0;padding: 3px 0 0 0;}
.skill-last ul li {list-style: none;border-bottom:1px solid #555555;border-top:1px solid #ffffff;height: 40px;line-height: 40px;}
.skill-last ul li:first-of-type {border-top: none;padding-top:0;padding-bottom:15px;height:auto;line-height: normal;}
.skill-last ul li:last-of-type {border-bottom: none;padding-bottom:0;padding-top:15px;height:auto;line-height: normal;}
.skill-last ul li a {text-shadow: 1px 1px #ffffff;text-decoration: none; color: #555555;}

/* Portfolio styling */
#portfolio-container {margin: 0 0 0 8px;width: 940px;}
.portfolio-item {color: #ffffff;display: inline;height: 200px;float: left;font-weight: bold;margin: 0 16px 38px 16px;width: 276px;}
.portfolio-item h3 {margin: 0 0 5px 0;padding: 0;font-family: "Futura Lt BT Light", "Helvetica Neue", Arial, Helvetica, sans-serif;}
.portfolio-item h3 a {color: #0575ad;text-decoration: none;}
.portfolio-thumbnail {border: 8px solid #ffffff;color: #ffffff;height: 187px;overflow: hidden;width: 260px;}
.portfolio-thumbnail:hover{border:8px solid #fff;-moz-box-shadow:0 0 30px #999 inset;-webkit-box-shadow:0 0 30px #999 inset;box-shadow:0 0 30px #999 inset;}
.portfolio-thumbnail img {border:none;width: 260px;}

/* 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;text-align: center;width:90px;} 
.blog-item-meta a {color: #fff;text-decoration: none;}
.blog-item-meta .date span {display: block;}
.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 {color: #fff;font-size: 26px; text-shadow: 1px 1px 1px #0b4062;font-family: "Futura Lt BT Light", "Helvetica Neue", Arial, Helvetica, sans-serif;margin: 0;padding:0;}
.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;}

/* Single post/page styling */
#slider {border: 7px solid white;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: justify;text-shadow: 1px 1px #035378;}
.post img {border: 7px solid white;}
.post h3 {color: #ffffff;font-size: 1.8em;font-weight: normal;}
.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;}
#footer ul {display: inline;float: left;font-size: 14px;list-style: none;margin: 0;padding: 0;text-transform: lowercase;}
#footer ul li {display: inline;float: left;margin: 15px 15px 0 0;}
#footer ul li a {color: #ffffff;text-decoration: none;}
#footer p {color: #ffffff;float: right;margin: 18px 0 0 0;}
#footer p  a {color:#ffffff;text-decoration: none;}

/* Contact page styling */
.contact_form {display:inline;float:left;}
.contact_data {display:inline;float:left;margin-left:90px;font-family: "Futura Lt BT Light", "Helvetica Neue", Arial, Helvetica, sans-serif;font-size: 20px;}
.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", "Helvetica Neue", Arial, Helvetica, sans-serif;font-size: 20px;margin-bottom: 15px;}
.wpcf7-form p .wpcf7-form-control-wrap input {border:none;outline: none;background: #061f2f;color:#fff;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;margin-top:5px;padding:5px 10px 5px 10px;width:430px;}
.wpcf7-form p .wpcf7-form-control-wrap.your-message textarea {border:none;outline: none;background: #061f2f;color:#fff;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;margin-top:5px;padding:5px 10px 5px 10px;width:430px;}
.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;}

/* Clients page styling */
.sponsorListHolder{margin-bottom:30px;}
.sponsor{width:180px;height:180px;float:left;margin:4px;position:relative;cursor:pointer;}
.sponsorFlip{position:absolute;	left:0;	top:0;width:164px;height:164px;background:url("img/background.jpg") no-repeat center center #f9f9f9;border:8px solid #fff;}
.sponsorFlip:hover{border:8px solid #fff;-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:50%;left:50%;margin:-70px 0 0 -70px;}
.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;}