/*
 CSS for KoratPhotoClub theme
 pond79@hotmail.com
 
 Design notes:
 1) IE6/7/8 does not handle box model according to W3C standards (width = content + padding + border + margin),
    so be careful assigning padding to the containing box.
 2) To center a box, use 'text-align: center' on the container and 'margin: 0 auto; text-align: left' on the box
    itself to make it behaves correctly on IE. For standard compliance browsers, simply use 'margin-left: auto;
	margin-right: auto;' on it.

 Ten years passed, back to web authoring again and IE still sucks ass -*-
 */
body {
	font			: 13px  'Segoe UI', Arial, Helvetica, sans-serif;
	text-align		: center;
	/* color		: #9e9e9e; */
	color			: #ffffff;
	background-color: #111111;
	margin			: 0;
}
div {
	/* FOR DEBUGGING PURPOSE   
	border			: 1px dashed white; */
}
a:link, a:visited, a:active {
	text-decoration	: none;
	color			: #ffa200;
}
a:hover {
	color			: #ffb432;
}
img {
	border			: 0;
}
#container {
	background		: url('../images/container_bg.gif') #292929 top no-repeat scroll;
	text-align		: left;
	/* Original design was 900px, add extra space to cope with IE compatibility problem */
	width			: 910px;
	border			: 2px solid #565656;
	border-top		: none;
	border-bottom	: none;
	margin			: 0 auto;
	margin-top		: -17px;
	/* position		: absolute;
	left			: 50%;
	margin-left		: -450px; */
	/* margin-left	: auto;
	margin-right	: auto; */
	// padding		: 25px;
}
#logo {
	padding-top		: 25px;
	padding-left	: 25px;
	float			: left;
}
#top {
	width			: 500px;
	text-align		: right;
	padding-right	: 25px;
	padding-top		: 65px;
	float			: right;
}
#header {
	color			: #9e9e9e;
	padding			: 25px;
	padding-top		: 35px;
	padding-bottom	: 0;
	text-align		: right;
	clear			: both;
}
#header img {
	padding			: 0;
	margin			: 0;
}
#header a:link, #header a:visited, #header a:active {
	text-decoration	: none;
	color			: #9e9e9e;
}
#header a:hover {
	color			: #afafaf;
}
#LeftColumn {
	width			: 500px;
	padding-left	: 25px;
	float			: left;
}
#RightColumn {
	width			: auto;
	padding-right	: 25px;
	float			: right;
}
#newsflash {
	color			: #9e9e9e;
	padding-left	: 20px;
	padding-right	: 45px;
	padding-top		: 0;
	padding-bottom  : 30px;
}
#newsflash h1 {
	font-size		: 16px;
	font-weight		: bold;
	padding-bottom	: 15px;
	color			: #ffa200;
}
#newsflash img {
	padding-right	: 10px;
	padding-bottom	: 5px;
	float			: left;
}
#MainBody {
	padding-top		: 45px;
	padding-bottom	: 45px;
}
#right {
	text-align		: right;
	padding-top		: 0;
	padding-bottom	: 0;
}
#user1 {
	padding-top		: 25px;
	border-top		: 1px dashed;
}
#user2 {
	text-align		: right;
	padding-top		: 25px;
	padding-bottom	: 25px;
}
#user2 h1 {
	font-size		: 16px;
	font-weight		: bold;
	line-height		: 200%;
}
#user3 {
	text-align		: right;
	padding-top		: 25px;
	padding-bottom	: 25px;
}
#user3 h1 {
	font-size		: 16px;
	font-weight		: bold;
	line-height		: 200%;
}
#user4 {
	text-align		: right;
/*	line-height		: 300%; */
	padding-top		: 0;
	padding-bottom	: 25px;
}
#user4 img {
	border			: 1px solid #000000;
	padding			: 0;
	margin			: 0;
}
#user4 div {
	margin-bottom	: 10px;
/*	margin-left		: 100px; */
	border			: 1px solid #808080;
	float			: none;
}
#facebook {
	width: 202px;
	background-color: #ffffff;
	float: right; 
}
#footer {
	color			: #9e9e9e;
	padding			: 25px;
	clear			: both;
}
#advert1, #advert2, #advert3 {

}

/* From here is class and id used by mambo */
table.moduletable {
	width		    : 100%;
	table-layout    : auto;
}
table.moduletable_boards {
	width			: 100%;
	table-layout	: auto;
}
table.moduletable_boards th {
	color			: #ffa200;
	font-size		: 16px;
	font-weight		: bold;
	text-align		: right;
	line-height		: 300%;
	padding-top		: 30px;
	padding-bottom	: 5px;
}
table.moduletable_boards td {
	text-align		: right;
}
td {
	/* border			: 1px dotted black; */
	font-size		: 13px;
}
.contentpaneopen {
	/* border			: 2px solid black; */
}
.contentheading {
	color			: #ffa200;
	font-size		: 16px;
	font-weight		: bold;
}
.small {
	font-size		: 10px;
}
.createdate {
	font-size		: 10px;
	padding-bottom	: 0;
}
.modifydate {
	font-size		: 10px;
	padding-top		: 25px;
}
.readon {
	font-size		: 13px;
}
a.readon:link, a.readon:visited, a.readon a:active {
	text-decoration	: none;
	color			: #ffffff;
	background		: url(../images/readon.gif);
	background-repeat: no-repeat;
	padding-left	: 16px;
	line-height		: 10px;
	float			: left;
}
a.readon:hover {
	color			: #9e9e9e;
}

ul#mainlevel-nav {
	float			: right;
	list-style		: none;
	padding			: 0;
	margin			: 0;
}
ul#mainlevel-nav li {
	float			: right;
	border-right	: 1px solid #ffffff;
}
ul#mainlevel-nav li a {
	color			: #ffffff;
	display			: block;
	padding-left	: 15px;
	padding-right	: 15px;
	text-decoration	: none;
  
}
ul#mainlevel-nav li a:hover {
	color			: #9e9e9e;
}