/* =reset and general styles
------------------------------------------------------------------------------------*/
body, div, h1, h2, h3, h4, h5, a, img, p, ul, ol, li, form{margin:0;padding:0}
a, img{border: none; outline: none;}
li{list-style: none;}

h2, h3, h4, h5{ font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif; }
h3{font-size: 1.3em; margin-bottom: .5em;}
h4{font-size: 1.2em; margin-bottom: .5em;}
h5{font-size: 1.1em; margin-bottom: .5em;}

acronym{cursor: help;}

/* links */
a:link, a:visited{text-decoration: none; color: #d66e40;}
a:hover, a:active, a:focus{text-decoration: underline;}
a.username:link, a.username:visited{ font-weight: bold; }
a.actionButton:link, a.actionButton:visited{
	display: block;
	padding: 0 5px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border: 1px solid #ccc;
	border-bottom: none;
	color: #333;
	background: #FCFCFC;
}

a.actionButton:hover, a.actionButton:active, a.actionButton:focus{
	text-decoration: none;
	outline: 0;
	color: #8a8d8b;
}

a.dropdown:link, a.dropdown:visited{ padding-right: 15px; background: #FCFCFC url(../img/actions.png) no-repeat 98% 50%; }

a.action:link, a.action:visited{color: #838589;}
a.accept:link, a.accept:visited{color: #698402; font-weight: bold;}

html{
	position: relative;
	background-color: #d1cebb;
}

body{
	font: 75%/1.6em Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

/* =content header and tabs alike
------------------------------------------------------------------------------------*/
.tabs .triggers{
	overflow: hidden;
	list-style: none;
}

.tabs .triggers li{
	float: left;
}
.top h2 em, .tabs .triggers em{
	font-weight: normal;
	font-style: normal;
	font-size: .9em;
}

.top h2, .tabs .triggers a{
	position: relative;
	float: left;
	display: block;
	margin-right: 20px;
	padding-left: 10px;
	height: 25px;
	font: 1.3em/25px "Trebuchet MS", Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #fff;
	background: transparent url(../img/h2-left.png) no-repeat 0 0;
	z-index:18;
}

.top h2 span, .tabs .triggers a span{
	position: absolute;
	top: 0px;
	right: -20px;
	display: block;
	height: 25px;
	width: 20px;
	background: transparent url(../img/h2-right.png) no-repeat 100% 0;
	z-index: 19;
}

.tabs .triggers a:link, .tabs .triggers a:visited{
	background: transparent url(../img/h2-left.png) no-repeat 0 -25px;
	color: #9b9f9c;
 }

.tabs .triggers a span{ background: transparent url(../img/h2-right.png) no-repeat 100% -25px; }

.tabs .triggers a:hover, .tabs .triggers a:active, .tabs .triggers a:focus, .tabs .triggers li.active a:link, .tabs .triggers li.active a:visited{
	background: transparent url(../img/h2-left.png) no-repeat 0 0;
	text-decoration: none;
	color: #fff;
	outline: 0;
}

.tabs .triggers a:hover span, .tabs .triggers a:active span, .tabs .triggers a:focus span, .tabs .triggers li.active a span{
	background: transparent url(../img/h2-right.png) no-repeat 100% 0;
}

#right .tabs .triggers{border-bottom: none; padding-left: 0;}

#right h2, #right .tabs .triggers a{
	height: 20px;
	font: 1.1em/20px "Trebuchet MS", Helvetica, Verdana, sans-serif;
	color: #838589;
	background: url(../img/aside-h2-left.png) no-repeat 0 0;
}

#right h2 span, #right .tabs .triggers a span{
	height: 20px;
	background: url(../img/aside-h2-right.png) no-repeat 100% 0;
}

#right .tabs .triggers a{ background: url(../img/aside-h2-left.png) no-repeat 0 -20px; }
#right .tabs .triggers a span{ background: url(../img/aside-h2-right.png) 100% -20px; }

#right .tabs .triggers a:hover, #right .tabs .triggers a:active, #right .tabs .triggers a:focus, #right .tabs .triggers li.active a{
	background: transparent url(../img/aside-h2-left.png) no-repeat 0 0;
	text-decoration: none;
	color: #838589;
}

#right .tabs .triggers a:hover span, #right .tabs .triggers a:active span, #right .tabs .triggers a:focus span, #right .tabs .triggers li.active a span{
	background: transparent url(../img/aside-h2-right.png) no-repeat 100% 0;
}

/* =forms and stuff
------------------------------------------------------------------------------------*/
form ul{list-style: none;}

input, textarea{
	background-color: #f5f5ee;
	border: 1px solid #f5f5ee;
	padding: 2px;
	font: 1em Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

select{
	background: #f5f5ee;
	border: 1px solid #f5f5ee;
}

input:focus, textarea:focus, select:focus{
	background: #fff7ce;
	border: 1px solid #ebebe1;
	outline: none;
}


button, a.button:link, a.button:visited{
	overflow: visible;
	font: 1em Verdana, sans-serif;
	font-weight: bold;
	clear: left;
	line-height: 19px;
	width: auto;
	height: 20px;
	margin: 0;
	padding: 0 7px;
	background: #B2CD49;
	color: #fff;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

a.button:link, a.button:visited{
	padding: 3px 7px;
}

button::-moz-focus-inner{padding:0;border:none;}

button:hover, button:focus, a.button:hover, a.button:active, a.button:focus{
	cursor: pointer;
	background: #B2CD49 url(../img/button-hover.png) repeat-x 0 0;
	text-decoration: none;
	outline: 0;
}

button.red, a.red:link, a.red:visited{background: #f60404;}

button.disabled, a.disabled{
	background: #bbb;
	color: #ddd;
	border-color: #ccc;
}

button.disabled:hover, a.disabled:hover{
	cursor: default
}

button.small{
	height: 16px;
	line-height: 14px; 
	padding: 0 3px;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: .8em;
	font-weight: normal;
}

li.inlineEdit input{
	border: 1px dotted #ccc;
	background: none;
}
li.inlineEdit input:hover{
}

.formList li{
	margin: 0 0 10px 0;
	clear: left;
}

.formList li.sep{
	margin-top: 30px;
}

.formList li.submit{
	margin-top: 20px;
	padding-left: 160px;
}

.formList li.text{
	padding-left: 20px;
	margin: 0 0;
	color: #818174;
	font-size: .85em;
}

.formList label, .formList .label{
	display: inline-block;
	width: 155px;
	margin-right: 5px;
	text-align: right;
}

.formList .checkbox label{ display: inline; }

.formList input{ width: 215px; }
.formList select{ width: 221px; }
.formList input[type="checkbox"]{ float: left; width: auto; margin-left: 160px; }

.formList .helptext{
	padding: 0 0 0 163px;
	font-size: .9em;
	color: #838589;
}
.resetPassword{
	overflow: hidden;
	padding: 50px;
}

/* =form feedback */
.feedback{
	float: right;
	width: 150px;
	padding-right: 10px;
	height: 100%;
	background: #ecece6;
}
.feedback h5{color: #555; border-bottom: 1px dotted #ccc;}
.feedback ol{
	margin: 0 0 10px 20px;
	font-size: .9em;
}
.feedback ol li{ list-style: decimal; margin-bottom: 5px; }
.feedback p{margin-bottom: 10px; font-size: .9em;}

/* =pagination
------------------------------------------------------------------------------------*/
.pagination{
	margin-top: 5px;
	padding: 5px 0 0 10px;
	border-top: 1px solid #D3D3D0;
}

.pagination a:link, .pagination a:visited{
	color: #939596;
	padding: 3px 2px 2px;
	border: 1px solid #fff;
}

.pagination a:hover, .pagination a:active, .pagination a:focus{
	color: #727478;
	border: 1px solid #c4c5c6;
	text-decoration: none;
}

.pagination .current{
	font-size: 1.25em;
	color: #333;
}

.pagination .start, .pagination .prev, .pagination .next, .pagination .end{
	font: bold 1.3em Arial;
	padding: 0px 2px 0!important;
} 

/* =general classes
------------------------------------------------------------------------------------*/

	li.empty, div .empty p, p.empty{ padding: 20px; text-align: center; }

	/*usersList*/
	.usersList{
		overflow: hidden;
		padding-bottom: 5px;
	}

	.usersList li{
		display: block;
		float: left;
		text-align: center;
		line-height: 1.4em;
		font-size: .9em;
		width: 110px;
		padding: 15px 0;
	}
	
	.usersList .modicon, .usersList .adminicon, .usersList .vipicon{ position: absolute; bottom: -10px;	right: 35%; }
	.usersList .adminicon{ right: 29%; }
	.usersList .vipicon{ right: 34%; }

	.usersList div.avatar{
		margin: 0 10px 10px;
		padding: 7px 0;
		position: relative;
		background: #fcfcfc;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border: 1px solid #f6f4f4;
	}
	.usersList div.avatar .dialog{ margin-bottom: 2px; }
	
	.usersList li.empty{
		float: none;
		margin-top: 0;
		width:auto!important;
		font-size: 1em;
	}
	
	.usersList span.additional {
		background: #FCFCFC;
		border: 1px solid #F8F7F7;
		padding: 1px 2px;
		-moz-border-radius:3px;
	}
	
	.box .usersList li{
		width:85px;
		padding: 5px 0 10px;
	}
	.box li.empty{ float: none; padding: 10px 10px 0!important; width: auto; text-align: center; }

	.box .usersList div.avatar{ margin: 0 5px 10px; }
	.box .usersList .modicon, .box .usersList .adminicon, .box .usersList .vipicon{ bottom: -10px;	right: 30%; }
	.box .usersList .adminicon{ right: 23%; }
	.box .usersList .vipicon{ right: 28%; }
	
	/*user description bubble*/
	.descBubble{
		padding: 0 10px 0 15px;
		width: 370px;
		height: 22px;
		padding-top: 3px;
		float: left;
		background: url(../img/desc-bubble.png) no-repeat 0 0;
		font-size: .9em;
	}

	/*avatar image*/
	.usersList a.ellipsis{
		display: block;
		margin: 0 auto;
		o-text-overflow: ellipsis;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 95%;
	}

	.usersList a.ellipsis span{
		white-space: nowrap;
		width: 100%;
	}

	.usersList a.ellipsis window{
		moz-user-focus: normal;
		moz-user-select: text;
		width: 95%;
	}

	.usersList a.ellipsis description{
		moz-user-focus: normal;
		moz-user-select: text;
	}

	div.avatar a.dialog{ display: block; width: 52px; margin: 0 auto; }
	div.avatar img{ display: block; border: 1px solid #d0d0ce; padding: 1px; cursor:pointer;}
	div.avatar.online img{border-color: #fc0; background: #fc0;}
	
	.dialogHolder{
		overflow: hidden;
		position: absolute;
		width: 275px;
		z-index:999;
		color: #fff;
		font-size: .9em;
	}
	
	.dialogHolder .loading{
		width: 275px;
		height: 40px;
		line-height: 25px;
		text-align: center;
		background: url(../img/loadingDialog.png) no-repeat 0 0;
	}
	
	.dialogHolder .top{
		background: url(../img/popup-top.png) no-repeat 0 0;
		padding: 5px 10px 5px 15px;
	}

	.dialogHolder h4{ margin-bottom: 0;}
	
	.dialogHolder h4 span{ font-size: .9em; }
	
	.dialogHolder h4 .modicon, .dialogHolder h4 .vipicon{
		font-weight: normal;
	}

	.dialogHolder .desc{
		margin-top: 5px;
		color: #9a9b9b;
	}

	.dialogHolder .actions{
		overflow: hidden;
		padding: 0px 10px 5px 15px;
		background: url(../img/popup-middle.png) repeat-y 0 0;
	}
	
	.dialogHolder .actions div.avatar{ float: left; margin-right: 10px; padding: 0 0 5px; }

	.dialogHolder .actions ul li{ line-height: 1.5em;}
	.dialogHolder .actions ul img{vertical-align: middle; margin-right: 5px;}

	.dialogHolder img{border: none; cursor: default;}
	.dialogHolder .stats{
		clear: left;
		overflow: hidden;
		background: url(../img/popup-middle.png) repeat-y 0 0;
		text-align: center;
	}

	.dialogHolder .stats strong{ color: #a4cb38; }

	.dialogHolder .stats .qrate{
		margin: 0 10px 0 5px;
		padding: 5px 10px 5px 15px;
		border-top: 1px solid #666868;
		background: #343636;
	}

	/*.dialogHolder .stats .qrate{
		margin: 0 10px 0 5px;
		padding: 5px 10px 5px 15px;
		background: #343636;
	}*/

	.dialogHolder .stats .qrate p{
		padding: 5px 0;
		/*border-top: 1px solid #666868;*/
		border-bottom: 1px solid #666868;
	}
	
	.stats .qrate img{
		margin: 2px 3px 0;
		vertical-align: top;
	}

	.dialogHolder .stats .counters{
		margin: 0 10px 0 5px;
		padding: 5px 10px 5px 27px;
		border-bottom: 1px solid #666868;
		background: #343636;
		overflow: hidden;
	}

	.dialogHolder .stats .counters p{
		display: block;
		float: left;
		margin-right: 12px;
	}
	.dialogHolder .stats .counters p span{
		display: block;
	}

	.dialogHolder .userweblinks{
		overflow: hidden;
		padding: 5px 10px 15px 15px;
		clear: left;
		background: url(../img/popup-bottom.png) no-repeat 0 100%;
	}
	
	.dialogHolder .userweblinks li{ margin-top: 0; }

	/* =addquestion */
	a.addquestion:link, a.addquestion:visited{
		float: right;
		background: #d35a2b;
		font-size: 1.1em;
		padding: 3px 5px;
	}

	a.addquestion:hover, a.addquestion:active, a.addquestion:focus{
		background: #c75325;
	}

	/* =mod and vip icons */
	.modicon, .vipicon, .vipicon:link, .vipicon:visited{
		color: #fff !important;
		padding: 0 3px 1px;
		font-family: "Lucida Sans Unicode", Arial, sans-serif;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.modicon{ background: #c00; border-bottom: none; }
	.vipicon{ background: #4b84b8; }
	.modicon:hover, .modicon:active, .modicon:focus,
	.vipicon:hover, .vipicon:active, .vipicon:focus{text-decoration: none;}

	/* =notifications */
	.notifications{
		text-align: left;
		list-style: none;
	}

	.notifications li{
		padding: 5px;
		margin-bottom: 5px;
		color: #fff;
		background: #4db3e7;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.notifications .info{ background: #91c4de; }
	.notifications .notice{ background: #ffb400; }
	.notifications .error{ background: #f93f20; }

	form .notifications li, span.info, .more .notifications .info{
		background: transparent!important;
		color: #4db3e7;
		padding: 0;
		margin-bottom: 0;
	}
	
	form .notifications .info, span.info, .more .notifications .info{ color: #4db3e7; }
	form .notifications .notice{ color: #ffb400; }
	form .notifications .error{ color: #000; }
	form .notifications .error span{ color: #f93f20; }
	
	.more .notifications{ float: left; }
	.more .notifications *{ margin: 0px; padding: 0px; }



	/* =useful classes */
	.clr{clear: both;}
	.small{font-size: .9em; color: #838589;}

	.hidden{
		overflow: hidden;
		position: absolute;
		left: -9999px!important;
		top: 0!important;
		height: 1px;
	}

	.confirm{
		padding: 15px 20px 5px;
	}

	.confirm p{
		text-align: center;
		margin-bottom: 15px;
	}
	
	.more{
		overflow: hidden;
	}
	
	.more a{
		float: right;
		margin-right: 10px;
	}

	ul.userweblinks li {
		display:block;
		float:left;
		margin:3px 5px 0 0;
	}
	
	ul.userweblinks li a{
		display: block;
		width: 16px;
		height: 16px;
		background-image: url(../img/favs.png);
		background-repeat: no-repeat;
	}
	
	ul.userweblinks li a.uw{background-position: 0 -5px;}
	ul.userweblinks li a.nk{background-position: 0 -31px;}
	ul.userweblinks li a.gl{background-position: 0 -57px;}
	ul.userweblinks li a.gr{background-position: 0 -83px;}
	ul.userweblinks li a.lf{background-position: 0 -109px;}
	ul.userweblinks li a.fb{background-position: 0 -135px;}
	ul.userweblinks li a.ms{background-position: 0 -163px;}
	ul.userweblinks li a.pb{background-position: 0 -189px;}
	ul.userweblinks li a.fo{background-position: 0 -213px;}
	
	span.thumbsup, span.thumbsdown{
		display: block;
		width: 16px;
		height: 16px;
		background: url(../img/hands.png) no-repeat -16px -16px;
	}
	
	span.thumbsdown{background: url(../img/hands.png) no-repeat 0 -16px;}

/* =wrapper
------------------------------------------------------------------------------------*/
#holder{
	margin: auto;
	padding: 0 10px 20px;
	width: 960px;
	background: #f5f5ee;
}


/* =header
------------------------------------------------------------------------------------*/
#top{
	height: 60px;
	margin-bottom: 20px;
	color: #fff;
	background: #000 url(../img/top-left.png) no-repeat 0 0;
}

	#top h1{
		margin: 10px 20px 0 10px;
		float: left;
	}

	#top .mainmenu{
		float: left;
		width: 540px;
	}

	#top .mainmenu .parent{
		display: block;
		float: left;
	}

	#top .mainmenu .actionButton:link, #top .mainmenu .actionButton:visited{
		display: block;
		height: 60px;
		padding: 0 20px 0 10px;
		line-height: 60px;
		background: none;
		border: none;
		color: #fff;
		font-weight: bold;
	}

	#top .mainmenu .actionButton img{
		vertical-align: middle;
		margin-right: 5px;
		padding: 1px;
		border: 1px solid #ccc;
	}
	
	#top .mainmenu ul ul{
		position: absolute;
		background: #000;
		z-index: 100;
		font-size: .9em;
		padding-bottom: 10px;
		border-radius-bottomright: 10px;
		border-radius-bottomleft: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
	}
	
	#top .mainmenu .categories ul{ width: 360px; }
	#top .mainmenu .categories ul li{ float: left; width: 120px; }
	
	#top .mainmenu ul ul li a, #top .mainmenu ul ul li h5{ padding: 1px 10px; }
	#top .mainmenu ul ul.first li a{ padding-left: 20px; }		

	#top .mainmenu li h5{
		font-size: 1em;
		/*border-top: 1px solid #424343;*/
		background: #424343;
		color: #ddd;
		
	}

	#top .mainmenu a:link, #top .mainmenu a:visited{
		color: #eee;
		display: block;
	}

	#top .mainmenu a:hover, #top .mainmenu a:active, #top .mainmenu a:focus,
	#top .mainmenu .actionButton:hover, #top .mainmenu .actionButton:active, #top .mainmenu .actionButton:focus{
		color: #fb9d38;
		text-decoration: none;
	}

	.rightPane{
		position: relative;
		height: 60px;
		width: 272px;
		float: right;
		background: url(../img/top-right.png) no-repeat 100% 0;
		z-index: 119;
	}

	.rightPane .search{
		margin: 30px 0 0 57px;
		text-align: right;
	    width: 200px;
	    height: 20px;
	    background: url(../img/search-box.png) no-repeat 0 0;
	}
	.rightPane .search input{
	    float: left;
	    padding: 0;
	    margin: 3px 0 0 5px;
	    border: 0;
	    width: 160px;
	    background: none;
	}
	.rightPane .search button{
	    float: left;
	    background: none;
	    padding: 0 5px;
	    clear: none;
	}

	.login p.links{
		position: absolute;
		top: 0px;
		right: 0px;
		padding: 5px 15px 0 0;
		color: #fff;
		font-size: .9em;
		background: #000;
		z-index: 121;
	}

	.login p a:link, .login p a:visited{
		font-weight: bold;
	}
	/* =loginHolder and slider
	------------------------------------------------------------------------------------*/
	#loginSlider, .slider{
		position: absolute;
		top: -296px;
		padding: 90px 0 0 92px;
		min-height: 125px;
		background: url(../img/so-login.png) no-repeat 0 0;
		z-index: 120;
	}

	/* =loginPane and sliderPane
	------------------------------------------------------------------------------------*/
	.loginPane, .sliderPane{
		color: #fff;
		width: 190px;
		padding-top: 12px;
		background: url(../img/login-popup-top.png) no-repeat 0 0;
		font-size: .9em;
	}

	.loginPane form, .sliderInfo{
		padding: 0 0 20px;
		background: url(../img/login-popup-bottom.png) no-repeat 0 100%;
	}

	.loginPane ul, .loginPane h4, .sliderPane p{
		padding: 0px 10px 0;
		margin-bottom: 0;
		background: url(../img/login-popup-middle.png) repeat-y 0 0;
	}

	.loginPane li{
		list-style: none;
		padding: 0 0 7px;
	}
	
	.loginPane input#id_remember_me{ width: auto; margin: 3px 5px 0 0; background: none; border: none; }
	.loginPane input[type="checkbox"]:last-child{ float: left; }

	.loginPane .notifications .error{ color: #f93f20; }
	
	.sliderClose{
		float: left;
		margin: 2px 0 0;
		font-size: .9em;
		font-weight: 400!important;
	}


/* =banner
------------------------------------------------------------------------------------*/
#banner{ margin-bottom: 10px; }

/* =content
------------------------------------------------------------------------------------*/
#left{
	float: left;
	width: 680px;
}

	#left .top{ height: 40px; line-height: 25px; }
	#left .top{ background: url(../img/left-top.png) no-repeat 0 100%; }

	#left .content{
		padding: 0 10px;
		background: #fff url(../img/left-content.png) repeat-y 0 0;
	}
	
	#left .leftIntro{
		padding: 20px;
		margin-top: -10px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 4px;
		background: #ececec;
	}

	#left .bottom{
		clear: both;
		height: 15px;
		background: url(../img/left-bottom.png) no-repeat 0 0;
	}

/* =aside
------------------------------------------------------------------------------------*/
#right{
	float: right;
	width: 270px;
}

	#right .box{ margin-bottom: 10px; }
	#right .ad-box{ margin: 0 0 10px 10px; }

	#right .top{ height: 30px; line-height: 20px;}
	#right .top{ background: url(../img/right-top.png) no-repeat 0 100%; }

	#right .content{
		padding: 5px;
		background: #fff url(../img/right-content.png) repeat-y 0 0;
	}

	#right .bottom{
		clear: both;
		height: 10px;
		background: url(../img/right-bottom.png) no-repeat 0 0;
	}

	/* =modules
	------------------------------------------------------------------------------------*/

	/* =invite */
	#right .invite .content{ padding: 0 10px; }
	.invite input{ width: 180px;}

	/* =addquestion */
	div.addquestion{ text-align: right; overflow: hidden; }

	/* =shoutbox and events */
	.shoutbox{clear: both;}
	.events .small a:link, .events .small a:visited,
	.shoutbox .small a:link, .shoutbox .small a:visited{ color: #CC6633; }

	.events .snag, .shoutbox form.setShout{
		margin: -10px 0 0;
		padding: 10px 0;
		background: #eeeeec;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-left-radius: 2px;
		-webkit-border-top-right-radius: 2px;
		-border-radius-topleft: 2px;
		-border-radius-topright: 2px;
		border-bottom: 2px solid #daddd6;
	}

	.shoutbox form.setShout{
		padding-bottom: 0px;
		text-align: center;
	}

	.shoutbox form.setShout li{display: inline;}
	.shoutbox form.setShout li label{display: inline;}

	.shoutbox form input{
		width: 185px;
		padding: 4px 2px;
		background-color: #fff;
	}

	.shoutbox form.setShout .notifications{
		min-height: 20px;
		padding: 0;
		font-size: .9em;
	}
	.shoutbox form .notifications li{ padding: 0 10px; }

	.events li, .shouts li{
		border-bottom: 1px solid #E8E8E4;
		padding: 3px 5px;
		color: #000;
	}

	.events li.empty{font-size: 1.1em;}

	.events li:last-child, .shouts li:last-child{ border-bottom: none; padding-bottom: 0;}

	.shoutbox li span{ color: #838589; }
	.shoutbox li img{ vertical-align: bottom; margin: 0 1px; }

	.events .snag{
		font-weight: bold;
	}

	.events li span{
		padding: 1px 2px;
		margin-right: 5px;
		background: #FCFCFC;
		color: #838589;
		border: 1px solid #f8f7f7;
		-moz-border-radius: 3px;
	}

	.events .actionButton{
		float: right;
		margin: 5px 5px -10px 0;
	}


/* =footer
------------------------------------------------------------------------------------*/
#footer{
	clear: both;
	width: 980px;
	margin: 0 auto;
	font-size: .9em;
	padding: 5px 0 280px;
	background: #4c4e45 url(../img/so-footer.png) no-repeat 50% 100%;
}

	#innerFooter{
		width: 980px;
		margin: 0 auto;
		background: url(../img/footer-border.png) repeat-x 0 25px;
	}

	#footer .col{
		width: 104px;
		float: left;
	}

	#footer ul{
		margin-bottom: 10px;
		padding: 0 5px;
	}

	#footer .snag{ width: 94px; }
	#footer .snag h4, #footer .snag ul{ padding-left: 10px; }
	#footer .recomended{ width: 114px; }
	#footer .recomended h4, #footer .recomended ul{ padding-right: 10px; }

	#footer .categories{
		width: 460px;
	}

	#footer .categories .col{ width: auto; }
	#footer .categories .col li{ width: 112px; float: left; }

	#footer h4, #footer h5{
		padding: 0 4px 5px 4px;
		color: #fff;
	}

	#footer h5{border-bottom: none; font-size: 1em;}

	#footer .snag h4:last-child{border-bottom: none;}

	#footer a:link, #footer a:visited{
		color: #f3f0e7;
	}
/* =404
----------------------------------------------------------------------------------------*/
#error404{
	margin: 100px auto;
	width: 630px;
	background: url(../img/404.jpg) no-repeat 0 0;
}

#error404 p{
	padding: 90px 325px 20px 5px;
}