/*
Site Name: Sffarlenn.net
Site URI: http://Sffarlenn.net
Description: A design & proofreading blog run by Laneth Sffarlenn.
Version: 1
Author: Laneth Sffarlenn
Author URI: http://Sffarlenn.net
*/

/* RESET STYLES */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0; 
	border: 0;
	outline: 0;
	font-size: 100%;
	text-decoration: none;
}
html {
	overflow-y: scroll;	
}
body {
	background: url(img/bg.jpg) repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}
ol, ul {
	list-style: none;
}
a {
	color: #ffffff;
}
.clear {
	clear: both;
}
#clear {
	clear: both;
	height: 30px;
}
/* end RESET STYLES */

#container {
	color: #A2A2A2;
	padding-top: 20px;
}
	#containerTweets {
		color: #A2A2A2;
		padding-top: 10px;
	}

#wrap {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}
	#wrapTweets {
		margin-left: auto;
		margin-right: auto;
		width: 900px;
	}

#left {
	text-align: center;
	width: 45%;
}
	#leftIndex {
		float: left;
		margin-right: 35px;
		overflow: visible;
		text-align: center;
		width: 45%;	
	}
	#left p, #leftIndex p {
		margin-top: 25px;
		text-align: left;	
	}
		#leftIndex p {
			font-size: 11px;
		}
	#left a.title, #leftIndex a.title {
		background: url(img/SffLogo.png) no-repeat;
		display: block;
		height: 84px;
		text-indent: -9999px;
		width: 559px;
	}

		#left a.twitter, #leftIndex a.twitter {
			background: url(img/twitter.png) no-repeat;
			display: block;
			float: left;
			height: 50px;
			margin-right: 5px;
			text-indent: -9999px;
			width: 50px;
		}
			#left a.twitter2, #leftIndex a.twitter2 {
				background: url(img/twits.png) no-repeat;
				display: block;
				float: left;
				height: 50px;
				margin-right: 5px;
				text-indent: -9999px;
				width: 50px;
			}
		#left a.facebook, #leftIndex a.facebook {
			background: url(img/facebook.png) no-repeat;
			display: block;
			float: left;
			height: 50px;
			margin-right: 5px;
			text-indent: -9999px;
			width: 50px;
		}
		#left a.email, #leftIndex a.email {
			background: url(img/email.png) no-repeat;
			display: block;
			float: left;
			height: 50px;
			margin-right: 5px;
			text-indent: -9999px;
			width: 50px;
		}
		#left a.wordpress, #leftIndex a.wordpress {
			background: url(img/wordpress.png) no-repeat;
			display: block;
			float: left;
			height: 50px;
			margin-right: 5px;
			text-indent: -9999px;
			width: 50px;
		}

#right {
	padding-top: 105px;
	text-align: center;
}
	#right p {
		margin-bottom: 25px;
	}
	#right a {
		color: #ffffff;	
	}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-top: 15px;	
}
p.header {
	margin: 5px 0px;	
}
	p.subHeader {
		font-size: 11px;
		font-style: italic;
		margin: 5px 0px;
	}

.tweetCols {
	background: rgba(124, 124, 124, 0.1);
	border: 1px solid rgba(124, 124, 124, 0.05);
		border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-khtml-border-radius: 10px;
	float: left;
	height: 310px;
	margin-right: 15px;
	margin-top: 25px;
	padding: 10px;
	width: 260px;
}

/* TWITTER CSS */
	.tweet { 
		background: rgba(124, 124, 124, 0.15);
		border: 1px solid rgba(124, 124, 124, 0.1);
			border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-khtml-border-radius: 10px;
		margin-bottom: 25px;
		padding: 10px;
	}
	#twitter {
		background: rgba(124, 124, 124, 0.1);
		border: 1px solid rgba(124, 124, 124, 0.05);
			border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-khtml-border-radius: 10px;
		color: #A2A2A2;
		float: left;
		height: 260px;
		margin-left: 395px;
		margin-right: 15px;
		padding: 20px;
		width: 350px;
	}
		#twitter h3 {
			font-size: 16px;
			margin-bottom: 15px;
		}
	
	#twitter a { 
		color: #5ca36b; 
	}

		/* TWITTER SUB-CONTROLS */
		
		.tweetCols h2 {
			font-size: 14px;
			margin-bottom: 15px;
		}
		.tweetCols p.said {
			
		}
		/* TRIPPING WORDS */
		#tw-icon {
			background: url(img/tw-icon.jpg) no-repeat;
			float: left;
			height: 73px;
			margin-bottom: 25px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 73px;
		}
			#twitter-tw {
				color: #A2A2A2;
			}
				#twitter-tw a { 
					color: #5ca36b; 
				}

					/* DESIGN INFORMER */
					#di-icon {
						background: url(img/di-icon.jpg) no-repeat;
						float: left;
						height: 73px;
						margin-bottom: 25px;
						margin-right: 10px;
						text-indent: -9999px;
						width: 73px;
					}
						#twitter-di {
							color: #A2A2A2;
						}
							#twitter-di a { 
								color: #5ca36b; 
							}
			
		/* SMASHING MAGAZINE */
		#sm-icon {
			background: url(img/sm-icon.jpg) no-repeat;
			float: left;
			height: 73px;
			margin-bottom: 25px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 73px;
		}
			#twitter-sm {
				color: #A2A2A2;
			}
				#twitter-sm a { 
					color: #5ca36b; 
				}
				
					/* NETTUTS */
					#nettuts-icon {
						background: url(img/nettuts-icon.png) no-repeat;
						float: left;
						height: 73px;
						margin-bottom: 25px;
						margin-right: 10px;
						text-indent: -9999px;
						width: 73px;
					}
						#twitter-nettuts {
							color: #A2A2A2;
						}
							#twitter-nettuts a { 
								color: #5ca36b; 
							}

		/* THEMEFOREST */
		#tf-icon {
			background: url(img/tf-icon.png) no-repeat;
			float: left;
			height: 73px;
			margin-bottom: 25px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 73px;
		}
			#twitter-tf {
				color: #A2A2A2;
			}
				#twitter-tf a { 
					color: #5ca36b; 
				}

					/* CSS-TRICKS */
					#csstricks-icon {
						background: url(img/csstricks-icon.jpg) no-repeat;
						float: left;
						height: 73px;
						margin-bottom: 25px;
						margin-right: 10px;
						text-indent: -9999px;
						width: 73px;
					}
						#twitter-csstricks {
							color: #A2A2A2;
						}
							#twitter-csstricks a { 
								color: #5ca36b; 
							}

		/* NALDZ GRAPHICS */
		#naldz-icon {
			background: url(img/naldz-icon.png) no-repeat;
			float: left;
			height: 73px;
			margin-bottom: 25px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 73px;
		}
			#twitter-naldz {
				color: #A2A2A2;
			}
				#twitter-naldz a { 
					color: #5ca36b; 
				}

					/* BRAIN HOURS */
					#bh-icon {
						background: url(img/bh-icon.jpg) no-repeat;
						float: left;
						height: 73px;
						margin-bottom: 25px;
						margin-right: 10px;
						text-indent: -9999px;
						width: 73px;
					}
						#twitter-bh {
							color: #A2A2A2;
						}
							#twitter-bh a { 
								color: #5ca36b; 
							}

		/* WEB DESIGNER DEPOT */
		#wdd-icon {
			background: url(img/wdd-icon.jpg) no-repeat;
			float: left;
			height: 73px;
			margin-bottom: 25px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 73px;
		}
			#twitter-wdd {
				color: #A2A2A2;
			}
				#twitter-wdd a { 
					color: #5ca36b; 
				}

		/* CSSKARMA */
		#csskarma-icon {
			background: url(img/csskarma-icon.jpg) no-repeat;
			float: left;
			height: 73px;
			margin-bottom: 25px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 73px;
		}
			#twitter-csskarma {
				color: #A2A2A2;
			}
				#twitter-csskarma a { 
					color: #5ca36b; 
				}

					/* SITEPOINT HOURS */
					#sp-icon {
						background: url(img/sp-icon.png) no-repeat;
						float: left;
						height: 73px;
						margin-bottom: 25px;
						margin-right: 10px;
						text-indent: -9999px;
						width: 73px;
					}
						#twitter-sp {
							color: #A2A2A2;
						}
							#twitter-sp a { 
								color: #5ca36b; 
							}

		/* BRENELZ */
		#brenelz-icon {
			background: url(img/brenelz-icon.jpg) no-repeat;
			float: left;
			height: 73px;
			margin-bottom: 25px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 73px;
		}
			#twitter-brenelz {
				color: #A2A2A2;
			}
				#twitter-brenelz a { 
					color: #5ca36b; 
				}

		/* SENTIENCE */
		#sentience-icon {
			background: url(img/sentience-icon.jpg) no-repeat;
			float: left;
			height: 73px;
			margin-bottom: 25px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 73px;
		}
			#twitter-sentience {
				color: #A2A2A2;
			}
				#twitter-sentience a { 
					color: #5ca36b; 
				}

					/* RAENA */
					#raena-icon {
						background: url(img/raena-icon.png) no-repeat;
						float: left;
						height: 73px;
						margin-bottom: 25px;
						margin-right: 10px;
						text-indent: -9999px;
						width: 73px;
					}
						#twitter-raena {
							color: #A2A2A2;
						}
							#twitter-raena a { 
								color: #5ca36b; 
							}

		/* BRENDON SINCLAIR */
		#brendonsinclair-icon {
			background: url(img/brendonsinclair-icon.jpg) no-repeat;
			float: left;
			height: 73px;
			margin-bottom: 25px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 73px;
		}
			#twitter-brendonsinclair {
				color: #A2A2A2;
			}
				#twitter-brendonsinclair a { 
					color: #5ca36b; 
				}

		/* MASHABLE */
		#mashable-icon {
			background: url(img/mashable-icon.png) no-repeat;
			float: left;
			height: 73px;
			margin-bottom: 25px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 73px;
		}
			#twitter-mashable {
				color: #A2A2A2;
			}
				#twitter-mashable a { 
					color: #5ca36b; 
				}

					/* ANTHILL MAGAZINE */
					#ah-icon {
						background: url(img/ah-icon.png) no-repeat;
						float: left;
						height: 73px;
						margin-bottom: 25px;
						margin-right: 10px;
						text-indent: -9999px;
						width: 73px;
					}
						#twitter-ah {
							color: #A2A2A2;
						}
							#twitter-ah a { 
								color: #5ca36b; 
							}

		/* ZOMGINDIE */
		#zi-icon {
			background: url(img/zi-icon.png) no-repeat;
			float: left;
			height: 73px;
			margin-bottom: 25px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 73px;
		}
			#twitter-zi {
				color: #A2A2A2;
			}
				#twitter-zi a { 
					color: #5ca36b; 
				}

		/* 99 Designs */
		#nine-icon {
			background: url(http://i71.photobucket.com/albums/i146/Laneth_Shadow-Walker/avatars/99-icon.jpg) no-repeat;
			float: left;
			height: 73px;
			margin-bottom: 25px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 73px;
		}
			#twitter-nine {
				color: #A2A2A2;
			}
				#twitter-nine a { 
					color: #5ca36b; 
				}

					/* CAMPAIGN MONITOR */
					#cm-icon {
						background: url(img/cm-icon.gif) no-repeat;
						float: left;
						height: 73px;
						margin-bottom: 25px;
						margin-right: 10px;
						text-indent: -9999px;
						width: 73px;
					}
						#twitter-cm {
							color: #A2A2A2;
						}
							#twitter-cm a { 
								color: #5ca36b; 
							}

		/* FREELOADED */
		#fl-icon {
			background: url(img/fl-icon.jpg) no-repeat;
			float: left;
			height: 73px;
			margin-bottom: 25px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 73px;
		}
			#twitter-fl {
				color: #A2A2A2;
			}
				#twitter-fl a { 
					color: #5ca36b; 
				}