/*	
Theme Name: NanoIT
Description: A sleek portfolio business theme
Version: 1.0
Author: Darren Huskie, NanoIT
Author URI: http://www.nanoit.co.uk/
*/





/*-----------------------------------------------------
	Reset
-----------------------------------------------------*/

body,ul,ol,h1,h2,h3,h4,h5,h6,form,li,p{margin:0;padding:0;}





/*-----------------------------------------------------
	Structure Layout Mainpage
-----------------------------------------------------*/

body{background:#222;color:#717e8a;font-family:Arial,Helvetica,san-serif;font-size:14px;position:relative;}

.wrapper{display:table;position:relative;width:100%;}

#top{margin:0 auto;position:relative;width:960px;}

img.bordered{background:#fff;border:1px solid #ccc;padding:5px;}

div.one-half{float:left;margin-bottom:20px;margin-right:5%;width:45%;}
div.one-third{float:left;margin-bottom:20px;margin-right:5%;width:29%;}
li.one-third-portfolio{float:left;margin-bottom:20px;margin-right:2%;width:31%;}
div.two-thirds{float:left;margin-bottom:20px;margin-right:5%;width:65%;}
div.one-fourth{float:left;margin-bottom:20px;margin-right:2.5%;width:22%;}
div.last-column{margin-right:0;}


h2#summary{border-bottom:1px solid #ddd;margin-bottom:35px;padding-bottom:10px;width:66.6%;}
h2#summary a{color:#09f !important;}
h2#summary a:hover{color:#c60 !important;}

div#content a{border:none;color:#09f;}
div#content a:hover{border:none;color:#c60;}

div.portfolio_entry h3{font-size:18px;margin:0;margin-bottom:5px;padding:0;}
div.portfolio_entry p{margin-bottom:10px;padding:0;}

#clients{margin-bottom:20px;overflow:hidden;}
#clients img{border:1px solid #ccc;margin-bottom:10px;margin-right:13px;}
#clients .center{float:left;margin-bottom:15px;text-align:center;width:100%;}
#clients .center img{border:none;float:none;margin:0 auto;}


div.center{text-align:center;}


h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#09f !important;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#c60 !important;}


h1,h2,h3,h4,h5,h6{clear:both;color:#424d59;font-weight:normal;line-height:135%;margin:0 0 10px 0;padding:0;}

h1{font-size:24px;font-weight:bold;margin-bottom:15px;}
h2{font-size:18px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}

legend{font-family:Helvetica,sans-serif;font-size:18px;}

.bold{font-weight:bold;}
.italic{font-style:italic;}

.infotext{background:transparent url(images/grid-bg.png);border-bottom:1px solid #ccc;border-top:1px solid #efefef;margin-top:20px;padding:20px 10px;width:940px;}
.infotext h2{margin:0;padding:0;text-align:center;}
.infotext h2 strong{color:#ff9000;}





/*-----------------------------------------------------
	Header
-----------------------------------------------------*/

#head{height:110px;z-index:5;}


#top .logo, .logo a{border:none;display:block;height:70px;left:0;margin:0;overflow:hidden;padding:0;position:absolute;top:25px;width:320px;}
#top .logo a, #top .logo a:hover{border:none;left:0;outline:none;top:0;}
#top .logobg a{text-indent:-9999px;}

#nav{list-style-position:outside;list-style-type:none;margin:0;position:absolute;right:15px;top:30px;z-index:5;}
#nav li{float:left;}
#nav li a{border:none;display:block;float:left;line-height:18px;outline:none;padding:6px 10px;text-decoration:none;width:100px;}
#nav li a strong{display:block;font-size:16px;font-weight:normal;}
#nav li a span{display:block;font-size:10px;}


#nav ul{line-height:50px;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:relative;z-index:5;}
#top #nav ul a{cursor:pointer;font-size:12px;line-height:28px;}
#top #nav li{float:left;margin-top:11px;position:relative;z-index:20;}
#top #nav li li{border-left:none;margin-top:0;}
#top #nav ul{display:none;left:0;position:absolute;top:48px;width:172px;}
#top #nav li ul a{float:left;height:auto;padding:0 10px;text-align:left;width:150px;}

#top #nav ul ul{border-top:none;top:auto;}	
#top #nav li ul ul{left:171px;top:-1px;}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{display:none;}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{display:block;}
#top #nav li ul a{border-top:none;}





/*----- Featured -----*/

#featured,#featured:focus{height:485px;outline:none;overflow:hidden;position:relative;width:960px;}

#featured_image,#featured_image:focus{border:none;height:420px;margin:0 auto;outline:none;overflow:hidden;width:940px;}

object, object:focus{outline:none;}

#featured_image img,#featured_image a img{position:absolute;visibility:hidden;z-index:2;}

#featured #featured_image .current_img, #featured #featured_image .current_img img{visibility:visible;z-index:3;}

.js_active #featured #featured_image .current_img, .js_active #featured #featured_image .current_img img{visibility:hidden;}






/*-----------------------------------------------------
	Content
-----------------------------------------------------*/

#main{margin:0 auto;overflow:hidden;padding-top:40px;position:relative;width:940px;}

#content{background:url(images/colour-bar.png) no-repeat bottom;float:left;margin:0;overflow:hidden;padding:0 0 50px 0;width:610px;}
.fullwidth #content,#frontpage #content{width:940px;}

#content p,#content ul,#content ol,#content table{line-height:150%;margin-bottom:20px;}

#sidebar{float:left;margin-right:50px;overflow:hidden;position:relative;width:280px;}

#sidebar .box{margin:0;padding:0 0 10px 0;}

#sidebar h3{padding:20px 0 4px;}

#sidebar .box a{display:block;line-height:22px;padding:3px 10px;}
#sidebar .box ul ul a{padding:3px 10px 3px 25px;}
#sidebar .box ul ul ul a{padding:3px 10px 3px 40px;}
#sidebar .box ul ul ul ul a{padding:3px 10px 3px 55px;}
#sidebar .box ul ul ul ul ul a{padding:3px 10px 3px 70px;}
#sidebar .box ul ul ul ul ul ul a{padding:3px 10px 3px 85px;}
#sidebar .box ul ul ul ul ul ul ul a{padding:3px 10px 3px 100px;}
#sidebar .box ul ul ul ul ul ul ul ul a{padding:3px 10px 3px 115px;}
#sidebar .box ul ul ul ul ul ul ul ul ul a{padding:3px 10px 3px 130px;}
#sidebar .box ul ul ul ul ul ul ul ul ul ul a{padding:3px 10px 3px 145px;}

.sidebarmenu .current{font-weight:bold;}

.sidebarmenu ul ul,.sidebarmenu .currentli_item ul ul,.sidebarmenu .parentli_item .li_item ul{display:none;}

.sidebarmenu .currentli_item ul,.sidebarmenu .parentli_item ul{display:block;}

.box{float:left;margin-right:50px;overflow:hidden;padding-bottom:50px;position:relative;}

.wrapper .box3{margin:0;}
.wrapper .box_small{width:280px;}
.wrapper .box_mini{margin-right:20px;width:160px;}
.box_small h3{padding:15px 0 4px 0;}

.call-to-action{background:#fffad6;border-bottom:1px solid #edde76;border-top:1px solid #edde76;clear:both;float:left;font-size:18px;height:60px;line-height:60px;margin:0;text-align:center;width:100%;}
.call-to-action a{color:#c60 !important;display:block;height:100%;width:100%;}
.call-to-action a:hover{color:#f60 !important;}




/*----- Sidebar Widgets -----*/

.widget_search #s{border:none;color:#ccc;padding:8px 50px 8px 10px;width:219px;}
#sidebar .widget_search #searchsubmit{border:none;cursor:pointer;display:block;height:33px;outline:none;padding:0;position:absolute;right:0;text-indent:-9999px;top:0;width:36px;}
#main #sidebar .widget_tag_cloud a{background:none;border:none;display:inline;line-height:1.5em;padding:3px;}

div.textwidget h3{font-size:18px;}
div.textwidget p{line-height:150%;}
div.textwidget img{background:#fff;border:1px solid #ccc;padding:4px;}

#main #sidebar .textwidget a{background:none;display:inline;margin:0;padding:0;}
#main #sidebar .rsswidget{background:none;}
#sidebar .rsswidget img{display:none;}
.rss-date, .rssSummary, .widget_rss cite{padding:3px 10px;}
#main #sidebar .box .recentcomments a{background-image:none;border:none;}
#main #sidebar .box .recentcomments{display:block;line-height:22px;padding:3px 10px;}





/*----- Calendar -----*/

#wp-calendar{empty-cells:show;text-align:center;width:100%;}
#wp-calendar a, #wp-calendar a:visited{border:none;display:block;padding:0;text-decoration:none;width:auto;}
#wp-calendar a:hover{display:block;}
#wp-calendar #next a,#wp-calendar #prev a{background:none;border:none;display:block;text-decoration:none;}
#wp-calendar caption{margin-bottom:5px;}





/*----- Blog -----*/

.entry{clear:both;float:left;margin:0;padding:0;width:100%;}
.entry .box{padding-bottom:0;}
.post_data{border-left:none;border-right:none;float:left;font-size:11px;line-height:22px;margin-bottom:17px;padding:3px 1px;position:relative;width:100%;}
.post_data .categories{float:left;}

div.post-text{float:left;margin-right:30px;width:300px;}
.post_data .author{float:right;}

.entry h2,.blogentry h2{padding:5px 0 0 0;}
.blogentry{margin-bottom:35px;}
.blogentry img{max-width:610px;}

.entry .date{height:44px;position:absolute;right:0;text-align:center;top:8px;width:112px;}
.entry .day{display:block;font-size:36px;font-weight:bold;height:40px;left:0;line-height:45px;position:absolute;top:0;width:55px;}
.entry .month{display:block;font-size:18px;left:60px;line-height:1em;position:absolute;text-transform:uppercase;top:6px;width:50px;}
.entry .year{display:block;font-size:14px;font-weight:bold;left:60px;letter-spacing:2px;line-height:1em;position:absolute;top:25px;width:53px;}

.entry a{border:none !important;color:#09f !important;}
.entry a:hover{border:none !important;color:#c60 !important;}





/*----- Pagination -----*/

#top .pagination{clear:both;padding:0 0 60px 0;position:relative;z-index:3;}
#top .pagination span, #top .pagination a{display:block;float:left;font-size:11px;line-height:13px;margin:2px 2px 2px 0;padding:3px 6px;text-decoration:none;width:auto;}
#top .pagination .current{font-size:11px;padding:3px 6px;}





/*-----------------------------------------------------
	Portfolio
-----------------------------------------------------*/

ul#portfolio-filter{border:none;overflow:hidden;margin-bottom:25px;}
ul#portfolio-filter li{background:#ddd;border:none;border-radius:2px;float:left;margin-right:10px;padding:0 5px;width:auto;}
ul#portfolio-filter li.filter{background:transparent;color:#000;font-size:12px;font-weight:bold;margin:0;}
ul#portfolio-filter li a{border:none;font-size:12px;}
ul#portfolio-filter li a.selected{border:1px solid #999;}

ul#portfolio-list{border:none;list-style-type:none;}
ul#portfolio-list li{border:none;margin:0 25px 30px 0;padding:0;text-align:center;width:288px;}

ul#portfolio-list li h3{color:#000;font-size:13px;font-weight:bold;margin:0;padding:5px 0 0 0;width:95%;}
ul#portfolio-list li a img{background:#fff;border:1px solid #ccc;padding:3px;}
ul#portfolio-list li a:hover img{background:#ddd;border:1px solid #ddd;}
ul#portfolio-list li p{font-size:12px;margin:0;}






/*-----------------------------------------------------
	Portfolio Single
-----------------------------------------------------*/

div.image{border:1px solid #ccc;overflow:hidden;}
div.image img{margin:0 !important;}




/*-----------------------------------------------------
	Footer
-----------------------------------------------------*/

#footerwrap, #subpage #footerwrap{background:#f5f5f5;border-top:1px solid #ccc;}
#footer{color:#949da9;font-size:12px;margin:0 auto;padding:25px 0 30px 0;overflow:hidden;width:940px;}
#footer a{border:none;color:#4c5b6a;}

#bottom-nav{border:none;float:left;margin:0 0 20px 0;overflow:hidden;padding:0;width:auto;}
#bottom-nav li{background:none;border:none;float:left;margin:0;padding:0;width:auto;}
#bottom-nav li a{font-weight:bold;margin:0 10px;}
#bottom-nav li:first-child a{margin-left:0;}
#bottom-nav li a:hover{text-decoration:underline;}

#footer p{clear:left;float:left;margin:0;padding:0;width:auto;}

#social{border:none;float:right;width:auto;}
#social li{background:none;border:none;float:left;height:16px;margin:0 7px 0 0;padding:0;width:16px;}
#social li a{border:none;display:block;float:left;height:100%;padding:0;text-indent:-9999px;width:100%;}
#social li.rss a{background:transparent url(images/skin1/rss_16.png) 0 0  no-repeat;}
#social li.facebook a{background:transparent url(images/skin1/facebook_16.png) 0 0  no-repeat;}
#social li.twitter a{background:transparent url(images/skin1/twitter_16.png) 0 0  no-repeat;}
#social li.flickr a{background:transparent url(images/skin1/flickr_16.png) 0 0  no-repeat;}





/*-----------------------------------------------------
	Generic
-----------------------------------------------------*/

.rounded{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

.more-link{background:#98ba41 !important;border:1px solid #ccc !important;border-radius:5px;color:#fff !important;float:left;font-weight:bold;line-height:25px;padding:3px 10px;text-align:center;width:auto;background:-moz-linear-gradient(100% 100% 90deg, #6c9c2c, #98ba41) !important;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#6c9c2c), to(#98ba41)) !important;background:-webkit-linear-gradient(#6c9c2c,#98ba41) !important;background:-o-linear-gradient(#6c9c2c,#98ba41) !important;}
.more-link:hover{background:-moz-linear-gradient(100% 100% 90deg, #98ba41, #6c9c2c) !important;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#98ba41), to(#6c9c2c)) !important;background:-webkit-linear-gradient(#98ba41,#6c9c2c) !important;background:-o-linear-gradient(#98ba41,#6c9c2c) !important;color:#fff !important;}

input, select, textarea{font-family:Arial,Helevtica,san-serif;font-size:13px;outline:none;position:relative;}

.wrapper a{text-decoration:none;}
.wrapper a:hover{text-decoration:none;}

a img, a:hover img{border:none;outline:none;position:relative;text-decoration:none;z-index:2;}

#main img{display:inline;float:left;margin-bottom:5px;}

p{padding:0 0 1em 0;}
ul, ol{margin-bottom:10px;}
ul li{list-style-type:none;padding-left:10px;}
ol li{list-style-position:inside;list-style-type:decimal;}

#top #nav, #top #nav li, #sidebar li, #sidebar ul{background:none;border:none;list-style-type:none;padding:0;}

#sidebar ul, #sidebar ol{margin:0;}
#sidebar li{list-style-type:none;}



#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a{border:none;text-decoration:none;} 
#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{border:none;text-decoration:none;} 

blockquote p{padding:11px 0px;}
blockquote{font-size:12px;font-style:italic;margin:0 0 22px 5px;padding:0 15px;}

.floatleft{float:left;}
.floatright{float:right;}
.clearboth{clear:both;}
.alignleft{float:left;margin:0 15px 15px 0;}
.alignright{float:right;margin:0 0 15px 15px;}
.aligncenter{clear:both;display:block;margin:10px auto;padding:10px 0;}

#top .extra_margin_right{margin-right:50px;}
#top .no_margin_right{margin-right:0;}
#top .wp-smiley{border:none;padding:0;}

.meta{display:block;font-size:11px;line-height:14px;position:relative;top:3px;}

.pp_details .pp_nav a.pp_arrow_previous, .pp_details .pp_nav a.pp_arrow_next{margin-top:8px;}
.pp_details .pp_nav{margin:-3px 0 0;}

.lightbox_video, .lightbox_image{left:0;position:absolute;top:0;z-index:1;}

#top .ie6_lightbox, #footerwrap .ie6_lightbox{border:none;position:relative;}





/*----- Contact Form -----*/

#searchsubmit,#send,#top #submit{cursor:pointer;}

.text_input,.text_area{font-family:Arial,Helevtica,san-serif;font-size:11.5px;padding:4px;width:200px;}
#send, #submit{font-family:Arial,Helevtica,san-serif;font-size:11.5px;}

.hidden{display:none;}

#commentform{padding-bottom:20px;}

fieldset{border:none;margin:0;overflow:hidden;padding:0;}
fieldset label{color:#000;font-weight:bold;}

form.wpcf7-form{}
input.wpcf7-text{border:1px solid #ccc;font-size:14px;padding:5px;}
select.wpcf7-select{border:1px solid #ccc;font-size:14px;padding:5px;width:200px;}
form.wpcf7-form textarea{border:1px solid #ccc;font-size:14px;padding:5px;}

.blocklabel{display:block;padding:10px 0 0 0;}

#top .text_area{width:600px;}




/*----- Comments -----*/

#top .comment-edit-link, #top .comment-meta a{border:none;}

.commentlist{float:left;margin-bottom:20px;width:100%;}

#top .commentlist #comment{width:70%;}

.commentlist li{clear:both;float:left;list-style-type:none;padding:20px 0 0 0;position:relative;width:100%;}
.commentlist .children, .commentlist .children li{border:none;}

.gravatar{float:left;padding:0px 10px;text-align:center;width:60px;}
.gravatar img{display:block;padding:5px;}

.comment_content{float:left;padding-bottom:20px;width:524px;}
.commentmetadata{float:right;padding-right:10px;}

.commentmetadata a, .comment-edit-link, .comment-reply-link{font-size:10px;text-decoration:none;}

#top .comment-reply-link{border:none;}

.comment-edit-link{padding-left:10px;}

.says{display:none;}

.author_name{font-size:15px;font-style:normal;font-weight:bold;float:left;}

.comment_text{clear:both;}

.comment-reply-link{display:block;text-align:center;}

.commentlist #respond{padding-left:80px;}

#cancel-comment-reply-link{font-size:10px;margin-left:15px;text-decoration:none;}

.commentlist .children{padding:0 0 0 70px;}

.commentlist .children li .comment_content{width:454px;}
.commentlist .children .children li .comment_content{width:384px;}
.commentlist .children .children .children li .comment_content{width:314px;}
.commentlist .children .children .children .children li .comment_content{width:244px;}
.commentlist .children .children .children .children .children li .comment_content{padding:0;}

.comment_nav{font-size:10px;position:relative;top:-13px;z-index:4;}
.comment_nav a{text-decoration:none;}
.comment_prev{float:left;}
.comment_next{float:right;}




/*----- Skin -----*/


.wrapper{background:#fff url(images/skin1/bg.png) repeat-x left top;}
#subpage .wrapper{background:#fff url(images/skin1/bg.png) repeat-x 0 -370px;}

#top .logobg a{background:transparent url(images/skin1/logo.png) no-repeat left top;}
#nav li a{border-left:1px solid #484848;color:#aaa;}
#nav .currentli_item a, #nav li a:hover{color:#fff;}
#top #nav li ul a{background:#222;border:1px solid #484848;border-top:none;color:#aaa;}
#top #nav li ul a:hover{background:#262626;color:#fff;}
#top #nav li ul{border-top:1px solid #484848;}

#featured{background:transparent url(images/skin1/shadow.jpg) no-repeat scroll 0px 368px;}

#sidebar h3, #sidebar #searchform{border-bottom:1px solid #d6d6d6;}
ul{border-top:1px solid #d6d6d6;}
blockquote{border-left:5px solid #d6d6d6;}

#sidebar .box a, #main #sidebar .box .recentcomments, ul li{background:transparent url(images/skin1/bullet_orange.png) no-repeat scroll 0px 10px;border-bottom:1px solid #d6d6d6;}
#sidebar .box ul ul a{background:transparent url(images/skin1/bullet_black.png) no-repeat scroll 15px center;}
#sidebar .box ul ul ul a{background:transparent url(images/skin1/bullet_black.png) no-repeat scroll 30px center;}
#sidebar .box ul ul ul ul a{background:transparent url(images/skin1/bullet_black.png) no-repeat scroll 45px center;}
#sidebar .box ul ul ul ul ul a{background:transparent url(images/skin1/bullet_black.png) no-repeat scroll 60px center;}
#sidebar .box ul ul ul ul ul ul a{background:transparent url(images/skin1/bullet_black.png) no-repeat scroll 75px center;}
#sidebar .box ul ul ul ul ul ul ul a{background:transparent url(images/skin1/bullet_black.png) no-repeat scroll 90px center;}
#sidebar .box ul ul ul ul ul ul ul ul a{background:transparent url(images/skin1/bullet_black.png) no-repeat scroll 105px center;}
#sidebar .box ul ul ul ul ul ul ul ul ul a{background:transparent url(images/skin1/bullet_black.png) no-repeat scroll 120px center;}

.post_data{border:1px solid #d6d6d6;border-left:none;border-right:none;}
.entry .date{color:#8d8d8d;}
.entry .day{border-right:1px solid #cacaca;}

#top .pagination span, #top .pagination a{border:1px solid #666;}
#top .pagination a:hover{border:1px solid #ff9000;}
#top .pagination .current{background:#666;border:1px solid #222;color:#fff;}

.more-link{background:transparent url(images/skin1/bullet_orange.png) no-repeat scroll right 15px;}

input,select,textarea{color:#777;}

.wrapper a,#main #sidebar .textwidget a{border-bottom:1px solid #ff9000;color:#777;}
.wrapper a:hover{border-bottom: 1px solid #666;color:#ff9000;}

#top h1 a,#top h2 a,#top h3 a,#top h4 a,#top h5 a,#top h6 a{color:#222;} 
#top h1 a:hover,#top h2 a:hover,#top h3 a:hover,#top h4 a:hover,#top h5 a:hover,#top h6 a:hover{color:#555;} 

.lightbox_video,.lightbox_image{background:transparent url(images/skin1/video.png) no-repeat center center;}
#top .lightbox_image{background:transparent url(images/skin1/magnify.png) no-repeat center center;}

.gravatar img{background:#fff;border:1px solid #d6d6d6;}
.commententry .odd{background:#f8f8f8;}
.commententry .even{background:#fff;}

.text_input, .text_area{border:1px solid #d6d6d6;}
#send, #submit{background:#222;border:1px solid #d6d6d6;color:#fff;}
#submit:hover, #send:hover{background:#eee;color:#222;}

.valid .text_input,.valid .text_area{border:1px solid #70a41b;}
.error .text_input,.error .text_area{border:1px solid #ff9000;}
.ajax_alert .text_input,.ajax_alert .text_area{border:1px solid #ffb628;}





/*----- End of File -----*/