/*
fluffypig.com v2.0 beta

10/04/08


#AFAFAF  #242729

*/

/*
Global Reset 
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul,li {list-style-type:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
a{text-decoration:none;}


body {
	font: 62.5%/1.5 "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	background-color: #000;
	color: #777; }

/* Scroll bar */

html {
	height:100%;
	margin-bottom:1px; }
	
/* LAYOUT */

#container {
	background-color: #000;
	padding: 0 0 3.0em; }
.inner {
	width: 950px;
	margin: 0 auto; }

#main {
	float: right;
	width: 600px;
	 }



/* HEADER */

#header { 
	background: #fff url(images/bg.png) no-repeat top; 
	height: 83px; }

/* NAV */

#sidebar #nav a,#search-subscribe a {
	font: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	border-bottom: none;
	color:#7d7d7d;
	font-size: 3.5em;
	font-weight: bold; }
	
#sidebar #nav a:hover, #search-subscribe a:hover {
	color: #fff;
	background: #000; }

body.index #sidebar #nav #index,
body.archive #sidebar #nav #archive,
body.contact #sidebar #nav #contact,
body.about #sidebar #nav #about {
		color: #fff;
}

/* SIDEBAR */

#sidebar {
	float: left;
	width: 300px; 
	/* margin-right: 50px; */
	 }
#sidebar a#logo {
	background:url(images/logo.png) no-repeat;
	display: block;
	height: 90px;
	text-indent: -99999px;
	width: 300px;
	padding-bottom: 30px;}

#sidebar a, .comment h4 a {
	border-bottom: none; }

#sidebar h1,#sidebar h2,#sidebar h3,#sidebar h4,#sidebar h5,#sidebar h6 {  margin-bottom: 0; line-height: 1.4em; letter-spacing: normal; }



/* FOOTER */

#footer {
	height: 100px;
	text-align: center;
	clear: both;
	background: url(images/footer-bg.png) no-repeat 20% 100% #242729; }

.clear {
	clear:both; }

/* TEXT */

p {
	font-size: 1.4em;
	margin: 0.5em 0; 
	line-height: 1.5em;}

h1,h2,h3,h4,h5,h6 { color: #fff; font-weight: bold; margin-bottom: 0.25em; letter-spacing: -1px; 
	line-height: 1.1em;  }

h1 { 
	font-size: 3.5em; }
h2 {
	font-size: 3em; }
h3 {
	font-size: 2.3em; }
h4 {
	font-size: 1.9em; }
h5 {
	font-size: 1.6em; }
h6 {
	font-size: 1.4em; }	

#main ul, #main ol {
	font-size: 1.4em;
	list-style-position:inside;
	margin-bottom: 1em; }
	
#main ul {  	list-style-type:square;}

div.navigation { font-size: 2.5em;}
 
/* LINKS */	

#sidebar a:link {
	color: #fff;
 }
#sidebar a:visited {   
	color: #fff;
}
#sidebar a:hover {
	background: #fff;
	color: #000; }
#sidebar a:active {  
	color: #000;
	background: #fff; }
	
	a:link,a:visited  {border-bottom:1px dotted #444;color:#aaa}
a:hover,a:active {border-bottom:1px solid #eee;color:#eee}
	
 p#small a { color: #242729; border-bottom: none; }


/* FLICKR 

.flickrtable img {
        border: 3px solid #7d7d7d;      
		margin: 1px;
		padding:0;
		float:left;		
		width: 75px; }
.flickrtable img:hover {
        border: 3px solid #fff; }

.flickrtable p { padding: 0; margin: 0; }
		
		.flickrtable {  width: 300px; float: left; margin-top: 50px; }*/	
	
.post { margin-bottom: 35px; }	
		
.post h1 a { color: #fff; font-weight: bold; border-bottom: none;}

.post h1 a:hover { background: #000; color: #fff; }

.post h1 a:visited { color: #fff; }

p#small { color: #242729; font-size: 1.3em; padding: 0; margin-top: -10px;}

p.postmetadata { background: /* url(images/meta-bg.png)  */ #242729; color: #fff; padding: 2px; clear:both;padding-left: 5px; }

p.postmetadata a { background:none; color: #7d7d7d; border-bottom: none; text-decoration: none; text-decoration: underline; }

p.postmetadata a:hover { text-decoration: underline; color: #fff;}

h2.widgettitle { color: #7D7D7D; font-size: 3.5em; }



li#recent-posts, li#archives, li#flickrrss, li#rss-88517711, li#search, li#twitter-1 { list-style:none; margin-top: 20px; }

 

li#text-187877691 ul li,li#recent-posts ul li,li#recent-posts-2 ul li, li#archives ul li { font-size: 1.4em; list-style: square outside; margin-left: 5px;}

li#rss-88517711 ul li { font-size: 1.3em; list-style: square outside;  margin-left: 5px; }

li#recent-posts ul li a, li#archives ul li a, li#rss-88517711 ul li a {  color:#fff; }

li#recent-posts ul li a:hover, li#archives ul li a:hover, li#rss-88517711 ul li a:hover {  color:#000; }


li#flickrrss { width: 300px; }

#flickrrss img {
        border: 3px solid #7d7d7d;      
		margin: 1px;
		padding:0;	
		width: 75px; }
#flickrrss img:hover {
        border: 3px solid #fff; }

#flickrrss a:hover { 
		border-bottom: none; 
		background: #000; }

#flickrrss h2 { 
		background:url(images/flickr.png) no-repeat; 	
		text-indent: -99999px; }
 #rss-88517711 h2 { 
 		background:url(images/jigsaw-logo.png) no-repeat left; 
		text-indent: -99999px; 
		margin: 30px 0 10px 0;
		height: 50px; }
 

input {
	background-color:#242729;
	border-style:none;
	color:#7D7D7D;
	height:20px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle; }

textarea {
	width: 550px;
	background-color:#242729;
	border-style:none;
	padding-left: 5px;
	padding-right: 5px;
	color:#7D7D7D; }

#searchsubmit { 
	background-color: #242729; 
	border: none; 
	vertical-align: middle; 
	height: 20px; }

#searchsubmit:active { 
	background-color: #383d41;  }

input:focus, textarea:focus {
	background-color: #383d41;
	color: #fff; }
#search-subscribe { 
	margin: 10px 0 50px 0; 
	text-align: right;}

#search-subscribe h3 a { 
	font-size: 1.2em;}

#commentform input { 
	width: 250px; }

input#submit { 
	width: 150px; }



/* Contact Form */	


div.left {
	width: 220px;
	float: left; }
div.right {
	width: 330px;
	height: auto;
	float: right; }
.contact form {
	overflow: hidden; }
.contact form p {
	height: auto; }
div.left input {
	width: 220px;
	padding-left: 5px;
	padding-right: 5px; }
textarea#message {
	width: 330px;
	height: 120px;
	overflow: auto;
	padding: 5px;}
textarea:focus#message {
	background-color: #383d41;
	color: #fff;}
div.left input.button {
	width: 50px;
	height: 25px;}

/* Comments */	

#main ul.comment-list { 
	font-size: 1em; 
	list-style-type: none;
		border-top: 3px solid #AFAFAF;
		margin: 20px 0; 
 }

.comment-info { 
	left:10px;
	padding:0 20px 0 0;
	position:absolute;
	top:10px;
	width:130px;
		}

.comment-body { 
	margin:0 0 0 160px;
	min-height:100px;
	padding:0 10px 0 0;
	 }

li.comment { 
	border-bottom: 3px solid #AFAFAF; 
	padding: 10px 0 10px;
	position: relative;
	list-style-type: none; }
	

h5#comments {  padding: 10px 0 0 10px; }

p.date { font-size: 1.2em; margin-top: -3px; }


ul#contact { font-size: 1.6em; }

li#flickr { list-style-image:url(images/flickr-icon.png); }

li#twitter { list-style-image:url(images/twitter.gif); }

li#facebook { list-style-image: url(images/facebook.gif); }

li#last-fm { list-style-image:url(images/lastfm.png); }


.twitter-item { font-size: 1.4em; color: #fff; padding-bottom: 5px;}

.twitter-timestamp {font-size: 0.8em; color: #777;  }

li#twitter-1 h2 {background:url(images/twitter_logo.png) no-repeat; text-indent: -999px; padding-bottom: 10px; height: 40px;}



.post img.floatleft {
	float: left;
	margin: 0 20px 10px 0; }
.post img.floatright {
	float: right;
	margin: 0 0 10px 20px;
}

.post img.floatright-mid {
	float: right;
	margin: 10px 0 10px 20px;
}

span.line-thru { text-decoration:line-through; }

b#white { color: #fff; }

a#twitter { background: url(images/twitter.gif) no-repeat;  }
a#flickr { background:url(images/flickr-icon.png) no-repeat;  }
a#last-fm { background:url(images/lastfm.png) no-repeat;  }
a#facebook { background:url(images/facebook.gif) no-repeat; }


strong { color: #fff; }

a#twitter, a#flickr, a#last-fm, a#facebook { padding-left: 17px; border-bottom: none; color: #fff; text-decoration: underline; }

a:hover#twitter,a:hover#flickr,a:hover#last-fm,a:hover#facebook  {
	color:#777;
	}
	
.post img { border: 3px solid white; margin: 20px; }

#tv li { font-size: 1.4em; }

table#last { float:left; }

a#facebook-widget { color:  #000000; float: left; margin: 20px 0;}

#facebox a { border-bottom: none; }

.post .comment-list img { margin: 0; border: 1px solid #fff; }

.about img.floatright { border: 3px solid white; float: right; margin-right: 120px; }

.hire-me img.floatright {  border: 3px solid white; float: right; margin-right: 60px; }

#post-26 img { border: none; margin: 20px 0 0 0; }

#post-26 h4 { padding: 15px 0; }

#post-32 h2 { padding-top: 15px; }

div.sociable a { border-bottom: none; }

div.sociable span { font-size: 1.2em; }

/*
div.post iframe { float: left; margin-right: 10px; }

*/
img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;}
div.post ul.content li { margin-bottom: 10px; font-size: 1.2em; list-style-type: circle; }


/*
div.post iframe img { border: none; }

*/
a.flickr { border-bottom: none;  }

#post-38 img { padding: 0; margin: 0; margin-top: 35px; margin-bottom:10px}

.hire-me ul.content li { list-style-type: square; color: #aaa;}

p.code { color: #fff; font-weight: bold; font-family: georgia, times, serif; border: 1px dotted #fff; background: grey; padding-left: 10px; margin: 20px 0;}

#footer p { margin: 0; }

div#appstore a { border-bottom:none;}

div#appstore { padding-bottom: 25px; width: 468px; margin: 0 auto;}

div#post-147 h2 { margin-top: 50px; }

div#post-167 a { border-bottom: none; }

div#post-167 p a { text-decoration: underline; }

a#stumble img{ border: none;}

ul#menu { font-style: italic; font-weight: bold; letter-spacing: 1px; color: #CECECE;}

ul#menu li { margin-bottom: 5px; list-style-type: circle; list-style-position: outside;}

.download { text-align: center; margin: 20px 0;}

.boxee { margin-bottom: 50px; height: 260px;}

div#post-201 h2 { clear: both;}

span.pgee-read-more { display: block; text-align: center; font-size: large; margin: 20px 0;}

#ringtones { clear: both;}

#twitterfollow { margin: 15px 0;}


ul.tags li { display: inline; margin: 0 5px;  }

ul.tags li a { background: #7D7D7D; color: #000; padding: 2px 4px; border-bottom: none; font-weight: bold; /* border: 1px solid #000; */ }
ul.tags li a:hover { background: #fff; color: #000; /* border: 1px solid #7D7D7D; */}

p#subscribeto { font-size: 1.6em; font-weight: bold; color: #e1e1e1; background: #242729; margin:20px 0;
padding:7px 10px; text-align: center; }

.post img.noborder { border: none; margin-top:0;}

#pop1_c strong { color: #000; font-weight: bold;}

#pop1_c input { background: #777; border: 1px solid #000; color: #000;}