/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
' Filename: general.css	
' Author: Xia Long [Sildrin]
' Creation Date: 09/01/2007
' Description: General CSS for the DJB webpage
' Revision History:
'	Date:			Name:			Changes:
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
*/

/* START: Used for the newspage and the newsposting page */
	#posts {
		font-family: arial,helvetica,sans-serif;
		font-size:100%;
	}
	
	.sub-header {
		padding:0px 0px 0px 5px;
	}
	
	#posts h3 {
		margin:0;
		padding:0px 0px 0px 5px;
	}
	
	
	#posts .report h3 a {
		font-size:14px;
		text-decoration:none;
	}
	
	#posts .news h3 a {
		font-size:14px;
		text-decoration:none;
	}
	
	#posts {
		margin: 0;
		padding: 0;
	}
	
	
	#posts li {
		background: url('/dbjedi/odyssey/images/box_holocron_content_background.png');
		list-style: none;
		margin: 0 0 20px 0;
		padding:0px;
	}
	
	#posts .title {
		border-bottom: 1px dotted #333;
		border-top: 1px solid #333;
		padding-bottom: 8px;
		padding-top:8px;
		position: relative;
	}

	
	#posts .newscontent {
		font-size: 1em;
		padding-bottom:5px;
		padding-left:5px;
		padding-top: 5px;
	}
	
	#posts .updown {
		margin-right: 5px;
	}
	
	#posts .date {
		color: #666;
		font-size: 1em;
		position: absolute;
		top:3px;
		right:3px;
		padding-right:10px;
		text-align:right;
	}
	
	#posts .sub-header {
		color: #666;
		font-size: 1em;
	}
/* END: Used for the newspage and the newsposting page */

a.external:link , a.external:active, a.external:visited {
	background:transparent url("/dbjedi/images/icons/external.png") no-repeat scroll right center;
	padding-right:13px;
	text-decoration: none;
}

img.icon {
	vertical-align: middle;
	}
	
#avatar-selector{
	float: none;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
}
	
#avatar-selector ul{
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 0;
}

#avatar-selector ul li{
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
}

#avatar-selector ul label{
	display: block;
	float: left;
	font-weight: bold;
	margin: 0 5px 0 0;
}

#avatar-selector .preview{
	float: left;
	font-size: 0.8em;
	width: 500px;
}

#avatar-selector option{
	padding-right: 10px;
}

form#avatar-selector fieldset{
}

#avatar-selector .preview{
	margin-top: 20px;
	text-align: center;
}

#avatar-selector .preview img{
	width: 200px;
	height: 200px;
}

#avatar-selector .preview-button{
	margin-right: 10px;
}