/*TODO : DIVIDE CSS INTO 
	
	text.css
	list.css
	default.css
	
*/
body {
	margin:0px;	
	padding:0px;
	background: #FFF;
	border:0px;
	min-width:780px;
	font-family:'trebuchet ms',helvetica,verdana,sans-serif;
	width:expression(document.body.clientWidth < 550 ? "780px" : "100%" );
	text-align:center; /*for stupid IE5 bug ... Rarrrrr!*/	
}

a { 
	color:#de4900;	
	font-weight:bold;
}

img {  
	border-style: none;
}

#header {			
	border-top:10px solid #000;
	border-bottom:1px solid #666;
	padding:0px;
	margin:auto;
	width:100%;
	height:80px;
	background:#C00 url('images/header_gradient.jpg');
	text-align:center;
}

#headerbody {
	width:800px;
	margin:auto;		
}

#logo {			
	float:left;	
	padding: 0 25px 0 20px;
}

.nav {			
	float:left;
	height: 80px;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	color: #333;
}

.nav ul {		
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
.nav li {
	display:inline;
	margin: 0;
}
		
.nav li a {	
	float:left;
	display:inline;
	height:50px;
	padding: 30px 40px 0px 40px;
	color: #000;
	font-size:1.3em;
	font-weight:bold;
	text-decoration: none;
	border-right:1px solid #ED5400;
	background: url('images/header_gradient_option.jpg');
}

html>body .nav li a {
	width: auto;
}

.nav li a:hover {
	background: url('images/header_gradient_over.jpg');
}

.nav ul li.current  {
	float:left;	
	background: url('images/header_gradient_over.jpg');
}

#main-container {	
	width:100%;		
	background: #FFF url('images/body_gradient.jpg'); 	
	background-repeat: repeat-x;
	text-align:left;	
  	min-height:800px;
  	
}

#main {	
	margin: 0 auto;
	width:800px;
	height:100%;
	border-right:2px solid #e6e0c8;
	border-bottom:2px solid #e6e0c8;
	border-left:2px solid #e6e0c8;	
	background:#FFF;	
}


#main-head {	
	height:5px;
	border-top:#666 2px solid;
}

.contentcontainer {
	float:left;
	width:790px;
	padding:0px;
	margin:0px;
}

.contenthalf {
	float:left;	
	width:385px; 
	padding:2px;
	margin:2px;	
}

.contentfull {
	float:left;	
	width:780px;
	padding:2px;
	margin:2px;
}

.centered {
	text-align:center;
}

#footer {	
	height:50px;
	background:url('images/footer.jpg');
	background-repeat:repeat-x;
	color:#FFF;
	font-size:0.7em;
	font-weight:normal;
	text-align:right;
}

#footerdecorator {	
	background:#000;
}

#footerbody {	
}

h1 {
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size:1.3em;
	font-weight:normal;
	margin:0px;
	border-bottom:1px solid #cbc6ba;
	padding:4px 4px 4px 4px;	
}

h2 {
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	margin:0;
	padding:4px 4px 4px 12px;
}

.listpreviewwidgetcontainer {
	float:left;
	width:100%;
}

.listpreviewwidget {
	float:left;		
	text-align:center;
	width:170px;	
	margin:4px;
	padding:4px;
}

.listpreviewwidget h1 {
	font-size:0.8em;
	font-weight:bold;
	color:#000;
	margin:0px;
	padding:0px;	
	border:0px;
}

.listpreviewwidget h2 {
	font-size:0.7em;
	font-weight:bold;
	margin:0px;
	padding:0px;
	color:#2f3d40;
}


.friendpreviewwidget {
	float:left;	
	text-align:center;
	width:100px;
	height:100px;	
	margin:4px;
	padding:4px;	
}

.friendpreviewwidget h1 {
	font-size:0.8em;
	font-weight:bold;
	color:#000;
	margin:0px;
	padding:0px;	
	border:0px;
}

.friendpreviewwidget h2 {
	font-size:0.7em;
	font-weight:bold;
	margin:0px;
	padding:0px;
	color:#2f3d40;
}

.friendrequestbox {
	clear:both;
	float:left;	
	width:100%;
}

div.friendrequestbox label {
  float:left;
  width:100px;
  padding:3px;
  margin-left:10px;
  font-weight:bold; 
}

div.friendrequestbox textarea {  
  font-family:'trebuchet ms',helvetica,verdana,sans-serif;
  font-weight:bold;
  font-size: 1.0em;  
  width:260px;
  height:50px;
}

.shoutboxwidget {
	float:left;	
	width:360px;
	margin:4px;
	padding:4px;		
}

.shoutboxmessage {
	clear:both;	
	width:100%;
}

.avatar {
	float:left;	
	width:100px;
	margin:4px;
	padding:4px;		
}

.shoutboxcomment {
	float:left;
	width:240px;
}


.shoutboxpost {
	clear:both;
	width:100%;
}

.recent-container {
	float:left;
	width:100%;
	text-align:center;	
}

.introitem {
	clear:both;
}

.introitem h1 {
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	border:0px;
	margin:0px;
	padding:0px;	
	
}

.introitem h2 {
	font-size:0.9em;
	font-weight:bold;
	margin:0px;
	padding:0px;
	color:#2f3d40;
}

.introitemicon  {
	width:160px;
	float:left;
}


.introitemtext  {
	float:left;
	width:200px;
}

.introitemtext p {	
	margin:10px 0px 0px 0px;
	padding:0px;
}

.tags-container p {
	font-size:1.2em;
	color:#686868;
	padding:4px;
}



body {
	margin:0px;	
	padding:0px;
	min-width:1000px;
	font-family:'trebuchet ms',helvetica,verdana,sans-serif;
	width:expression(document.body.clientWidth < 550 ? "780px" : "100%" );
	text-align:center; /*for stupid IE5 bug ... Rarrrrr!*/	
}

p {
	color:#000;
	font-size:0.8em;
	margin:2px 12px 4px 12px;
	padding:0;
}


#profile-avatar {
	padding:2px;
	margin:2px;
}

#profile h2 {
	padding:4px;	
}

div.row {
  clear:both;
  float:left;
  font-weight:bold;
  min-height:1%;
  width:99%; /* IE 6 Has Strange Render Problems When 100% */
  margin:5px 0px;    
}

div.row label {
  float:left;
  width:40%;
  padding:3px;
  margin-left:10px;
  font-weight:bold; 
}

div.row input {
  float:left;
  font-weight:bold;
}

div.row select{
  float:left;
  padding:0px;
  margin-right:4px;
}

.row textarea {
  font-family:'trebuchet ms',helvetica,verdana,sans-serif;
  font-weight:bold;
  font-size: 1.0em;
  width:220px;
}

.tagit textarea {
  font-family:'trebuchet ms',helvetica,verdana,sans-serif;
  font-weight:bold;
  font-size: 1.0em;
  width:300px;
  margin:10px;	
}

div.row li {
  font-family:'trebuchet ms',helvetica,verdana,sans-serif;
  font-size: 1.0em;
}

div.shoutboxwidget label {
  float:left;
  width:100px;
  padding:3px;
  margin-left:10px;
  font-weight:bold;
}

div.shoutboxwidget textarea {
  font-family:'trebuchet ms',helvetica,verdana,sans-serif;
  font-weight:bold;
  font-size: 1.0em;  
  width:260px;
  height:100px;
}


div.error  {
  float:left;  
  width:350px;
  color:#C00;	
  margin:0px 0px 0px 325px;
  font-weight:bold;
  font-size:0.8em;
  margin-top:0px;
}

div.errorbig  {
  float:left;
  width:100%;
  text-align:center;
  color:#C00;	
  font-weight:bold;
  font-size:1.0em;
  margin-top:0px;
}

div.headline  { 
  float:left;  
  color:#000;	
  font-weight:bold;
  font-size:1.9em; 
  padding:10px;
}

.login {  
  float:right;
  width:240px;  
}

.loginelement {
  float:left;	
  padding:2px;
}

.loginelement label{  
  float:left;
  width:90px;   
  font-weight:bold;   
}

.loginelement input {
  float:left;  
  padding:0px;
  margin:0px;
  font-weight:bold;  
}

.fleft {
	float:left;	
}

.fright {
	float:right;
}

.padded {  	
	padding:4px;
}

.full {	
	width:100%;		
}

.fullright {
	float:left;	
	width:100%;	
	text-align:right;	
}

.cleared {
	clear:both;
}

p.faint {
	color:#4F4F4F;
}

p.heavyfaint {
	font-weight:bold;
	color:#4F4F4F;
}

p.heavy {
	font-weight:bold;
	color:#000;
}

p.summary {
	margin:12px;	
	color:#000;
	font-weight:normal;
}

.alignleft {
	text-align:left;
}

.alignright {
	text-align:right;	
}

.aligncenter {
	text-align:right;
}

.listtitle {	
	float:left;	
	width:100%;
	margin:4px;	
}

.listtitle h1 {
	font-size:1.5em;
	font-weight:bold;
	margin:0px;
	border:0;
	padding:4px;	
}

.listtitle h2 {
	font-size:1.0em;
	font-weight:bold;
	margin:0px;
	border:0;
	padding:4px;	
}

.listtitle p {		
	padding:4px;	
}

.listentry {
	float:left;
	width:100%; 	
}

.listdetails {
	float:left;	
}

.listdetails p {
	margin:1px;
	padding:0px;	
}


.listentry h1 {
	font-size:1.2em;
	font-weight:normal;
	margin:0px;
	border:0;
	padding:4px 4px 4px 4px;
}

.listentry h2 {
	font-size:0.9em;
	font-weight:normal;
	margin:0px;
	border:0;
	padding:4px 4px 4px 4px;	
}

.listentryicon {
	float:left;
	width:110px;	
}

.listentryitem {
	float:left;
	width:270px; 	
}

div.erroroutput {	
	display:none;
}

p.error {	
	font-weight:bold;	
	color:#C00;	
}

div.profileoption {
	float:left;
	text-align:center;
	margin:10px;
	border:1px;	
}

div.contact {
	float:left;	
	border:1px solid #CCC;
	margin:0 80px 0px 80px;	
}

div.contactname {
	float:left;
	width:300px;	
}

div.contactemail {	
	float:left;
	width:300px;	
}

div.divider {
	float:left;
	margin:12px 4px 12px 4px;
	border-bottom:1px solid #cbc6ba;
	width:80%;
}