/*
	sytle.css
	Copyright 2009 Ali B. (awhitebox.com). All rights reserved.
*/

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,
ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	font-family: inherit;
}

a{
	outline: none;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul{
	list-style: none;
}

q:before,q:after,blockquote:before,blockquote:after{
	content: "";
}

strong{
	font-weight:bold;
}
em{
	font-style: italic;
}
html{min-height:100%;}
body{
	background: #9adafc url(images/gradiant.png) repeat-x scroll 100% 100%;
	color: #333333;
	min-width:885px;
}

#layer-0{
	background: transparent url(images/layer0.png) no-repeat scroll -5% 0;
	min-height:100%;
}

#layer-1{
	background: transparent url(images/layer1.png) repeat-x scroll -25% 100%;
	width:inherit;
	min-height:100%;
}
#layer-2{
	background: transparent url(images/layer2.png) repeat-x scroll 95% 100%;
	width:inherit;
	min-height:100%;
}
#layer-3{
	background: transparent url(images/layer3.png) repeat-x scroll 30% 100%;
	width:inherit;
	min-height:100%;
}
#layer-4{
	background: transparent url(images/layer4.png) no-repeat scroll 680px 100%;
	min-height:100%;
}

#cloud-layer-1{
	background: transparent url(images/clouds_1.png) no-repeat scroll 10% 100px;
	width:inherit;min-height:100%;
}

#cloud-layer-2{
	background: transparent url(images/clouds_2.png) no-repeat scroll 20% 100px;
	width:inherit;min-height:100%;
}

#cloud-layer-3{
	background: transparent url(images/clouds_3.png) no-repeat scroll 40% 100px;
	width:inherit;min-height:100%;
}

#nocleanfeedbadge {
	position:absolute;
	top:0;
	right:0;
	width: 100px;
	height: 100px;
	z-index: 3;
}

#cpanel{
	position: absolute;
	top:7px;
	left: 630px;
	height: 42px;
	z-index:0;
	min-width:22px;
	display:none;
}

#cpanel #button{
	background: transparent url(images/panel_btn.png) no-repeat 0 0;
	height:42px;
	width:22px;
	right:0;
	position:relative;
	float:right;
}

#cpanel #button a{
	display:block;
	height:42px;
	width:22px;	
}
#cpanel #panel{
	background: transparent url(images/panel_bg.png) repeat-x top left;
	height:42px;
	width:0px;
	position:relative;
	float:left;
}

ul.subpanel {
	margin: 5px 5px 0 5px;
	list-style-image:none;
	display:inline;
	float:left;
}

ul.subpanel li{
	height:27px;
	width:27px;
	float:left;
}

ul.subpanel a{
	display:block;
	height:100%;
	width:100%;`
}

ul#auto-list li#auto{
	background: transparent url(images/panel_auto.png) no-repeat top left;
}

ul#auto-list li#auto.active{
	background: transparent url(images/panel_auto_h.png) no-repeat top left;
}

ul#time li#day{
	background: transparent url(images/panel_day.png) no-repeat top left;
}

ul#time li#day.active{
	background: transparent url(images/panel_day_h.png) no-repeat top left;
}

ul#weather li#clear{
	background: transparent url(images/panel_clear.png) no-repeat top left;
}

ul#weather li#clear.active{
	background: transparent url(images/panel_clear_h.png) no-repeat top left;
}

ul#weather li#cloudy{
	background: transparent url(images/panel_cloud.png) no-repeat top left;
}

ul#weather li#cloudy.active{
	background: transparent url(images/panel_cloud_h.png) no-repeat top left;
}

body#four04 #layer-4{
	background: transparent url(images/layer4.png) no-repeat scroll 680px -40%;
}


#main{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-left: 50px;
	position:relative;
	background: transparent url(images/shadow.png) repeat-y scroll 629px 0;
}

#container{
	width: 630px;
	font-size: 13px;
	background: #fafafa;
}

#container > *{

}

hr{
	display:none;
}

a{
	text-decoration: none;
}

h1,h2,h3,h1 a, h2 a, h3 a{
	text-decoration: none;
	font-weight:400;
}

h2,h3,h2 a, h3 a{
	color: #fff;
}

h1, h1 a{
	color: #919191;
	font-size: 34px;
	line-height: 46px;
}

h2{
	font-size: 24px;
}

h3{
	font-size: 22px;
}

#header{
	height: 50px;
	border-left: 5px solid #f6f6f6;
	border-right: 5px solid #f6f6f6;
	border-bottom: 1px solid #ffffff;
}

ul#menu{
	list-style-image: none;
	font-size: 14px;
	float:left;
}

ul#menu li{
	float: left;
	border-right: 1px solid #ffffff;
}

ul#menu li.feedlink{
	border:none;
	background: transparent url(images/feed_icon.png) center 23px no-repeat;
}
ul#menu li.feedlink:hover{
	background: transparent url(images/feed_icon_hover.png) center 23px no-repeat;
}
ul#menu li.feedlink a{
	width:16px;
}

ul#menu li a,ul#menu li a:hover,ul#menu li a:active{
	color: #999999;
	text-decoration: none;
	text-align: center;
	padding: 0 10px;
	display:block;
	line-height: 55px;
	height:51px;
}

ul#menu li a:hover, ul#menu li.active a{
	background: transparent url(images/carrot.png) bottom center no-repeat;
}

#title{
	height: inherit;
	margin-right: 10px;
	float:right;
}

#title h1{
	text-align: right;
}

div.main-header{
	background:	#62ccfc;
	padding: 15px 10px 15px 20px;
	min-height: 52px;
	border-right: 5px solid #63caf8;
	margin-left: -10px;
	position:relative;
}

div.main-header h2{
	line-height: 1em;
	position: relative;
	max-width: 590px;
	color:#fff;
}

p.main-date,p.page-description{
	font-size: 18px;
	color: #f9ffff;
	margin-bottom:4px;
}

p.recently{
	font-size: 20px;
	color: #f9ffff;
	margin-bottom:4px;
}

span.main-comments-count{
	position: absolute;
	background: transparent url(images/star.png) center center no-repeat;
	font-size: 16px;
	padding:0px 10px;
	top:5px;
	right:0px;
}

span.main-comments-count a{
	text-decoration: none;
	text-align: center;
	color: #62ccfc;
	line-height:30px;
}

div.main-content{
	padding: 10px;
	border-left: 5px solid #f6f6f6;
	border-right: 5px solid #f6f6f6;
}

div.main-content h3, div.main-content h4, div.main-content h5{
	letter-spacing: -0.05em;
	color:#777777;
	font-weight: bold !important;
	margin-top:1em;
	margin-bottom:0.3em;
}
div.main-content h3:first-child, div.main-content h4:first-child, div.main-content h5:first-child{
	margin-top:0em;
}

div.main-content h3,h4,h5{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

div.main-content h3{
	font-size: 18px;
}
div.main-content h4{
	font-size: 16px;
}
div.main-content h5{
	font-size: 14px;
}

div.main-content p{
	margin-bottom: 0.5em;
}

div.main-content img{
	border: 5px solid #aaa;
}

div.main-content ul{
	margin-left:1em;
	margin-bottom:1em;
}
div.main-content ul li{
	background: transparent url('images/bullet_2.png') 0 4px no-repeat;
	padding-left: 12px;
	margin-top: 3px;
}
blockquote{
	border-left: 4px solid #62ccfc;
	margin-bottom: 1em;
	margin-left: 1em;
	padding-left: 1em;
	font-style: italic;
}

div.main-content a{
	color: #30bcfc;
}

#meta{
	background:	#62ccfc;
	padding: 15px 0;
	border-right: 5px solid #63caf8;
	color: #fafafa;
	margin-left:-10px;
	padding-left:10px;
	width: 625px;
}

#meta h3{
	margin-bottom:7px;
}

#meta ul{
	font-size: 14px;
}

#meta li{
	background: transparent url('images/bullet.png') 0 3px no-repeat;
	padding-left: 19px;
	margin-bottom: 3px;
}

#meta a{
	text-decoration: underline;
	color: #fafafa;
}

#meta li a{
	text-decoration: none;
	color: #fafafa;
}

#meta a:hover{
	text-decoration: underline;
}

div.meta-module{
	width:186px;
	margin: 0 10px;
	float: left;
}

div.more-module{
	width: 315px;
	float: left;
	border-top: 1px solid #ffffff;
}

div.more-module h2{
	font-size: 22px;
	color: #919191;
	padding: 10px 0 5px 5px;
}

div.more-box{
	height: 185px;
	width: 315px;	
}
div.more-box div{
	padding: 10px 10px;
	height: 149px;
}

div.more-box p{
	color: #484848;
}

div.more-box h3{
	padding: 0 10px;
	font-size: 18px;
	height:35px;
	background: #62ccfc;
	line-height: 35px;
}
div.more-box h3 a{

}

div.more-link{
	height:35px;
}
div.more-link h3{
	font-size: 17px;
	padding: 0 10px;
	height:35px;
	background: #62ccfc;
	line-height: 35px;
	text-align: right;
}
div.more-link h3 a{
	text-align: right;
}

#previously h2{
	border-left: 5px solid #f6f6f6;
	height:32px;
}

#work h2{
	border-right: 5px solid #f6f6f6;
	height:32px;
}

#previously div.more-box{
	/*border-right: 1px solid #ffffff;*/
	
}

#previously div.more-box h3{
	margin-left:-10px;
	padding-left:20px;


}

#previously div.more-box div{
	border-left: 5px solid #f6f6f6;
	padding-left: 10px;
	border-top: 1px solid #ffffff;
}

#work div.more-box{
	width: 313px;
	margin-left:2px;
	border-top:1px solid #4ec8f7;

}

#work div.more-box h3{
	border-right: 5px solid #63caf8;
}

#work div.more-box div{
	border-right: 1px solid #f6f6f6;
	border-top: 1px solid #ffffff;
	padding: 0px;
}

#work div.more-box div img{
	float: right;
}

#work div.more-link{
	width: 313px;
	margin-left:2px;
}

#work div.more-link h3{
	border-top:1px solid #62ccfc;
	border-right: 5px solid #63caf8;

}
#previously div.more-link h3{
	margin-left:-10px;
padding-left:20px;
}

div.left-more-link h3{
	margin-left:-10px;
	padding-left:20px;
}

#footer{
	font-size: 10px;
	color: #c0c0c0;
	border-top: 1px solid #ffffff;
	border-left: 5px solid #f6f6f6;
	border-right: 5px solid #f6f6f6;
	height:40px;
}

#footer p{
	text-align: left;
	margin: 15px 15px 0 15px;
}

#footer a{
	color: #a0a0a0;
}

#footer span.validation{
	margin-left:40px;
}

#footer span.validation img{
	margin-left:5px;
	vertical-align: bottom;
}
.clear{
	clear: both;
}

.hidden{
	display:none;
}

#comments-notification{
	min-height: 25px;
	border-left:5px solid #F6F6F6;
	border-right:5px solid #F6F6F6;
}

#post-comments{
	color: #363636;
}

#post-comments h2{
	color: #919191;
	padding: 20px 0 1px 15px;
	/*border-bottom: 1px solid #ffffff;*/
	border-left:5px solid #F6F6F6;
	border-top:1px solid #FFFFFF;
}
#post-comments div.fold-top{
	margin-top:5px;
}
div.comment{
	padding: 15px 10px 15px 10px;
	border-left: 5px solid #f6f6f6;
	border-right: 5px solid #f6f6f6;
	min-height:60px;
	/*border-bottom: 1px solid #ffffff;*/
}

div.comment.author{
	color: #fafafa;
	background: #62ccfc;
	border-left: none;
	border-right: 5px solid #63caf8;
	border-bottom:none;
	margin-left:-10px;
	padding: 15px 10px 15px 25px;
	min-height: 67px;
}


div.comment div.comment-number{
	width:30px;
	position: absolute;
	text-align: center;
	/*margin-top:5px;*/
}
div.comment div.comment-number a{
	font-size: 70px;
	color:#62ccfc;
	line-height:0em;
	display:block;
	width:100%;
}

div.comment.author div.comment-number a{
	color: #fefefe;
}

div.comment div.gravatar img {
	border: 5px solid #f6f6f6;
}

div.comment div.comment-meta{
	padding-top:5px;
	line-height: 16px;
	margin-left: 60px;
	margin-bottom:3px;
}

span.comment-author, span.comment-author a{
	font-size:18px;
	color: #363636;
	text-decoration: none;
	letter-spacing: -2px;
	color:#62ccfc;
	font-weight: bold;
}


div.comment.author div.comment-meta p{
	color: #fafafa;
}

div.comment.author span.comment-author, div.comment.author span.comment-author a {
	color: #fafafa;
	text-decoration: none;
}

div.comment div.comment-body{
	margin-left: 60px;
}

div.comment div.comment-body  p{
	margin-bottom: 0.5em;
}

div.comment div.comment-body a{
	color: #62ccfc;
	text-decoration: none;
}

div.comment.author div.comment-body a{
	color:#fafafa;
	text-decoration: underline;
}

#comment-form{
	color: #fafafa;
	background: #62ccfc;
	border-right: 5px solid #63caf8;
	padding: 15px 10px 15px 25px;
	margin-left:-10px;
}

#comment-form p{
	margin:4px 0;
}
#comment-form h3{
	margin-bottom:5px;
}
#comment-form a{
	color:#fafafa;
	text-decoration:underline;
}

#comment-form input[type=text], #comment-form textarea{
	background: #fafafa;
	color:#363636;
	border:1px solid #cacaca;
}
#comment-form input[type=text]{
	height:18px;
}

#comment-form input[type=submit]{
	text-align: right;
}

#comment-form textarea{
	width:585px;
	font: inherit;
}

div.fold-bottom{
	background: transparent url(images/fold_bottom.png) top left no-repeat !important;
	margin-left:-10px;
	height:6px;
	border-top:1px solid #30bcfc;
	margin-bottom:-6px;
}

div.fold-top{
	background: transparent url(images/fold_top.png) bottom left no-repeat !important;
	margin-left:-10px;
	height:6px;
	border-bottom:1px solid #30bcfc;
	margin-top:-6px;
}
pre, span.inline-code{
	font-family: "Consolas", "Lucida Console", "Monaco", monospace ;
}

pre{
	border-left: 4px solid #bebebe;
	margin-bottom: 1em;
	margin-left: 1em;
	padding-left:1em;
}

span.inline-code{
	background: #f5fbff;
	padding:0 3px;
}

div#multiple-posts div.post h2{
	background: #62ccfc;
	padding: 10px 0px 10px 20px;
	border-right: 5px solid #63caf8;
	margin-left: -10px;
	position:relative;
}

div#twitter{
	background: url(images/twitter.png) bottom left no-repeat;
	position: absolute;
	left: 635px;
	bottom:926px;
}

div#twitter a{
	color: #28cacc;
}

div#twitter-bubble {
	width:162px;
	height:162px;
	margin-left: 33px;
	background: transparent url(images/bubble.png) bottom left no-repeat;
	padding-top: 15px;
}

p#tweet{
	text-align: justify;
	color: #919191;
	font-size:12px;
	padding:0 0px;
	margin-top:15px;
}

p#tweet-time{
	color: #62ccfc;
	font-size: 9px;
	text-align: center;
	font-style: italic;
	height: 36px;
	padding:0 10px;
}
a#twitter-switch{
	width: 60px;
	height:50px;
	display:block;
}

.sbl{
	height:15px;
	float:left;
	clear:left;
}

.sbr{
	height:15px;
	float:right;
	clear:right;
}

#sb0{
	width: 32px;
	margin-top:15px;
}

#sb2{
	width: 21px;
}

#sb4{
	width: 16px;
}

#sb6{
	width: 17px;
}

#sb8{
	width: 22px;
}

#sb10{
	width: 28px;
}
#sb12{
	width: 34px;
}

#sb14{
	width: 44px;
}




#sb1{
	width: 43px;
	margin-top:15px;
}

#sb3{
	width: 25px;
}

#sb5{
	width: 20px;
}

#sb7{
	width: 17px;
}

#sb9{
	width: 18px;
}

#sb11{
	width: 22px;
}

#sb13{
	width: 28px;
}

#sb15{
	width: 40px;
}


div#search{
	background: url(images/search.png) bottom left no-repeat;
	position: absolute;
	left: 670px;
	bottom: 0;
	width:131px;
	height:112px;
}

form#searchform{
	background:transparent;
}

form#searchform input#search_box{
	background:transparent;
	width:75px;
	border:none !important;
	margin-top:5px;
	padding: 15px 5px 2px 50px;
}

form#searchform input#s:hover{
	/*border: 1px solid #999;*/
}

form#inlinesearchform{
	margin-top:10px;
	margin-left:10px;
}

form#inlinesearchform input#isbtn{
	margin-left:5px;
}


div#noscript_msg{
	border-top: 1px solid #FFDC9F;
	border-bottom: 1px solid #FFDC9F;
	min-height: 20px;
	background: #FFFFCF;
}

div#noscript_msg p{
	font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	text-align: center;
}

.left{
float:left;
}

div.download{
	background: transparent url(images/download.png) top left no-repeat;
	width:205px;
	height:78px;
	margin: 20px 0px 20px 40px;
}
div.download p#download-link{
	width:195px;
	padding-top:15px;
	padding-right:10px;
	text-align:right;
}
div.download p#download-link a{
	color: #fafafa;
	font-weight: bold;
	text-decoration:none;
	font-size:18px;

}

div.download p#download-link a:hover{
	text-decoration:underline;	
}
div.download p#version{
	width:193px;
	padding-right:12px;
	text-align:right;
	color:#fafafa;
	line-height:0;
	
}
div.downloadpsd{
	background: transparent url(images/download2.png) top left no-repeat;
}

div#flickrfeed{
}

div#flickrfeed ul{
	list-style:none;
}

div#flickrfeed li{
	background:none;
	float:left;
	margin:0;
	padding:0;
}
div#flickrfeed img{
	background:none;
	float:left;
	margin:0;
	padding:0;
	border: 5px solid #30bcfc;
	margin: 0 5px 5px 0;
}

div#lastfmfeed{
}

div#lastfmfeed ul{
	list-style:none;
}

div#lastfmfeed li{
	background:none;
	float:left;
	margin:0;
	padding:0;
}
div#lastfmfeed img{
	background:none;
	float:left;
	margin:0;
	padding:0;
	border: 5px solid #30bcfc;
	margin: 0 5px 5px 0;
	height:75px;
	width: 75px;
}

div#clover ul{
	list-style:none;
}

div#clover li{
	background:none;
	float:left;
	margin:0;
	padding:0;
}
div#clover img{
	background:none;
	float:left;
	margin:0;
	padding:0;
	border: 5px solid #30bcfc;
	margin: 0 5px 5px 0;
	height:75px;
	width: 75px;
}

#jambo a{
	color:#fafafa;
	text-decoration:underline;
}

#jambo input[type=text], #jambo textarea{
	background: #fafafa;
	color:#363636;
	border:1px solid #cacaca;
}
#jambo input[type=text]{
	height:18px;
}

#jambo input[name="name"], #jambo input[name="email"]{
	background: url(images/required.png) 240px center no-repeat;
}

#jambo input[type=submit]{
	text-align: right;
}

#jambo textarea{
	width:595px;
	font: inherit;
	background: url(images/required.png) 572px 5px no-repeat;
	height:200px;
}

#jambo form label{
	display: inline-block;
	width:90px;
}

#jambo p.required-note{
	background: url(images/required.png) left center no-repeat;
	padding-left:20px;
}

#jambo p.success{
	background:#bfffa9 url(images/success.png) 5px 5px no-repeat;
	padding: 10px 10px 10px 32px;
	font-size:1.1em;
	/*-moz-border-radius:3px;*/
	/*-webkit-border-radius:3px;*/
}

#jambo div.warning{
	background:#fc8f8f url(images/error.png) 5px 7px no-repeat;
	padding: 10px 10px 10px 32px;
	font-size:1.1em;
	/*-moz-border-radius:3px;*/
	/*-webkit-border-radius:3px;*/
}
span.bookmark_link{
	background:transparent url(images/bookmark_icon.png) top left no-repeat;
	padding-left:17px;	
}
p.sharelink a{
	text-decoration:none;
}
div#comments-notification ul.error{
	background:#fc8f8f url(images/error.png) 5px 7px no-repeat;
	padding: 10px 10px 10px 32px;
	font-size:1.1em;
	color:white;
	margin:20px 10px 10px 10px;
}

div#comments-notification ul.success{
	background:#bfffa9 url(images/success.png) 5px 5px no-repeat;
	padding: 10px 10px 10px 32px;
	font-size:1.1em;
	margin:20px 10px 10px 10px;
}
div.comment-number span{
	overflow:hidden;

}
div.comment-number span canvas{
	max-width:90px;
}
#meta ul.share-icons{
	margin-top:15px;
}
#meta ul.share-icons li{
	background: none;
	margin: 0;
	padding: 0 1px 1px 1px;
	float:left;
}

body#portfolio div.post div.main-content{
	height:202px;
	padding:0;
	border:none;
}
body#portfolio div.post div.main-content img{
	border:none;
}

span.continue-reading{
	display: block;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.03em;
	text-align: left;
	/*width: 100%;*/
}