/*
	Style Name: DreamLine Template 2
	Author: Andrew Ellis
	Author URI: http://www.1three.com/
*/

/**
 * Imports
 */
@import url('./type.css'); /* Typography */
@import url('./forms.css'); /* Form Elements */

/**
 * General Settings
 */
html, body {
	background: #ede6d6;
	margin: 0
}

#wrapper {
	margin: 0 auto;
	width: 845px
}

a { outline: none }

.alignLeft { 
border: 2px solid #999999;
float: left }

/**
 * Header
 */
#header {
	background: url('../images/misc/header.jpg') bottom no-repeat;
	height: 100px
}

#blah {
a { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
}
a:hover { text-decoration: underline; color : #aaa; }
}


#header-top {
	background: #fdf9f0;
	height: 0px
}

#header-top .tl,
#header-top .tr {
	float: left;
	background: url('../images/corners/header-top.gif');
	display: block;
	width: 5px;
	height: 49px
}
#header-top .tr { background-position: 0 -49px }

#header-top p { 
	float: left;
	border-bottom: 1px solid #998767;
	margin: 0;
	padding: 0 10px;
	width: 815px;
	height: 48px
}

/* Logo */
#logo {
	background: url('../images/misc/logo.gif');
	margin: 0px 0 0 168px;
	display: block;
	width: 160px;
	height: 57px
}

/**
 * Navigation
 */
#nav {
	background: #e9decb;
	height: 54px
}

#nav .l,
#nav .r {
	float: left;
	background: url('../images/corners/nav.gif');
	display: block;
	width: 5px;
	height: 54px
}
#nav .r { background-position: 0 -54px }

#nav ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 835px
}
#nav ul li {
	float: left;
	list-style: none
}

/**
 * Userbar
 */
#u-bar { height: 32px }

#u-bar .l,
#u-bar .r {
	float: left;
	background: url('../images/corners/u-bar.gif');
	display: block;
	width: 5px;
	height: 32px
}
#u-bar .r { background-position: 0 -32px }

#u-bar p {
	float: left;
	border-bottom: 1px solid #cfc4af;
	margin: 0;
	padding: 5px 10px;
	width: 815px;
	height: 21px
}

/**
 * Welcome
 */
#welcome {
	
	background: url('../images/misc/welcome-bg.gif') repeat-x;
	margin-top: 20px;
	height: 238px
}

#welcome .l,
#welcome .r {
	float: left;
	background: url('../images/corners/welcome.gif');
	display: block;
	width: 5px;
	height: 238px
}
#welcome .r { background-position: 0 -178px }

#welcome p { margin: 8px 0 }

/* Welcome List */
.welcome-list {
	float: left;
	padding: 0 10px;
	width: 811px
}


.welcome-list ul {
	margin: 0;
	padding: 0
}
.welcome-list ul li {
	list-style: none;
	margin-bottom: 2px
}

/* Featured */
.featured {
	float: left;
	padding: 0 10px;
	width: 382px
}
#welcome .featured {
	border-left: 1px solid #363636;
	margin: 10px 0;
	height: 152px
}

.featured img { border: 3px solid #3d3d3d }
.featured img:hover { border-color: #fff }

/* Welcome Sub */
#welcome-sub { height: 32px }

#welcome-sub .l,
#welcome-sub .r {
	float: left;
	background: url('../images/corners/welcome-sub.gif');
	display: block;
	width: 5px;
	height: 32px
}
#welcome-sub .r { background-position: 0 -32px }

#welcome-sub div {
	float: left;
	border-bottom: 1px solid #ac9a79;
	width: 835px;
	height: 31px
}

#welcome-sub .welcome-list,
#welcome-sub .featured { margin: 8px 0 }

/**
 * Content
 */
#content-wrapper {
	background: #e9decb;
	margin-top: 20px;
	min-height: 315px
}

#content-wrapper .t,
#content-wrapper .t i,
#content-wrapper .b,
#content-wrapper .b i {
	background: url('../images/corners/content.gif') no-repeat;
	display: block;
	width: 100%;
	height: 5px
}
#content-wrapper .t i { background-position: 100% -5px }
#content-wrapper .b { background-position: 0 -10px }
#content-wrapper .b i { background-position: 100% -15px }

#content { margin: 5px 5px 5px 283px }

#content img { border: 3px solid #fff }
#content img.alignLeft { margin: 10px 10px 10px 0 }
#content img.alignRight { margin: 10px 0 10px 10px }

#content ul {
	margin: 0;
	padding: 0
}
#content ul li,
#content ul li.alt {
	background: #d9d0c0;
	list-style: none;
	margin: 2px 0;
	padding: 8px;
	width: 538px
}
#content ul li.alt { background: #e1d7c5 }

/* Errors */
ul.error {
	margin-left: 20px!important
}
ul.error li {
	list-style: square inside!important;
	background: none!important;
	padding: 0!important;
	color: #f00
}

/**
 * Sidebar
 */
#sidebar {
	float: left;
	width: 263px;
	margin-left: 5px
}

#sidebar .wrapper {
	margin-bottom: 10px;
	background-image: url(../images/misc/sidebar-bg.gif);
	background-repeat:  repeat-y;	
}

#sidebar .wrapper .t,
#sidebar .wrapper .t i,
#sidebar .wrapper .b,
#sidebar .wrapper .b i {
	background: url('../images/corners/sidebar.gif') no-repeat;
	display: block;
	width: 100%;
	height: 5px
}
#sidebar .wrapper .t i { background-position: 100% -5px }
#sidebar .wrapper .b { background-position: 0 -10px }
#sidebar .wrapper .b i { background-position: 100% -15px }

#sidebar ul {
	margin: 10px 15px;
	padding: 0
}
#sidebar ul li {
	list-style: none;
	border-bottom: 1px dotted #fff;
	padding: 8px 5px
}

#sidebar p { margin: 10px 15px }
	
/**
 * Footer
 */
#footer {
	clear: both;
	padding: 10px 0 25px 0
}
