/* ------ Resets
*/
body,address,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
fieldset, table {
	border:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	overflow:hidden;
	word-wrap:break-word; /* will not validate IE only */
}
table,fieldset,img { 
	border:0;
}
caption, th, td {
	/* text-align: left; Was affecting jQuery UI Calender */
}


/* ------ Defaults
*/
html { 
	font-size:100.01%; 
	/* height: 100.12%;  forces scroll on short length pages def:101% */
}
body { 
	height:100%;
	font:81.25%/1.3 Arial,Verdana,Geneva,Helvetica,sans-serif;
	background:#fff;
	color:#333;
}


/* ------ Typography
*/
address, h1, h2, h3, h4, h5, h6, p, pre {padding: .3em 0; /*10px;*/}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
pre {font-size: 12px;}
ol, ul {margin-left: 25px;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
hr { border:0; border-bottom:1px solid #ddd; }

/* ------ Template
*/
#wrap {
	background: white;
	min-width: 780px;
	max-width: 1260px;
	margin: 10px auto 0;
}
	#wrap-inner {
		margin: 10px 0px 0px 10px;
		padding-bottom: 10px;
	}

#header {
	clear:both;
	height: 90px;
	padding-left:10px;
	border-bottom:2px solid #3887e9;
}
	#header img {
		float:left;
	}

ul.navigation {
	float:left;
	left:330px;
	position:absolute;
	top:42px;
}
	ul.navigation li {
		color:#3887e9;
		float:left;
		font-size:110%;
		font-weight:bold;
		padding:0 8px;
	}
	ul.navigation li a {
		text-decoration:none;
	}
	ul.navigation li a:hover {
		text-decoration:underline;
	}
  
#leftcolumn {
	background:white none repeat scroll 0 0;
	float:left;
	width:100%;
}
	#leftcolumn .inner .head,
	#leftcolumn .inner .head h3 {
		background:transparent url(../images/template/lsb.jpg) no-repeat bottom;
	}
	#leftcolumn-inner {
		margin-right:280px;
	}
	#leftcolumn .inner { 
		width:100%;
		margin: 0px auto; /* use to position the box */ 
	}
	#leftcolumn .inner .head {
		background-position: top right; 
		margin-right: 4px; /* pull the right image over on top of border */
	}
	#leftcolumn .inner .head h3 {
		color:#3887e9;
		background:transparent url(../images/template/lsb-l.jpg) no-repeat bottom;
		background-position: top left; 
		padding: 4px 10px 30px; /* padding-left = image gap + interior padding ... no padding-right */ 
		height: auto !important; 
		height: 1%; /* IE Holly Hack */
	}
	#leftcolumn .inner .body {
		background:transparent url(../images/template/lsb-r.jpg) repeat-y right;
		background-position: bottom right; 
		margin-right: 4px; /* interior-padding right */ 
		padding: 0 0 15px; /* mirror .cssbox_head right/left */ 
		
		padding-left:20px; /*new*/
		padding-right:20px; /*new*/
	}
	#leftcolumn .inner a.more {
		float: right;
		display: block;
	}
   
#rightcolumn {
	color:white;
	background:#1e1e1e none repeat scroll 0 0;
	float:left;
	width:280px;
	margin-left:-284px; /* extra px is from border below */
	border:solid #3887e9;
	border-width:0px 0px 2px 4px;
}
	#rightcolumn .inner,
	#rightcolumn .inner .body,
	#rightcolumn .inner .head,
	#rightcolumn .inner .head h3 {
		background:transparent url(../images/template/rsb.jpg) no-repeat bottom;
	}
	#rightcolumn .inner {
		width: 265px !important; /* intended total box width - padding-right(next) */ 
		width: 265px; /* IE Win = width - padding */ 
		padding-right:15px; /* the gap on the right edge of the image (not content padding) */ 
		margin: 0px auto; /* use to position the box */ 
	}
	#rightcolumn .inner .head {
		background-position: top right; 
		margin-right: -15px; /* pull the right image over on top of border */ 
		padding-right: 15px; /* right-image-gap + right-inside padding */ 
	}
	#rightcolumn .inner .head h3 {
		background-position: top left;
		padding: 2px 0 26px 0; /* padding-left = image gap + interior padding ... no padding-right */ 
		height: auto !important; 
		height: 1%; /* IE Holly Hack */ 
		text-align: right;
	}
	#rightcolumn .inner .body {
		background-position: bottom left; 
		margin-right: 5px; /* interior-padding right */ 
		padding: 0 0 25px 20px; /* mirror .cssbox_head right/left */ 
	}
	#rightcolumn .inner a.more {
		float: right;
		display: block;
	}
	/* Change from rightcolumn to userpanel*/
	
	/**/
	
#footer {
	clear:both;
	text-align:center;
	padding-top:8px;
	border-top:1px solid #e8e8e8;
}
	.copyright {
		font-size:85%;
		letter-spacing:1px;
		color:#ccc;
	}

.inner {
	margin:10px;
}


/* ------ Ads
*/
.ads div.ads {
	margin-left:25px;
	text-align:center;
	height:200px;
	width:200px;
}


/* ------ User Panel
*/
.user-panel label.username,
.user-panel label.password,
.user-panel label.spacer {
	float:left;
	width:60px;
	margin-bottom:10px;
}
.user-panel .forgot-password {
	font-size:80%;
	float:right;
	margin-right:10px;
}
.user-panel .no-user-image {
		float:left;
		width:80px;
		height:80px;
		margin-right:10px;
		background: transparent url(../images/template/user_image_bg.jpg);
}
.user-panel .user-image {
	float:left;
	margin-right:10px;
}
.user-panel .user-nav a {
	font-size:85%;
	letter-spacing:1px;
}
.user-panel .welcome-msg {
	font-size:90%;
	margin-bottom:10px;
}
.user-panel form p {
	height:30px;
}
.user-panel input.login {
	height:32px;
	width:75px;
}
.user-panel a.register {
	height:18px;
	width:53px;
	text-align:center;
}
.user-panel input#username,
.user-panel input#password {
	width:150px;
}

.user-panel .points-alert {
	margin-bottom:15px;
}
.user-panel .points-alert h3 {
	text-align:center;
	margin:0;
	padding:0;
}
.user-panel .points-alert .message {
	letter-spacing:1px;
}
.user-panel .points-alert .point {
	color:green;
	font-size:110%;
}


/* ------ User Profile
*/
.profile .user-image {
	float:left;
	padding:15px 20px;
	margin:4px 20px 0 0;
	border:1px solid lightgrey;
	text-align:center;
}
.profile .user-image .image {
	margin-bottom:4px;
}
.profile .user-image .username {
	font-weight:bold;
	display:block;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid lightgrey;
}
.profile .user-image .level,
.profile .user-image .points {
	font-size:85%;
}
.profile .user-image .level {
	font-weight:bold;
}

/* ------ User Profile Personal Info
*/
.profile .personal-info {
	float:left;
}
.profile .personal-info h3 {
	padding-left:24px;
	background:url('../images/icons/user.png') 0 50% no-repeat;
}
.profile .personal-info label {
	padding:0 4px 3px 0;
}

/* ------ User Profile Recent Points
*/
.profile .recent-points h3 {
	padding-left:24px;
	background:url('../images/icons/award_star_gold_3.png') 0 50% no-repeat;
}
.profile .recent-points ul.point-messages {
	margin-left:12px;
}
.profile .recent-points ul.point-messages li {
	margin-bottom:8px;
}
.profile .recent-points ul.point-messages .point {
	float:left;
	width:35px;
	display:block;
	margin-right:5px;
	font-weight:bold;
	text-align:center;
	padding-right:16px;
}
.profile .recent-points ul.point-messages .time {
	color:#888;
	font-size:85%;
	padding-left:20px;
	background:url('../images/icons/time.png') 0 50% no-repeat;
}
.profile .recent-points ul.point-messages .green {
	color:green;
	background:url('../images/icons/award_star_add.png') 100% 50% no-repeat;
}
.profile .recent-points ul.point-messages .red {
	color:red;
	background:url('../images/icons/award_star_delete.png') 100% 50% no-repeat;
}


/* ------ Categories
*/
.categories ul.categories {
	margin-left:10px;
}
li.category {
	float:left;
	display:block;
	width:20%;
	height:140px;
	padding:10px;
	text-align:center;
}
.category-image {
	float:left;
	margin-right:10px;
}

.category h3 a.feed {
	float:right;
}


/* ------ Best Answer
*/
.best-answer-form h4 {
	float:left;
	font-weight:bold;
	padding-left:0;
}
.best-answer-details .stars,
.best-answer-details .stars-text-prefix,
.best-answer-details .stars-text-suffix {
	float:left;
}
.best-answer-details .stars-text-prefix,
.best-answer-details .stars-text-suffix {
	font-size:85%;
	font-weight:bold;
	line-height:18px;
}
.best-answer-details .stars-text-suffix {
	margin-left:5px;
}
.best-answer-details .stars-text-prefix {
	margin-right:5px;
}


/* ------ Questions and Answers
*/
#question_container {
	float:left;
	margin-right:10px;
}

ul.newest-questions,
ul.answered-questions {
	margin-left:10px;
}
li.question,
ul.newest-questions li,
ul.answered-questions li { 
	border-bottom:1px solid #eee;
	padding:14px 10px;
}
ul.newest-questions li:last-child,
ul.answered-questions li:last-child { 
	border:none;
}

li.question .details,
ul.newest-questions li .details,
ul.answered-questions li .details { 
	color:#999;
	font-size:85%;
	margin-top:2px;
	line-height:18px
}

div.question {
	border:1px solid lightgrey;
	padding:15px 10px 10px;
	margin:0 0 20px;
}

div.question h1 { 
	font-size:1.7em;
	padding-top:0;
	padding-bottom:0; 
}

div.question .subtitle
{ 
	font-size:1.3em;
	font-weight:bold;
}

div.question .addthis {
	padding:8px 0 0 0;
}

body.question .question .details { 
	margin-bottom:6px;
}

.question .user-image,
.answer .user-image {
	text-align:center;
	float:left;
	margin-right:10px;
	width:85px;
}

li.question .user-image {
	width:45px;
	height:45px;
	overflow:hidden;
}
li.question .user-image img {
	height:35px;
}

li.question span.answers a {
	font-weight:bold;
}

ul.answers li.answer {
	border:1px dotted lightgrey;
	padding:8px;
	margin-bottom:4px;
}

ul.has_answer li.best-answer { display:none; }
ul.answers li.best-answer {  
	border:solid 1px #3887E9;
	background:url(../images/template/best_corner.png) right top no-repeat;
}

.answer div.time,
.question div.time {
	color:#999;
	font-size:85%;
}

div.question-holder,
div.answer-holder {
	float:left;
	width:78%;
}

div.answers .nothing_found {
	text-align:center;
	font-weight:bold;
}


.input-holder {
	float:left;
	width:60%;/*70%;*/
	margin-right:25px;
}

.charcounter {
	font-size:85%;
	padding-left:1px;
}

textarea.input-box {
	font-size:110%;
	font-weight:bold;
	margin:0;
	width:100%;
	height:86px;
}


/* START Option Bar */
	ul.optionbar {
		clear:both;
		margin:4px 0;
	}
	ul.optionbar li {
		float:right;
		padding:0 4px 0;
	}
	ul.optionbar li a,
	span.thumbsup,
	span.thumbsdown {
		display:block;
		height:16px;
		font-weight:bold;
		font-size:85%;
		text-decoration:none;
		padding-left:22px;
	}
	ul.optionbar li span { color:#aaa; }
	ul.optionbar li a:hover { text-decoration:underline; }
	
		/* Special Cases for Option Bar */
		li.category ul.optionbar li { float:none; }
		li.category ul.optionbar li a {
			display:inline;
			padding:3px 0 3px 22px;
		}
		
		div.question ul.optionbar { margin-top:15px; }
		li.question ul.optionbar { margin-bottom:12px; }
	
	/* Option Bar Link Icons */
	a.ping { background:url(../images/icons/transmit.png) 2% 50% no-repeat; }
	a.ping:hover { background:url(../images/icons/transmit_go.png) 2% 50% no-repeat; }
	a.pinged { background:url(../images/icons/transmit_blue.png) 2% 50% no-repeat; }
	
	a.feed { 
		background:url(../images/icons/feed.png) 2% 50% no-repeat;
		font-size:11px;
		font-weight:bold; 
		padding-top:5px;
		padding-bottom:3px;
	}
	a.feed:hover { background:url(../images/icons/feed_go.png) 2% 50% no-repeat; }
	
	
	a.edit { background:url(../images/icons/page_white_edit.png) 2% 50% no-repeat; }
	a.edit:hover { background:url(../images/icons/page_white_edit_hover.png) 2% 50% no-repeat; }
	
	a.delete { background:url(../images/icons/delete.png) 2% 50% no-repeat; }
	a.delete:hover { background:url(../images/icons/delete.png) 2% 50% no-repeat; }
	
	a.quick-info { background:url(../images/icons/zoom_in.png) 2% 50% no-repeat; }
	a.quick-info:hover { background:url(../images/icons/zoom_in.png) 2% 50% no-repeat; }
	
	a.view { background:url(../images/icons/user.png) 2% 50% no-repeat; }
	a.view:hover { background:url(../images/icons/user.png) 2% 50% no-repeat; }
	
	a.best { background:url(../images/icons/tick.png) 2% 50% no-repeat; }
	
	a.spam { background:url(../images/icons/exclamation.png) 2% 50% no-repeat; }
	a.spam:hover { background:url(../images/icons/exclamation_hover.png) 2% 50% no-repeat; }
	
	a.thumbsup, span.thumbsup { background:url(../images/icons/thumb_up.png) 2% 50% no-repeat; }
	a.thumbsup:hover { background:url(../images/icons/thumb_up_hover.png) 2% 50% no-repeat; }
	
	a.thumbsdown, span.thumbsdown { background:url(../images/icons/thumb_down.png) 2% 50% no-repeat; }
	a.thumbsdown:hover { background:url(../images/icons/thumb_down_hover.png) 2% 50% no-repeat; }
	
	a.fave, a.faved:hover { background:url(../images/icons/star.png) 2% 50% no-repeat; }
	a.faved, a.fave:hover { background:url(../images/icons/star_checked.png) 2% 50% no-repeat; }
	
	a.hasicon { padding-left:22px; }
	
	a.no-text,
	a.icononly { 
		float:left;
		width:16px; 
		height:16px; 
		display:block;
		margin-right:5px;
	}
/* END Option Bar */


/* ------ CSS Table
*/
.cssTable {
	display:table;
	width: 100%;
}
.cssRow {
	display:table-row;
}
.cssCol {
	width: 20%;
	height:80px;
	display:table-cell;
	vertical-align:middle;
}


/* ------ Search
*/
.search-form #category { padding:2px; }


/* ------ User List
*/
ul.user-list li.user {
	padding:4px 15px;
	border-bottom:1px solid lightgrey;
}
ul.user-list li.deleted {
	background-color:#f8e3e0;
	border:1px solid pink;
}
ul.user-list img.avatar { 
	width:50px; 
}
ul.user-list .username { 
	font-size:170%; 
}
ul.user-list .username a { 
	text-decoration:none; 
}
ul.user-list .username a:hover { 
	text-decoration:underline; 
}
ul.user-list li .inner { 
	line-height:77px; 
}
ul.user-list .level,
ul.user-list .points { 
	font-weight:bold; 
}
ul.user-list .level .num,
ul.user-list .points .num { 
	font-weight:normal; 
}


/* ------ Admin
*/
.admin-list li {
	padding:5px;
}
.admin-list li li {
	padding:0;
}
.admin-list li a {
	font-weight:bold;
	text-decoration:none;
	margin-left:4px;
}
.admin-list li a:hover { 
	text-decoration:underline; 
}
.admin-list li .userimage {
	float:left;
	display:block;
	width:40px;
	text-align:center;	
}
.admin-list li .username {
	font-weight:bold;
	font-size:120%;
}
.admin-list li .username a {
	margin-left:4px;
}
.admin-list li .points {
	font-weight:bold;
	font-size:85%;
	color:#555;
	letter-spacing:1px;
}

/* ------ Error Messages
*/
div.flasherror {
	margin-right:4px;
	border:3px solid #ff8000;;
}
div.flasherror p {
	/* Padding is on p so jQuery can slide 
	 * the flash error box close smoothly. */
	padding:10px;
	color:#ff8000;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
}
div.error {
	font-size:110%;
	font-weight:bold;
	color:red;
	padding-left:0;
}


/* ------ Links 
*/
a, a:link { color:#3887e9; }
a {text-decoration:none;}
/*a:visited {text-decoration:underline;}*/
a:active, a:focus, a:hover {
	text-decoration:underline;
	outline:none;
}
a img {border:none;}

	
/* ------ Forms  
*/
input,label,select,textarea {
	vertical-align:middle;
	font-size:inherit;
	font-family:inherit;
}
input, textarea {
	padding:.2em;
	margin-right:8px;
}
textarea {
	overflow:auto;
	margin-bottom:10px;
}


label {
	cursor:pointer;
	line-height:2;
	font-size:90%;
	font-weight:bold;
	padding-right:10px;
}
label.error {
	background:url(../images/icons/exclamation.png) 0 50% no-repeat;
	padding:0 8px 0 26px;
}
label.valid {
	background:url(../images/icons/accept.png) 20% 50% no-repeat;
	padding:0 8px;
}
label.oneline {
	text-align:right;
	float:left;
	margin-bottom:10px;
	width:150px;
}

/* This is for labels that do not follow the normal form
 * label format or have to be placed randomly on the page. */
b.label {
	font-size:90%;
}
/**/


.gender-text {
	font-size:85%;
}

.button-style-1 {
	cursor:pointer;
	color:#74adf3;
	font-weight:bold;
	text-decoration:none;
	/*width:auto;*/
	margin-right:10px;
	padding:5px 9px;
	border:2px solid #3887e9;
	background-color:black;
}

.button-style-1:hover {
	color:white;
}


/* ------ Helpers  
*/
.heightfix { height:1px; }
.floatleft  { float:left; }
.floatright { float:right; }
.textleft, .textleft p { text-align: left; }
.textright, .textright p { text-align: right; }
.center, .centerp p { text-align:center; }
.justify, .justifyp p { text-align:justify; }
.fullheight { height:100%; }
.fullwidth { width:100%; }
.autowidth { width:auto; }
.autoheight { height:auto; }
.hide { display:none; }
.inline { display:inline; }
.nomargin { margin:0; }
.clearleft { clear:left; }
.clearright { clear:right; }
.clear {
	clear: both;
	padding:0;
	margin:0;
	line-height:normal;
}
ul.clean { 
	list-style:none; 
	list-style-image:none; 
	list-style-type:none;
}