* {
	margin:0;
	padding:0;
}
img {
	border:none;
}

html {
	width:100%;
	height:100%;
	background-image: url(images/fading_backgrounds/fading_background_15.png); /*aaffee;*/
	background-repeat:repeat-x;
}
/*For Header 1 have the same color as Background*/
#heading {
		float:left;
		clear:left;
		margin-top:100px;
		margin-left:140px;
}
#heading h1 {
		font:25px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#333;
		color:#666666;
}
body {
	width:1000px;
	height:100%;
	position:relative;
	margin:0 auto;
	font:14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
/*	background-image:url(images/bg.png);
	background-position:top left;
	background-repeat:repeat-y;*/
}
html > body{
height:auto;
min-height:100%;
}
/*Navigation Bar Styling*/
#nav {
	float:right;
	margin-bottom:35px;
	padding:0;	
	list-style-type:none;
}
#nav li {
	margin:0;
	padding:0;
	display:inline;	
}

#nav img{
	float:left;
	border:none;
}
#nav a{
	color:#ffffff;
	background:#7f7f7f;
	padding:10px 25px 5px 25px;
	float:left;
	height:20px;
	width:auto;
	text-decoration:none;
}
#nav li:first-child a {
	background:#aad44e;
}
#nav li:first-child a:hover {
	color:#000000;
}
#nav a:hover {
	color:#000000;
}
/*Style for Logo padding to be added once the logo is finalized*/
#logo {
	float:left;
	border:0;
	margin-bottom:10px;
}
#chirpbird{
	float:left;
	clear:left; /*TODO modify width for both the images */
	margin-top:50px;
	margin-left:50px;
}
#createflash.mainpage {
	float:left;
	width:520px;
	height:270px;
	margin-top:70px;
	margin-left:40px;
	margin-right:20px;
	background-image:url(images/flashcontainer.png);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:10px;
}
#chirpnow {
	float:right;
	margin-right:140px;
	margin-top:10px;
}
.tagarea {
	float:left;
	clear:left;
	margin-top:50px;
	margin-left:120px;
}
.tagarea ul{
	list-style-type:none;
}
.tagarea li{
	display:inline;
	margin-right:85px;
	color:#aad400;
}
.tagarea img {
	margin-right:60px;	border:none;
}
/*Main content box*/
#maincontainer {
	width:800px;
	height:800px;
	position:relative;
	margin:0 auto;
	clear:left;
	background-image:url(images/maincontainer.png);
	background-position:top left;
}
/*Footer CSS*/
#footer ul{
	list-style: none; height:10px;padding-top:10px;text-align:center;margin: auto auto;width:550px;
}
#footer ul li{
	color:#333399; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; 
	padding:0px 6px 0 6px;
	}
#footer ul li a{
	color:#333399; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; 
	text-decoration:none; padding:0 6px 0 6px;margin:0;
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer p.copy{
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;
}
/*Search Results CSS*/
#searchresults {
	width:470px;
	height:195px;
	margin-top:20px;
	margin-left:30px;
	background-color:#e3dbde;
	color:#4d4d4d;
	float:left;
	padding-top:10px;
	padding-left:10px;
	font:16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#resultsbox {
	width:465px;
	margin-left:6px;
	float:left;
	background-color:#f9f9f9;
	height:150px;
	margin-left:-3px;
	margin-top:11px;
}
#resultsbox ul {
	list-style-type:none;
}
#resultsbox ul li #sertitle a {
	float:left;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:5px;
	color:#808080;
	width:290px;
	font:15px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#resultsbox ul li #author {
	float:right;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:5px;
	color:black;
	width:120px;
	text-align:right;
	font:15px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#searchresults h2 {
	font:25px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*CSS for the sidebar*/
#sidebar {
	float:right;
	margin-left:40px;
	margin-right:30px;
	margin-top:50px;
	width:200px;
	border:6px solid #e5d5ff;
	font-size:20px;
	background-color:#f9f9f9;
}

#sidebar .heading {
	float:left
	width:120px;
	height:20px;	
	margin-top:30px;
	margin-left:20px;
	margin-bottom:10px;
}

#sidebar #tags {
	float:left;
	margin-top:10px;
	margin-left:5px;
	width:180px;
}

#sidebar #tags ul {
	list-style-type:none;
}
#sidebar #tags ul a {
	float:left;
	width:120px;
	height:20px;
	margin-left:20px;
	text-decoration:none;	
	border-bottom:1px dashed #666666;
	font:16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
	padding-left:5px;
	padding-top:10px;
	text-align:left;
	margin-bottom:10px;
}

#sidebar #sort {
	float:left;
	margin-top:45px;
	margin-left:5px;
	width:180px;
}

#sidebar #sort ul {
	list-style-type:none;
}
#sidebar #sort ul a {
	float:left;
	width:120px;
	height:20px;
	margin-left:20px;
	text-decoration:none;	
	border-bottom:1px dashed #666666;
	font:16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
	padding-left:5px;
	padding-top:10px;
	text-align:left;
	margin-bottom:10px;
}
/*CSS for directory page*/
#directory {
	width:460px;
	height:700px;
	margin-top:50px;
	margin-left:30px;
	background-color:#fff;
	color:#008080;
	float:left;
	padding-left:10px;
	padding-top:10px;
}
#directory ul{
	list-style-type:none;	
}
#directory li {
	float:left;
	text-align:center;
	margin-right:8px;
}
#directory li a {
	display:inline;
	float:left;
	text-align:center;
	margin-right:8px;
}
#directory h2 {
	font:25px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
#result {
	width:440px;
	float:left;
	background-color:#f9f9f9;
	margin-bottom:10px;
	margin-top:10px;
	border-bottom:thin dashed blue;
	margin-left:5px;
}

#result ul {
	list-style-type:none;
	font-size:12px;
	margin-bottom:3px;
	margin-top:3px;
}
#result li {
	float:none;
	background-color:#f9f9f9;
	border:none;
	text-align:left;
}
#result ul li a {
	font-size:15px;
	color:green;
	text-decoration:none;
	margin-bottom:5px;
	border:none;
	float:none;
	background-color:#f9f9f9;		
}
#result li.authordisplay a {
	font-size:12px;
	color:green;
	text-decoration:none;
	border:none;
	float:none;
	background-color:#f9f9f9;		
}

#pageview {
	float:left;
	width:600px;
	margin-left:40px;
	margin-top:20px;
	height:30px;
	color:#00ff00;
	padding-left:5px;
	padding-bottom:10px;
	clear:both;
}
#pageview ul {
	list-style-type:none;
}
#pageview ul li a {
	float:left;
	margin-top:1px;
	color:#333;
	display:inline;
	margin-right:5px;
	text-align:center;
}
#pageview ul li {
	float:left;
	display:inline;
	margin-top:1px;
	margin-right:8px;
	color:red;
	text-align:center;
}
/*CSS for Create Chirplet*/
#chirpcontent {
	color:#555;
	font-weight:bold;
	margin-top:5px;
	margin-left:40px;
	padding:5px 5px 5px 5px;
	width:450px;height:250px;
}
#title,#char1 {
	margin:10px 40px 10px 40px;
	float:left;
	clear:left;
}
#author,#char2 {
	margin:10px;
	float:left;
}
#checkbox,#button {
	float:left;
	clear:left;
	margin-top:8px;
	margin-left:40px;
}
#createflash {
	float:left;
	width:520px;
	height:270px;
	margin-top:70px;
	margin-left:130px;
	margin-right:20px;
	background-image:url(images/flashcontainer.png);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:10px;
}
#statsloader {
	width:500px;
	margin-left:130px;
	margin-bottom:5px;
	padding:5px 10px;
	border:2px solid #ccffcc;
	float:left;
	clear:left;
	background:#fff;
	color:#222;
}
#statsloader h3 {
	margin-left:10px;
	font:18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;		
}
#statsloader p {
	margin-left:10px;
	margin-top:3px;	
}
#statsloader ul {
	list-style-type:none;	
}
#statsloader li {
	display:inline;
	margin-left:10px;
}
}
#statsload #favit {
	float:left;
	margin-left:10px;
}
#noteforuser {
	width:500px;
	margin-left:50px;
	margin-bottom:5px;
	float:left;
}


#infobar {
	float:right;
	margin-left:40px;
	margin-right:30px;
	margin-top:8px;
	width:200px;
	border:6px solid #e5d5ff;
	font-size:20px;
	background-color:#f9f9f9;
	height:340px;	
}
#infobar h3 {
	font:15px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;		
	margin-left:15px;
	margin-top:15px;
	margin-bottom:15px;
}
#infobar p {
	font:13px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;		
	margin-left:10px;
	margin-bottom:20px;
	margin-right:5px;
	text-align:justify;
	float:left;
	color:#808080;
}
#edit {
	float:left;
	margin-left:120px;
}

#edit #edibutton,#delbutton {
	float:left;
	height:25px;
	width:100px;
	margin-left:10px;
	margin-right:10px;
}
.databox {
	width:520px;
	margin-left:130px;
	border:3px solid #808080;
	float:left;
	clear:left;
	background:#f2f2f2;
	color:#666;
}
.databox h3 {
	font:20px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:10px 10px;
}
.databox p {
	font:16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:5px 10px;
	float:left
}
.databox a {
	font:13px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:none;
}
.databox ul {
	list-style-type:none;
	float:right;
}
.databox li a {
	display:inline;
	font:14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:right;		
}
.databox #codearea {
	background:#ffcccc;
	padding:4px;margin:5px 5px 0 5px;
	height20px;width:400px;
	float:left;
}
.databox #embedselect {
	float:left;
	margin-top:5px;
}
form.tweet{
	margin:5px 5px 5px 10px;
}
form.tweet input.text {
	height:20px;
	padding:2px;
	margin:3px;
	float:left;
	width:140px;
}
form.tweet textarea.hidden{
	float:left;
	background:inherit;
	width:400px;margin:2px;
	height:50px;
	color:#444;
	background:#f9f9f9;
}
form.tweet input.tweetbutton {
	margin:3px 3px 3px 10px;
	width:50px;
	height:50px;
	float:left;
}
#rightbuttons {
	float:left;
	width:90%;
	margin-bottom:10px;
	margin-top:10px;	
	margin-left:15px;
}
#rightbuttons a {
	float:left;
}

#rightbuttons ul {
	float:right;
	list-style-type:none;
}
#rightbuttons li {
	float:left;
	display:inline;
	margin-right:10px;
}
/*
#comm {
	float:left;
	margin-left:130px;
	margin-top:20px;
}
.whitehead{
	color:#555;font-weight:bold;margin-top:10px;
}
#commentcontent{
	background-color:#fff;
	width:400px;height:80px;
}
#commenter p{
	font-weight:bold;
	margin:10px 50px 5px 10px;
	padding-top:10px;
	border-top:2px #ffffcc solid;
}
#commentcontent p{
	margin:5px 50px 15px 20px;padding:5px 5px 5px 5px;
	background-color:#fff;border:1px #ccc solid;
}*/
#statusbox {
	margin-left:200px;
	padding-top:10px;
	width:400px;

}
.grey {
	width:300px;
	margin-top:50px;
	height:30px;
	font:18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:5px;
}
#statusbox #button {
	width:150px;
	height:40px;
	float:left;
	margin-top:20px;
	margin-left:0;
	font:18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#statusbox a {
	float:right;
	font:18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;	
	margin-top:40px;
	margin-right:45px;
}
#statusbox h1 {
	font:28px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#777;
	margin-bottom:5px;
}
#titlehead h1 {
	font:28px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#777;
	padding:50px 50px 20px 100px;
}

#statusbox h2 {
	font:25px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	float:left;
	margin-bottom:10px;
	margin-top:3px;
	clear:left;
	width:130px;
}
.grey1 {
	width:200px;
	height:18px;
	font:16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:5px;
	margin-left:20px;
	margin-bottom:10px;
	float:left;
}
#statusbox #returnmsg {
	font:16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:red;
	margin-bottom:5px;
	float:left;
	clear:both;
	margin-top:10px;	
}
#searchtitle {
	font:26px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:38px;
	padding-top:20px;
	color:#666;
}
.authorname{
	color:#333;font-weight:bold;margin:2px;
	padding-top:10px;
}
.auth{
	color:#333;margin:2px;
	padding-top:10px;float:left;
}

input.checkbox{
	margin:0 3px;
}
input.text{
	color:#333;
	height:25px;width:200px;
}
/*CSS for help*/
#help {
	width:460px;
	margin-top:50px;
	margin-left:30px;
	background-color:#fff;
	color:#008080;
	float:left;
	padding-left:10px;
	padding-top:10px;
}
#help h3 {
	font:22px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	margin-top:10px;
	float:left;
	clear:left;
	color:#666;
}
#help p {
	width:440px;
	float:left;
	clear:left;
	background-color:#f9f9f9;
	color:#333;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:5px;
	padding:10px;
	text-align:justify;
}
#footer{
	border-top:1px solid #ccc;
	padding-top:5px;
}
#favcount, p.fans{
	float:left;
}
#favcount, #favcount input{
	margin-left:5px;
}
#favcount input.nostar{
	background:url(images/star.png) no-repeat;
	width:20px;border:none;
	cursor:pointer;
}
#favcount input.yesstar{
	background:url(images/modstar.png) no-repeat;
	width:20px;border:none;
	cursor:pointer;
}
.small{
	font-size:15px;color:#ccc;
}
/*CSS for directory page*/
#listing {
	width:400px;
	margin-top:10px;
	margin-left:60px;
	background-color:#fff;
	color:#008080;
	float:left;
	padding-left:10px;
	padding-top:10px;
}
#listing ul{
	list-style-type:none;	
}
#listing li {
	float:left;
	text-align:center;
	margin-right:8px;
}
#listing li a {
	display:inline;
	float:left;
	text-align:center;
	margin-right:8px;
}
#listing h2 {
	font:25px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
#listresult {
	width:395px;
	float:left;
	background-color:#f9f9f9;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:5px;
}

#listresult ul {
	list-style-type:none;
	font-size:12px;
	margin-bottom:3px;
	margin-top:3px;
}
#listresult li {
	display:inline;
	float:left;
	background-color:#f9f9f9;
	border:none;
	text-align:left;
	margin-right:20px;
	width:65px;
}
#listresult li.first {
	display:inline;
	float:left;
	background-color:#f9f9f9;
	border:none;
	text-align:left;
	margin-right:20px;
	width:200px;
}

#listresult ul li a {
	font-size:15px;
	color:green;
	text-decoration:none;
	margin-bottom:5px;
	margin-left:0;
	border:none;
	float:none;
	background-color:#f9f9f9;		
}
#usersidebar {
	margin-top:10px;
	margin-left:10px;
	padding-left: 20px;
	padding-top:10px;
	float:left;
	width:250px;
	border-left:2px solid #e5d5ff;
	background-color:#f9f9f9;
}

#sideresult {
	width:250px;
	float:left;
	background-color:#f9f9f9;
	margin-bottom:10px;
	margin-top:5px;
	margin-left:auto;
}

#sideresult ul {
	list-style-type:none;
	margin-bottom:3px;
	margin-top:3px;
	font-size:14px;
	border-bottom:1px dotted #f9f9f9;
}
#sideresult li.first {
	float:none;
	width:180px;
	font-size:14px;
	clear:both;
}
#sideresult li{
	float:left;
	width:50px;
	display:inline;
	background-color:#f9f9f9;
	border:none;
	font-size:12px;
	color:#008080;
	text-align:left;
	margin-right:5px;
	padding-top:5px;
}
#sideresult li.last{
	width:100px;
	float:left;
	padding-top:0px;
}
#sideresult ul li a {
	color:green;
	text-decoration:none;
	margin-bottom:5px;
	margin-left:0;
	border:none;
	float:none;
	background-color:#f9f9f9;		
}
.last a {
	float:left;
	margin:0;
}
.editsubmit{
	float:left; width:100px;padding:2px;
}
#edit input.submit{
	float:left;width:100px;padding:2px;
}
#floater{
	float:left;
}
#edit form{
	float:left;
}