/* Overal setup */
* { margin:0; padding:0; }
body { background-color:#000; background-image: url(images/bk.jpg); background-position:center;  background-repeat:no-repeat; background-attachment:fixed; color:#bbb; font:12px/14px  helvetica, arial,Sans-serif;  }
a   { color:#ff990d;text-decoration:none;outline:0; }
a:hover { color:#eee; }
a img { border: none; }
ul, li { list-style: none;margin:0;padding:0; }
h1  { font-size:30px; } 
h2  { font-size:20px; color: #ff990d; line-height: 25px;} 
h3  { font:bold 11px arial,helvatica;color:#bbb;text-transform:capitalize; }
h3 SPAN.slash { font:bold 10px Arial !important; text-transform: lowercase; }
h4  { font-size:14px; color: #ff990d;}
code { font: 11px  "Courier New"; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; }
blockquote { color:#ddd; padding:5px;font: 12px Arial,Sans-serif;line-height:1.4em; }
.left { float:left;margin-top:3px;margin-right:8px; }
.right { float:right;margin-left:8px; }
.clear { clear: both; }
.clear-both { clear: both; }
.pagenavi  { margin: 10px 0; clear: both; }

/* navigation */
.topnav {  }
ul.topnav   { list-style:none;text-align:left;  }
.topnav li   {  float:left;margin: 0; }
.topnav li a  {border-top:1px solid #333; font-weight:bold!important;font:11px arial;outline:none;color:#ddd;text-decoration:none;display:block;padding:5px 15px;text-transform:uppercase; }	
.topnav li a:hover   { color:#ff990d !important; font-weight:bold; border-top:1px solid #ff990d}
.topnav li.rss   { float:right;display:block; width: 60px;background:transparent url(images/rss.png) no-repeat 130% 0; }
.topnav li.rss a { color: #eee; }
.topnav li.rss a:hover   { background: transparent;color:#a0410d !important; }

/* header */
#header { width:950px;margin:0 auto;padding:1em 0 20px 0; }
#header h1 a { display:block;font-size: 42px; margin: 30px 0px 4px 0px; float:left; color: #fff; text-shadow: 2px 2px 2px #000;}
#header h1 a:hover { color: #ff990d; }
#header h2 { clear:both; display:block;font-size: 19px; margin: 10px 0px 0px 0px; float:left; color: #ff990d; text-shadow: 2px 2px 2px #000;}
#main-wrapper { display:block; margin:0 auto;width:950px;padding:10px;text-align:left;background:url(images/px.png); }
.main { width: 490px;margin:0;padding:0px 0px 0px 0px;float:left;overflow: hidden;line-height: 20px !important; }


/* thumnail covers */
.thumb { border: 1px solid #333; background: #222 url(images/thumb.png); display: block; width: 233px; overflow: hidden; height: 150px; margin: 0 10px 10px 0; position: relative; }

.thumb-title { 
margin-bottom:5px;
background:#000;
bottom:0;
right:0;
display:block;
position:absolute;
padding:4px;
filter:alpha(opacity=85);
-moz-opacity:.85;
opacity:0.85; }
.thumb-title:hover { background:#222;}
.thumb-title h2 { margin: 0; line-height: 1.4em; }
.thumb-title h2 a { font:11px Arial,helvetica;display:block;color:#aaa;text-decoration: none;text-transform:capitalize; }
.thumb-title h2 a:hover { color: #fff;}



/* Ancillary */
#ancillary  { margin:0;padding:0;height:0px;}
#ancillary .flickr { padding: 0px 2px; background: #202020 ; overflow: hidden; border-bottom:1px solid #000; border-top:1px solid #ff990d ;}
#ancillary .flickr img  { margin:10px 10px; width:45px;height:45px;display:block;float:left; }
#ancillary .flickr a img  { border:4px solid #eee; }
#ancillary .flickr a:hover img  { border:4px solid #6199dc; }

.post.single { line-height:1.4em; width:485px;padding:3px; }
.post.single h2, .post.single h2 a { font:22px arial,helvetica;letter-spacing:-1px;line-height:1.4em;color:#ddd;text-decoration:none; }
.post.single .postMeta { font:10px Arial;margin-bottom:5px;color:#999; }
.post.single .postMeta span.date { padding:0 2px 0 0; }
.post.single p a,.post.single li a { color:#ff990d; }
.post.single h3 { font-size: 12px;font-weight:bold; color: #999; display:inline; }
.post .entry a:hover img { border-color:#eee; }
.post.single .postMeta span.date a{ color:#999; }

/* twitter */
#twitter #twitter_update_list { color:#999;  padding: 0; font-size:11px; padding-bottom: 0px; line-height: 18px;  border-bottom: #ff990d 1px solid;}
#twitter #twitter_update_list a { color:#666;padding:0;margin:0;display: block;}
#twitter #twitter_update_list a:hover  { color:#999;padding:0;margin:0; }



/* sidebar related */
#sidebarwrapper  { margin:0;padding:0;float:right;color: #999; }
#left-sidebar { color:#ddd;float:left;margin:0;width:200px;padding:5px 5px 5px 10px;background: transparent url(images/opa.png); }
#left-sidebar h3 {padding:3px; background: #ff990d;display: inline; color: #000; }
#left-sidebar a   { color:#aaa; }
#left-sidebar a:hover { color:#fff; }
#left-sidebar p { color:#ddd; }
#left-sidebar ul { list-style:none;margin:8px 0 4px;color: #999; }

.categories { padding: 0; color: #666; }
.categories li { font-size: 11px;padding:3px 2px; float: left;color:#444; width: 48%; display: inline; }
.categories li a { color: #999; text-decoration:none;  }
.categories li a:hover { color:#eee;text-decoration: none; }

.recent-posts { padding: 10px 0; }
.recent-posts ul { margin: 0px; padding: 0; }
.recent-posts li { margin: 0px; padding: 4px 0; list-style-type: none;  }
.recent-posts li a { text-decoration:none; }
.recent-posts li a:hover { text-decoration:none;  }

#twitter_update_list { font-size: 11px; padding: 10px 0; }
#twitter_update_list ul { margin: 0px; padding: 0; }
#twitter_update_list li { margin: 0px; padding: 4px 0; list-style-type: none;  }
#twitter_update_list ul { list-style:none;margin:8px 0 4px; }
#twitter_update_list li { border-bottom: #333 1px solid; }


.delicious { padding: 10px 0; }
.delicious ul { margin: 0; padding: 0; }
.delicious li { margin: 0px; padding: 2px 0; list-style-type: none;  }
.delicious li a { text-decoration:none; }
.delicious li a:hover { text-decoration:none; }

.delicious-posts h2{ display:none;  }

.tags { margin:10px 0;padding:0;line-height:2em; }
.tags a { text-decoration:none;color:#333;font-weight:normal; }
.tags:hover a { color: #666; text-decoration: none; }
.tags:hover a:hover, #sidebar .tags a:hover { color: #eee;text-decoration: none; }




#right-sidebar { color:#ddd;float:left;width:210px;margin:0px 0px 0px 20px;padding:5px;font-size:11px;background: transparent url(images/opa.png); }
#right-sidebar h3 {padding:3px; background: #ff990d;display: inline; color: #000; }
#right-sidebar p { color:#ddd; padding-bottom:10px;}
#right-sidebar a   { color:#999;text-decoration:none; }
#right-sidebar a:hover { color:#fff; }
#right-sidebar ul { list-style:none;margin:8px 0 4px; }
#right-sidebar li { border-bottom: #333 1px solid; }



/* COMMENTS */
h3#comments, h3#respond { font-weight:normal; font-size: 14px;font-family: arial, verdana;letter-spacing:-1px; color:#ddd;padding:5px 0; border-bottom:1px solid #ff990d ;}	
ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist cite { text-transform:none; font-style:normal; }
ol.commentlist li { border-bottom:1px dotted #222; padding:15px 0; }
ol.commentlist h5 { font-size:12px; margin:3px 0; padding:0; }	
ol.commentlist h5 a:link, a:visited { color:#ff990d;}
ol.commentlist h5 a:hover { color:#fff; }
ol.commentlist h5 small { display:block; }	
ol.commentlist li { font-size: 11px; margin: 0; }
ol.commentlist li span.moderate { padding:2px; color:#f30; }

h5 cite {
	color: #ff990d;
}

/* form */
#commentform { margin: 1em 0;}
#author, #email,#url,#comment{font:1em arial,helvetica,verdana,sans-serif;margin: 5px 0;padding:2px;}
.comment-warning strong { color: #999; font-weight: bold; }



/* footer */
#footer { color:#555; font-size:9px;line-height:1.4em; padding:0;margin:0 auto;height:40px;clear:both;width:950px;text-align:right; }
#footer a { font-weight: bold;color:#999;border-bottom:1px solid #333; }
#footer a:hover { color:#eee; }
#footer img { display: none; }
#footer p {
	padding-top: 10px;
}
.entry > p {
padding: 0px 15px 18px 0px;
}
.entry {
border-right: 1px solid #333;
padding: 0px 0px 0px 0px;
margin-left:0px;
}
.entry > p > a > img {
margin:15px 15px 5px 0px;
border: 4px solid #666 !important;
max-width: 465px;
}
.entry > p > img {
max-width: 465px;
border: 4px solid #666 !important;
}

#noie6 {    
float:left;
position:fixed;
bottom:20px;
left:20px;
}

div.cute_profiles_sprite{
float:left;
position:relative !important;
border:0;
margin:0;
padding:0;
}

.entry input {
width:470px;
height: 20px;
line-height: 20px;
padding: 2px;
background: #333;
border: 1px solid #666;
color:#fff;
font-size: 13px;
font-family: arial;
}

.entry textarea {
width:470px;
height: 100px;
line-height: 20px;
padding: 2px;
background: #333;
border: 1px solid #666;
color:#fff;
font-family: arial;
font-size: 13px;
}

input.wpcf7-submit {
padding: 5px;
background-color: #ff990d;
border: 0px;
margin: 10px 0px;
width: 100px;
height: 30px;

}

.comments {
	float:left;
	width: 480px;
}
.commentlist {
	width: 480px;
}

.addcomment {
	width: 450px !important;
	float:right;
}

#comment textarea {
	margin-top: 5px;
	background: #333;
	border:1px solid #666;
color : #fff;
}
#comment input {
	background: #333;
	border:1px solid #666;
color : #fff;
}
span.comments {
	width:auto;
	padding-right: 5px;
}



/* required to avoid jumping */
#commentWrapper { 
float:right;
 
  position: relative;
  margin-left: 0px;
  width: 400px;
}

#comment {
  position: relative;
float:right;
  /* just used to show how to include the margin in the effect */
 margin-top: 0px;
 padding-top: 0px;

}

#comment.fixed {
position: fixed;
top: 0;
margin-left:-55px;
!margin-left:0px !important;
}


.single h2, .single h2 a{
color : #ff990d !important;
}

embed {
	border: 4px solid #666;
	margin: 10px 0px 0px 0px;
}





/* CSS STUFF */

/* Twitter */
.tweet {

	padding : 10px 0px 10px 0px;
	border-bottom: 1px solid #222;
}
.tweettext {
	line-height: 15px;
	font-size: 11px;
}
.tweettext  a {
	color: #666;
}
.tweet .date {
	font-size: 10px;
	color: #666;
}

#twittersync {
	color:#ccc;
	font-size: 10px;
}

blockquote {
	background: #333;
margin: 10px 10px 10px 0px !important; 
padding: 0px 7px 0px 7px!important;
line-height: 19px;
border: 1px solid #666;
}
blockquote p {
	padding: 5px 0px 5px 0px;
}

.quicklink {
	background: #333;
margin: 10px 10px 10px 0px !important; 
padding: 0px 7px 0px 7px!important;
line-height: 19px;
border: 1px solid #666;
}


.tt-wrapper{
	padding: 0;
	width: 350px;
	height: 70px;
	margin: 0px auto 0px auto;
}
.tt-wrapper li{
	float: left;
}
.tt-wrapper li a {
    display: block;
    width: 58px;
    height: 70px;
    margin: 0px;
    outline: none;
	position: relative;
	z-index: 9992;
    background: transparent url('../images/social_icons.png') no-repeat top left;
x    text-indent: -9000px;
}
.tt-wrapper li .tt-gplus{
    background-position: 0px 0px;
}
.tt-wrapper li .tt-twitter{
    background-position: -68px 0px;
}
.tt-wrapper li .tt-dribbble{
    background-position: -136px 0px;
}
.tt-wrapper li .tt-facebook{
    background-position: -204px 0px;
}
.tt-wrapper li .tt-linkedin{
    background-position: -272px 0px;
}
.tt-wrapper li .tt-forrst{
    background-position: -340px 0px;
}
.tt-wrapper li a span{
	width: 70px;
	height: auto;
	padding: 5px;
	left: 50%;
	margin-left: -40px;
	font-family: 'Arial';
	font-weight: bold;
x	font-weight: 400;	
	font-style: italic;
	font-size: 14px;
	color: #ccc;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	border: 2px solid #333;
	background: rgba(0,0,0,0.9);
	text-indent: 0px;
	position: absolute;
	pointer-events: none;
	bottom: 0px;
	opacity: 0;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: rotate(0deg) scale(0);
	-moz-transform: rotate(0deg) scale(0);
	-o-transform: rotate(0deg) scale(0);
	-ms-transform: rotate(0deg) scale(0);
	transform: rotate(0deg) scale(0);

}
.tt-wrapper li a:hover span{
	opacity: 0.9;
	bottom: -20px;
	-webkit-transform: rotate(-15deg) scale(1);
	-moz-transform: rotate(-15deg) scale(1);
	-o-transform: rotate(-15deg) scale(1);
	-ms-transform: rotate(-15deg) scale(1);
	transform: rotate(-15deg) scale(1);
}