/* CSS Document */

	.clear {
		clear: both;
		height: 0px;
		line-height: 0px;
		margin-bottom: 0px;
	}
	
	.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	

/* Structure */	
	#main {padding-bottom: 150px;}  /* must be same height as the footer */

	body {
		top:0px;
		left:0px;
		margin: 0px;
		padding: 0px;
		background: #fff url('assets/images/bg.jpg') repeat-x top;
		text-decoration: none; 
		color: #000000; 
		font-family: Arial,Sans-Serif;
		font-size: 76%;
	}
	
	html, body, #wrap {height: 100%;}
	
	body > #wrap {height: auto; min-height: 100%;}
	
	#page-main {
		margin: 0px auto;
		height: 100%;
		width: 1000px;
		padding-bottom: 192px;
	}
	
	.page {
		margin: 0px auto;
		height: 100%;
		width: 1000px;
	}
	
	#header{
		width: 1000px;
		height: 48px;
		padding: 12px 0 12px 0;
	}
	
	.logo{
		float: left;
		width: 105px;
		height: 48px;
	}
	
	.navigation{
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(assets/images/nav-bg.png) repeat-x scroll center top;
		float:left;
		height:47px;
		margin:0;
		padding:0;
		width:340px;
	}
	
	.navigation li{
		float:left;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0 15px;
		padding-top:16px;
	}
	
	#navigation-left{
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(assets/images/nav-bg-left.png) repeat-x scroll center top;
		float:left;
		height:47px;
		margin:0 0 0 535px;
		width:10px;
	}
	
	#navigation-right{
		float: left;
		height: 47px;
		width: 10px;
		background:transparent url(assets/images/nav-bg-right.png) repeat-x scroll center top;
		margin:0;
	}
	
	#tabs{
		float: left;
		list-style: none;
		list-style-position:outside;
		list-style-type:none;
		margin: 0px;
		padding: 0 10px 0 0;
		width: 150px;
	}
	
	#tabs li{
		border-bottom:1px dotted #ccc;
		color:#454545;
		float:left;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		padding:10px 0;
		width:100%;
	}	
	
	#tabs li:hover{
		background-color: #f6f6f6;
	}
	
	#content{
		float: left;
		width: 1000px;
		height: 100%;
	}
	
	.container{
		float: left;
		width: 100%;
		height: 100%;
	}
	
	#center{
		float:left;
		height:100%;
		padding:0 10px 0 0;
		width:580px;
	}
	
	#center-wide{
		float:left;
		height:100%;
		padding:0 10px 0 0;
		width:830px;
	}
	
	#stream-container-left{
		float:left;
		height:100%;
		padding:0 10px 0 0;
		width:730px;
	}
	
	#stream{
		float:left;
		height:100%;
		padding:0;
		width:100%;
	}
	
	.item{
		border-bottom:1px dotted #CCCCCC;
		float:left;
		margin-bottom:10px;
		width:100%;
		display: inline;
	}
	
	.item li:hover{
		background-color: #f6f6f6;
	}
	
	.item-img{
		float:left;
		height:54px;
		margin-right:10px;
		margin-bottom: 10px;
		width:55px;
	}

	.item-data{
		float:left;
		margin-bottom:10px;
		width:515px;
	}
	
	.item-text{
		float:left;
		margin-top:5px;
		width:515px;
	}
	
	.item-source{
		float:left;
		margin-top: 8px;
		width:515px;
	}
	
	.item-source-wide{
		float:left;
		margin-top: 8px;
		width:730px;
	}
	
	.item-share{
		float:left;
		margin-top: 8px;
		width:100px;
	}
	
	.img-source{
		float:left;
		height:16px;
		margin-right:5px;
		width:16px;
	}	
	
		.img-source-med{
		float:left;
		height:22px;
		margin-right:5px;
		width:22px;
	}	
	
	.flickrthumb{
		padding-top: 5px;
		padding-right: 5px;
	}
	
	.networks{
		float: left;
		height: 120px;
		width: 188px;
		margin: 0 10px 10px 0;
		background: #fff url('assets/images/network-bg.jpg') repeat-x top;
		border: 1px solid #ccc;
	}
	
	.network-logo{
		float: left;
		margin: 33px 0 0 20px;
	}
	
	.network-text{
		float: left;
		width: 88px;
		margin: 33px 0 0 5px;
	}
	
	#sidebar{
		float: left;
		width: 250px;
		height: 100%;
	}
	
	#footer{
		float: left;
		width: 100%;
		height: 192px;
		background: #fff url('assets/images/footer-bg.jpg') repeat-x top;
	}
	
		#footer {position: relative;
		margin-top: -192px; /* negative value of footer height */
		clear:both;} 
	
	#footer-left{
		float: left;
		width: 600px;
		height: 162px;
	}
	
	#footer-right{
		float:left;
		height:82px;
		padding-top:50px;
		text-align:right;
		width:400px;
	}
	
	#footer-bottom{
		float:left;
		height:30px;
		padding-top:0px;
		text-align:left;
		width:1000px;
	}
	
	#footer-bottom-left{
		float: left;
		width: 600px;
		height: 30px;
	}

	#footer-bottom-right{
		float:left;
		height:28px;
		padding-top:2px;
		text-align:right;
		width:400px;
	}

/* Form */

.texta {  
	background-color: #f1f1f1; 
	border: 1px solid #000000; 
	padding: 5px;
}
input.btn {   
   color:#000000;    
   background-color: #f1f1f1;   
   border:1px solid;   
   border-color: #000000;   	
   padding: 5px;
   padding-right: 10px;
   padding-left: 10px;
}   	
	
/* Footer */

	.foot1, .foot2, .foot3{
		float:left;
		margin:15px 0 0;
		padding-left:0px;
		width:600px;
	}
	
	.foot1 li, .foot2 li, .foot3 li{
		float: left;
		margin-right: 10px;
		list-style: none;
	}
	
	.foot1 a, .foot1 a:hover, .foot1 a:visited{
		color: #ddf1ff;
		font-size:1.3em;
		font-style: normal;
		font-weight: normal;	
	}
	
	.foot2 a, .foot2 a:hover, .foot2 a:visited{
		color: #c5e7ff;
		font-size:1.2em;	
		font-style: normal;
		font-weight: normal;
	}
	
	.foot3 a, .foot3 a:hover, .foot3 a:visited{
		color: #9cd6ff;
		font-size:1.1em;	
		font-style: normal;
		font-weight: normal;
	}

	.foot-titles a, .foot-titles a:hover, .foot-titles a:visited {
		font-weight: bold !important;
	}

/* Status */

	.notification {
		float: left;
		width: 710px;
		height: 100%;
		background-color: #f79393;
		border: 2px #f32f2f solid;
		padding: -8px 10px 0px 10px;
		margin-bottom: 10px;
	}
	
	.notification-nar {
		float: left;
		width: 230px;
		height: 100%;
		background-color: #f79393;
		border: 2px #f32f2f solid;
		padding: -8px 10px 0px 10px;
		margin-bottom: 10px;
	}
	
	.status-container {
		float: left;
		width: 100%;
		height: 40px;
	}
	
	.status-image {
		float: left;
		width: 16px;
		height: 16px;
		padding-right: 4px;
	}
	
	.status-text {
		float: left;
		width: 200px;
		height: 16px;
		padding: 0;
		margin: 0;
	}
	
/* Removes border from all images unless specified in subsequent classes */		
	img {
		border: 0px;
	}	
	
/* Typography */

	p{
		color:#454545;
		font-size:0.95em;
		line-height: 1.5em;
	}
	
	a, a:visited{
		font-weight: bold;
		text-decoration: none;
		font-style: italic;
		color: #454545;
	}
	
	a:hover{
		font-weight: bold;
		text-decoration: underline;
		font-style: italic;
		color: #454545;
	}
	
	.item p{
		margin:0;
	}
	
	.source{
		color:#454545;
		font-size:0.9em;
		font-style:italic;
		margin:5px 0;
	}
	
	.navigation li a, .navigation li a:hover, .navigation li a:visited{
		color: #fff;
		font-style: normal;
	}
	
	.breadcrumb, .breadcrumb a, .breadcrumb a:visited, .breadcrumb a:hover {
		color: #ffffff;
		font-size: 1.3em;
		font-style: normal;
		margin-bottom:0;
	}
	
	.netlink, .netlink a, .netlink a:visited, .netlink a:hover{
		color:#454545;
		font-size:1em;
		font-style:normal;
		font-weight:bold;
		margin:0;
	}
	
	.pale{
		color: #515151;
		font-size: 0.9em;
	}
	
	.white{
		color: #fff;
		font-size: 0.9em;
	}
	
	.white a, .white a:hover, .white a:visited{
		color: #fff;
	}
	
	.copy, .copy a, .copy a:visited, .copy a:hover{
		color:#CCCCCC;
		font-size:0.9em;
		font-style:normal;
		margin-top:5px;
	}

	h1{
		color:#454545;
		font-family:Arial,Helvetica;
		font-size:1.8em;
		letter-spacing:-0.03em;
		margin:5px 0 15px;
	}
	
	h2{
		color:#454545;
		font-family:Arial,Helvetica;
		font-size:1.5em;
		letter-spacing:-0.03em;
		margin:0 0 5px;
	}
	
	
	
	
	
	
	.example-twitter {
	position:relative;
	padding:15px;
	margin:20px 0 0.5em;
	color:#333;
	background:#eee;
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.example-twitter p {font-size:28px; line-height:1.25em;}

/* creates the triangle */
.example-twitter:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	z-index:-1;
	top:-30px;
	left:30px;
	width:0;
	height:0;
	border:15px solid transparent;
	border-bottom-color:#eee;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-twitter + p {padding-left:15px; font:14px Arial, sans-serif;}