/* +--------------------------------------------------------------------+
// | File:			layout/css/lite.css                                 |
// | Author:		hewbert                                             |
// | Created:		2005-11-25                                          |
// | Modified:		2005-11-25                                          |
// +--------------------------------------------------------------------+
*/

/* +--------------------------------------------------------------------+
// Initial Defaults
*/
* {
	padding			: 0;
	margin			: 0;
	font			: 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color			: #333;
}

body {
	background-color	: #a6b38d;
	margin-top		: 20px;
	margin-bottom	: 20px;
}

img {
	border: 0;
}

img.left {
	float			: left;
	margin-right	: 10px;
	margin-bottom	: 10px;
	border			: 0;
}

a:link {
	color			: #002279;
	text-decoration	: none;
}
a:visited {
	color			: #0e0079;
	text-decoration	: none;
}

a:hover {
	color			: #790000;
	text-decoration	: underline;
}

a.red:link {
	color			: #980000;
	text-decoration	: none;
	font-weight		: bold;
}

a.red:visited {
	color			: #6a0000;
	text-decoration	: none;
	font-weight		: bold;
}

a.red:hover {
	color			: #000;
	text-decoration	: underline;
	font-weight		: bold;
}

input, textarea {
	background		: #fff;
	border			: 1px solid #bbb;
	padding			: 2px;
	color			: #444;
}

input[type=submit] {
	background		: #fff; 
	border			: 1px solid #d7d7d7;
	padding			: 1px;
	color			: #444;
}
input[type=submit]:hover {
	background		: #fff;
}


input[type=submit]:focus {
	background		: #fff;
}

input[type=submit]:active {
	background		: #fff;
}

option {
	padding-left	: 5px;
	padding-right	: 5px;
}


/* +--------------------------------------------------------------------+
// Main Containers
*/
#container {
}

#page {
	width			: 778px;
	margin			: 0 auto;
	border			: 1px solid #000;
}

#top {
	background		: #fefefe url('../gfx/hewphoria-logo.png') center center no-repeat;
	height			: 86px;
}

#mid {
	background		: #fefefe;
	padding-top		: 2px;
}

#pagewrapper {
	overflow		: hidden;
	height			: auto;
	width			: 100%;
}

#bottom {
	background		: #fefefe;
	height			: 76px;
	clear			: both;
}

#copyright {
	text-align		: center;
	color			: #ececec;
}

#copyright a:link, #copyright a:visited {
	color			: #fff;
	text-decoration	: none;
}

#copyright a:hover {
	color			: #fff;
	text-decoration	: underline;
}
	

/* +--------------------------------------------------------------------+
// Containers
*/
#user_bar {
	background		: #eaf3d8;
	border			: 1px solid #c1c1c1;
	padding			: 2px;
	color			: #505050;
	font			: 10px "Trebuchet MS", Verdana, Arial, sans-serif;
	margin-bottom	: 10px;
	margin-top	: 10px;
}



#user_bar #login_form {
	text-align		: right;
	padding-right	: 4px;
}

#user_bar input {
	border			: 1px solid #d7d7d7;
	padding			: 1px;
	color			: #555;
}

#user_bar #user_menu {
	text-align		: center;
}

#user_menu .username {
	font-weight		: bold;
}



/* +--------------------------------------------------------------------+
// Main Menu (mainmenu)
*/
#mainmenu {
	width			: 178px;
	float			: left;
	border			: 1px solid #c1c1c1;
}

#mainmenu #mainmenu_top {
	height			: 23px;
	background		: #ffffff;
}

#mainmenu #mainmenu_mid {
	background		: #ffffff;
}

#mainmenu #mainmenu_bottom {
	height			: 22px;
	background		: #ffffff;
}

#mainmenu_mid p {
	padding-left	: 8px;
	padding-right	: 5px;
}

#mainmenu_mid ul {
	margin				: 0px 0 0px 0px;
	padding-left		: 10px;
	list-style			: none;
}

#mainmenu_mid ul li {
	margin				: 0 0 0px 0;
	padding-left		: 0px;
	background			: url("../gfx/menu-bul.gif") no-repeat;
	font				: 10px "Trebuchet MS", Verdana, Arial, sans-serif;
}

#mainmenu_mid li span.menu_item {
	padding-left		: 14px;
}

#menu_msg {
	border-top			: 1px solid #c1c1c1;
	border-bottom		: 1px solid #c1c1c1;
	background-color	: #fbfbfb;
	margin-left			: 1px;
	margin-right		: 1px;
	padding-left		: 10px;
	margin-bottom		: 8px;
}

/* +--------------------------------------------------------------------+
// Content
*/
#content {
	margin			: 20px 40px 20px 40px;
	/*overflow		: hidden;*/
}

.bul {
	background			: url("../gfx/link.gif") no-repeat;
	padding-left		: 16px;
}

.ind {
	margin-left		: 20px;
}

.doc_title {
	color			: #777;
	font			: bold 14px "Trebuchet MS", Verdana, Arial, sans-serif;
	border-bottom	: 1px dashed #888;
	padding-bottom	: 2px;
	margin-bottom	: 4px;
}

.doc_title a:link, .doc_title a:visited {
	color			: #777;
	font			: bold 14px "Trebuchet MS", Verdana, Arial, sans-serif;
	border-bottom	: 1px dashed #888;
	padding-bottom	: 2px;
	margin-bottom	: 4px;
}

.doc_title a:hover {
	color			: #000;
	font			: bold 14px "Trebuchet MS", Verdana, Arial, sans-serif;
	border-bottom	: 1px dashed #888;
	padding-bottom	: 2px;
	margin-bottom	: 4px;
	text-decoration	: none;
}

.doc_sec {
	margin-left		: 20px;
}

.doc_sec p {
	margin-bottom	: 10px;
}

.doc_sec p:first-letter {
	font			: bold 12px Georgia, Times, serif;
}


.sub_sec {
}

.sub_sec_title {
	font			: bold 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	border-bottom	: 1px dashed #d7d7d7;
	margin-bottom	: 3px;
	color			: #555;
}

.sub_title {
	font			: bold 10px "Trebuchet MS", Verdana, Arial, sans-serif;
	color			: #555;
}

.sub_sec_cont {
	margin-left		: 20px;
}


table.generic {
	border			: 1px solid #c4c4c4;
}
/* +--------------------------------------------------------------------+
// Messages
*/

div.error_title {
	color			: #555;
	font			: bold 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	border-bottom	: 1px dashed #888;
	padding-bottom	: 2px;
	margin-bottom	: 2px;
}

span.error_msg {
	display			: inline;
}

.error_msg {
	color			: #720000;
	margin-bottom	: 4px;
}

td.error {
	border-top			: 1px solid #cbcbcb;
	border-bottom		: 1px solid #cbcbcb;
	background-color	: #eaeaea;
	padding				: 2px;
	color				: #740000;
	font-weight			: bold;
}

.document {
	color			: #444;
	font-weight		: bold;
}

/* +--------------------------------------------------------------------+
// Home
*/

.home_latest {
}

.home_latest_link {
	text-align		: right;
}

#home_new {
	/* Contains the two home panels (Newest & Latest Updates) */
	clear			: both;
}


#content #newest {
	width			: 195px;
	float			: left;
}

#content #updates {
	width			: 195px;
	float			: right;
}

.home_latest_title, .home_title {
	font			: bold italic 16px "Trebuchet MS", Verdana, Arial, sans-serif;
	color			: #686868;
	border-bottom	: 1px dashed #bbb;
	margin-bottom	: 5px;
}

.blob {
	width			: 190px;
	border			: 1px solid #8e8e8e;
	margin-bottom	: 10px;
}

.blob_top {
	background		: #eaeaea;
	height			: 18px;
}

.blob_mid {
	background		: #eaeaea;
	padding-left	: 1px;
	padding-right	: 1px;
}

.blob_bottom {
	background		: #eaeaea;
	height			: 18px;
}

.blob_title, .blob_title a:link, .blob_title a:visited {
	color			: #444;
	font			: bold 10px "Trebuchet MS", Verdana, Arial, sans-serif;
	text-decoration	: none;
}
.blob_title a:hover {
	color			: #720000;
	text-decoration	: underline;
}

.blob_title {
	border-top		: 1px solid #c1c1c1;
	border-bottom	: 1px solid #c1c1c1;
	background		: #f8f8f8;
	text-align		: center;
	padding			: 2px;
}

.blob_for {
	border				: 0;
	border-bottom		: 1px solid #c1c1c1;
	background-color	: #f8f8f8;
	color				: #808080;
	text-align			: center;
	padding				: 2px;
}

.blob_for a:link, .blob_for a:visited {
	color				: #808080;
}

.blob_for a:hover {
	color				: #525252;
	text-decoration		: underline;
}

.blob_info {
	padding-top		: 5px;
}

.blob_submitter, .blob_date {
	background		: #f4f4f4;
	text-align		: center;
	border-top		: 1px solid #c1c1c1;
}

.blob_submitter {
	color			: #808080;
}

.blob_date {
	border-bottom	: 1px solid #c1c1c1;
	color			: #8c8c8c;
}

.type_config {
	background		: transparent url("../gfx/type-conf.png") top center no-repeat;
	text-align		: center;
	width			: 56px;
	height			: 56px;
	margin			: 0 auto;
	margin-top		: 4px;
}

.type_config span {
	display			: none;
}

.type_theme {
	text-align		: center;
	margin			: 0 auto;
	margin-top		: 4px;
}

.type_theme span {
	display			: none;
}

div.confirm_box {
	border				: 1px solid #c1c1c1;
	background-color	: #f4f4f4;
	padding				: 5px;
	color				: #666;
	text-align			: center;
	width				: 300px;
	margin				: 0 auto;
}

div.confirm_msg {
	color				: #333;
	font-weight			: bold;
}

div.confirm_btns {
	padding				: 5px;
	margin-top			: 5px;
	background-color	: #e8e8e8;
}

table.login_form {
	border-spacing		: 1px;
	border-collapse		: separate;
	padding				: 1px;
	border				: 1px solid #c1c1c1;
}

table.theme_edit {
	width				: 400px;
	border				: 1px solid #c1c1c1;
}


.label {
	font-weight			: bold;
	background-color	: #f4f4f4;
	padding				: 2px;
	padding-left		: 8px;
	text-align			: right;
	color				: #666;
}

.label_hl {
	font-weight			: bold;
	background-color	: #e8e8e8;
	padding				: 2px;
	padding-left		: 8px;
	text-align			: right;
	color				: #610000;
}

.field {
	background-color	: #f4f4f4;
	padding				: 2px;
	padding-right		: 5px;
	padding-left		: 5px;
}

.field_hl {
	background-color	: #e8e8e8;
	padding				: 2px;
	padding-right		: 5px;
	padding-left		: 5px;
}

.hl {
	border				: 1px solid #000;
}

.form_head {
	text-align			: center;
	font-weight			: bold;
	color				: #555;
	background-color	: #eaeaea;
	padding				: 3px;
	border-bottom		: 1px solid #cbcbcb;
	border-top			: 1px solid #cbcbcb;
}

td.submit {
	text-align			: right;
	background-color	: #eaeaea;
	padding				: 2px;
	border-bottom		: 1px solid #cbcbcb;
	border-top			: 1px solid #cbcbcb;
}

table.data {
	border				: 1px solid #c4c4c4;
	border-spacing		: 1px;
}

table.data td {
	padding				: 2px;
	padding-left		: 5px;
	padding-right		: 5px;
}


td.head {
	background-color	: #eaeaea;
	font-weight			: bold;
	padding				: 2px;
	border-bottom		: 1px solid #c4c4c4;
	color				: #555;
}

td.head a:link, td.head a:visited {
	text-decoration		: none;
	color				: #555;
	font-weight			: bold;
}

td.head a:hover {
	text-decoration		: underline;
	color				: #333;
	font-weight			: bold;
}

.cl1 {
	background-color	: #f6f6f6;
}

.cl2 {
	background-color	: #ececec;
}

.profile_form {
	width				: 98%;
	border				: 1px solid #c4c4c4;
}

.data {
	width				: 100%;
}

div.section_foot {
	margin-top			: 20px;
	border-top			: 1px dashed #c4c4c4;
	padding-top			: 5px;
	color				: #444;
}


/* ---------------------------------------------------------
// Page browser
*/
.display_bar {
	text-align			: center;
	background-color	: #f6f6f6;
	padding				: 2px;
	margin-bottom		: 10px;
}

.page_browser {
	margin-top			: 8px;
	margin-bottom		: 8px;
	background-color	: #ececec;
	padding				: 2px;
	border				: 1px solid #c4c4c4;
}

.previous {
	text-align			: left;
	width				: 100px;
}

.context {
	text-align			: center;
	font				: bold 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	border-right		: 1px solid #c4c4c4;
	border-left			: 1px solid #c4c4c4;
	background-color	: #f6f6f6;
}

.context a:link, .context a:visited {
	font				: 12px "Trebuchet MS", Verdana, Arial, sans-serif;
}

.context a:hover {
	font				: 12px "Trebuchet MS", Verdana, Arial, sans-serif;
}

.next {
	text-align			: right;
	width				: 100px;
}

/* ---------------------------------------------------------
// Submissions
*/

.submission {
	width				: 100%;
	border				: 1px solid #c4c4c4;
	background-color	: #fff;
	margin-bottom		: 10px;
}

.submission .info table {
	border-spacing		: 1px;
	width				: 100%;
}

.submission .info td {
	word-wrap			: break-word;
}

.submission .header, .submission .header a {
	background-color	: #ececec;
	border-bottom		: 1px solid #c4c4c4;
	color				: #444;
	font				: bold 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	padding				: 2px;
}

.screenshot {
	border-right		: 1px solid #c4c4c4;
	width				: 120px;
	background-color	: #f6f6f6;
}

.profile_photo {
	text-align			: center;
	margin				: 0 auto;
}

.profile_data {
	border-left			: 1px solid #c4c4c4;
}

span.comments_none {
	font-size			: 12px;
	font-style			: italic;
	display				: block;
	padding-bottom		: 5px;
}

.comment_box, .comment_box_preview, .news_box {
	border				: 1px solid #c4c4c4;
	width				: 99%;
	margin-bottom		: 10px;
}

.comment_box_preview {
	border				: 1px solid #878787;
}

.comment_head, .news_head {
	background			: #ececec url("/resource/caption_icon.png") center left no-repeat;
	padding				: 2px;
	padding-left		: 20px;
	border-bottom		: 1px solid #c4c4c4;
}

.comment_head .subject, .news_head .subject {
	font				: bold 10px "Trebuchet Ms", Verdana, Arial, sans-serif;
	color				: #444;
}

.comment_info, .news_info {
	color				: #555;
	font-style			: italic;
	padding				: 1px;
	padding-left		: 2px;
	border-bottom		: 1px solid #e1e1e1;
	background-color	: #f9f9f9;
	
}

.comment_bar {
	padding				: 3px;
	margin-bottom		: 5px;
	text-align			: right;
	background-color	: #f4f4f4;
	border-bottom		: 1px solid #e1e1e1;
}

.comment_body, .news_body {
	padding				: 5px;
	background-color	: #fff;
	color				: #333;
}

.comment_foot {
	background-color	: #f9f9f9;
	border-top			: 1px solid #e1e1e1;
	text-align			: right;
}

.comment_foot .address {
	font-style			: italic;
	color				: #444;
	padding				: 2px;
}