html {
	margin:					0;
	padding:				0;
	overflow:				auto;
}

body {
	background:				url('http://www.clan-webmasters.com/images/background-repeat.jpg') #151515;
	margin:					0;
	padding:				0;
	font:					11px Arial, Helvetica, sans-serif;
	color:					#ffffff;
}

img {
	border:					none;
}

form {
	margin:					0;
	padding:				0;
	vertical-align:			center;
}

.clear {
	clear:					both;
}

#wrapper {
	background:				url('http://www.clan-webmasters.com/images/wrapper-background.jpg') repeat-y #e8e8e8;
	margin:					auto;
	padding:				0 19px 0 20px;
	width:					900px;
}

#header {
	background:				url('http://www.clan-webmasters.com/images/banner-background.jpg') no-repeat #5d5d5d;
	padding:				12px 40px 0;
	height:					126px;
	color:					#313131;
	text-align:				right;
}
#header h1 {
	font-weight: normal;
	text-decoration: none; 
	margin: 0px;
	font-size: 12px;
}
#navigation {
	background:				url('http://www.clan-webmasters.com/images/navigation-background.jpg') no-repeat #303030;
	padding:				0 0 0 40px;
	height:					35px;
	text-align:				center;
}

#navigation img {
	float:					left;
}

#content {
	background:				url('http://www.clan-webmasters.com/images/content-heading.jpg') no-repeat;
	padding:				11px 0 0;
	min-height:				45px;
}

.sidebar {
	padding:				0 7px 10px 6px;
	width:					172px;
	float:					left;
}

.sidebar h2 {
	margin:					5px 0 0;
	padding:				0;
	letter-spacing:			-1px;
}

.sidebar h4 {
	background:				url('http://www.clan-webmasters.com/images/blank-heading.jpg') no-repeat #393939;
	margin:					0;
	padding:				10px 10px 0;
	height:					18px;
	text-align:				left;
}

.sidebar ul {
	margin:					0;
	padding:				0;
	font-weight:			bold;
	list-style:				none;
	text-align:				left;
}

.sidebar ul li {
	margin:					3px 0;
	width:					159px;
}

.sidebar ul li strong {
	padding:				3px 7px;
	display:				block;
}

.sidebar ul li a {
	background:				url('http://www.clan-webmasters.com/images/list-background.jpg') repeat-y;
	padding:				3px 5px 3px 14px;
	text-decoration:		none;
	color:					#ffffff;
	display:				block;
}

.sidebar ul li a:hover {
	background:				url('http://www.clan-webmasters.com/images/list-background-hover.jpg') repeat-y;
	color:					#f3f3f3;
}

.sidebar .endcap {
	background:				url('http://www.clan-webmasters.com/images/endcap-small.jpg') no-repeat;
	margin:					0 0 3px;
	height:					7px;
}

.sidebar form#login {
	padding:				5px;
	display:				block;
}

.sidebar input.text {
	background-color:		#252525;
	border-top:				2px solid #141414;
	border-left:			2px solid #141414;
	border-bottom:			1px solid #3e3e3e;
	border-right:			1px solid #3e3e3e;
	margin:					0 0 5px;
	padding:				4px 5px 0;
	width:					135px;
	height:					17px;
	font-size:				11px;
	color:					#ffffff;
}

.sidebar input#submit {
	background:				transparent !important;
	border:					none;
	width:					145px;
	text-transform:			uppercase;
	font-weight:			bold;
	font-size:				10px;
	color:					#ffffff;
	text-align:				right;
}

#center {
	padding:				0 4px 0 5px;
	width:					521px;
	float:					left;
	color:					#353535;
}

#center h4 {
	background:				url('http://www.clan-webmasters.com/images/large-blank-heading.jpg') no-repeat #393939;
	margin:					0;
	padding:				10px 10px 0;
	height:					18px;
	color:					#ffffff;
}

#center .endcap {
	background:				url('http://www.clan-webmasters.com/images/endcap-large.jpg') no-repeat;
	margin:					0 0 3px;
	height:					7px;
}

#center p {
	margin:					5px;
	padding:				0;
	text-align:				left;
}

#center h4 {
	background:				url('http://www.clan-webmasters.com/images/large-blank-heading.jpg') no-repeat #393939;
	margin:					0;
	padding:				10px 10px 0;
	height:					18px;
	font-size:				8px;
	font-style:				italic;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#ffffff;
}

.content {
	background:				url(http://www.clan-webmasters.com/images/content-repeat.jpg) #2b2b2b;
	border-left:			1px solid #fafafa;
	border-right:			1px solid #fafafa;
	padding:				4px 6px 1px;
	text-align:				center;
	color:					#ffffff;
	display: block;
}

.content a {
	color:					#ffffff;
}

.content a:hover {
	color:					#aaaaaa;
}
.updates {
	width: 492px;
	height: 84px;
	display: block;
}
.update-thumb {
	float: left;
	width: 73px;
	height: 72px;
	background: url(http://www.clan-webmasters.com/images/update-thumb.jpg) no-repeat;
	display: block;
	padding: 6px;
}
.update-body {
	float: left;
	background: url(http://www.clan-webmasters.com/images/update-body.jpg) no-repeat;
	width: 389px;
	height: 68px;
	display: block;
	margin: 2px 0px 0px 5px;
	text-align: left;
	padding: 5px;
}
#user {
	text-align: left;
	height: 60px;
	font-size: 10px;
}
#user img {
	float: left;
	margin: 3px 3px 0px 0px;
}
/* 
/* A fake IE information bar */
#infobar {
	font: message-box;
}

/* Please adjust the values if the infobar is not looking good */
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
	display: block;
	width: 97.6%;
	height: 22px;
	color: InfoText;
	background: InfoBackground url(http://www.clan-webmasters.com/images/warning.gif) no-repeat fixed .3em .3em;
	border-bottom: .16em outset;
	text-decoration: none;
	cursor: default;
	padding: 5px 0px 0px 30px;
}

#infobar a:hover {
	color: HighlightText;
	background: Highlight url(warning2.gif) no-repeat fixed .3em .3em;
}

/* A fake viewplot for IE information bar */
#viewplot {
	width: 100%;
	height: expression(this.parentNode.offsetHeight - this.offsetTop);
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 1em;   /* Please set this to the value as that of your <body> */
} 
#resources {
text-align: left;
}
#resources li {
	list-style-type: none;
	width: 300px;
}
#articles {
	width: 230px;
	height: 84px;
	float: left;
}
#interview {
	width: 268px;
	min-height: 80px;
	height: auto;
	background: url(http://www.clan-webmasters.com/images/interview-bg.gif) no-repeat bottom; 
	float: left;
	text-align: left;
}
#interview img {
	float: left;
	padding: 6px 5px 6px 6px;
}