html { background:#0a0a0a url("../img/body_bg.jpg") no-repeat top center; }
body { font:normal normal 12px Verdana,Arial,Helvetica,Geneva,sans-serif; }

a { color:#666; }
a:hover { color:#333; }

ul { margin:0 0 10px 20px; }
ol { margin-left:25px; }
ul li { list-style-type:disc; }
ol li { list-style-type:decimal; }

em, i { font-style:italic; }
strong, b { font-weight:bold; }

img { border:0; }

/**
 * Block types h1-h6, pre, p and address can be used in Lemon's editor and
 * you can customize their names by altering the comment behind the rule.
 * See the example below! Note: The rule must be on ONE line to work in Lemon.
 */
h1 { font:normal normal 28px Georgia,Times,"Times New Roman",serif; padding:3px 0 10px; } /* Huvudrubrik */
h2 { font:normal normal 24px Georgia,Times,"Times New Roman",serif; padding:3px 0 10px; } /* Underrubrik */
h3 { font:normal normal 18px Georgia,Times,"Times New Roman",serif; padding:10px 0 10px; } /* Mellanrubrik */
h4 { font:normal normal 16px Georgia,Times,"Times New Roman",serif; padding:3px 0 3px; } /* Mindre rubrik */

p { padding:0 0 10px; line-height:18px; } /* Stycke */

/* header.inc.con */
#wrapper { margin:0 auto; padding:20px 0 0; width:980px; }
	#header { padding:0 0 0 40px; }
		#logotype { display:block; float:left; }
		#searchform { background:#fff; border:1px solid #6c6c6c; float:right; margin:55px 11px 0 0; padding:7px; position:relative; width:288px; }
			#searchfld { border:1px solid #000; font:normal normal 12px Verdana,Arial,sans-serif; padding:5px; width:230px; }
			#submit { height:26px; position:absolute; right:7px; top:7px; width:40px; }
	#main_wrapper { }

		/* start.con */
		#content_left { float:left; width:656px; }
			#content_left_top { background:url("../img/startwrapper_bg_top.png") no-repeat; height:17px; }
			#content_left_mid { background:url("../img/startwrapper_bg_mid.png") repeat-y; padding:0 16px; }
				#nav { background:url("../img/menu_bg.png") no-repeat; font:normal bold 14px "Trebuchet MS",sans-serif; margin:0; }
				.subpages { padding:0 0 10px; }
					#nav li { display:inline; float:left; }
					#nav li a { border-right:1px solid #950200; color:#fff; display:block; margin:0 0 2px; padding:7px 10px; text-decoration:none; }
					#nav li a:hover { color:#ccc; }
				#upcoming_play { background:#ccc; font-size:0; }
			#content_left_bot { background:url("../img/startwrapper_bg_bot.png") no-repeat; height:17px; }

		#content_right { background:url("../img/news_right_bg.png") no-repeat; float:left; height:412px; padding:17px 8px 0 9px; width:303px; }
			#news { background:url("../img/news_right_bg2.jpg") no-repeat; height:395px; }
			#news h3 { background:#fff; padding:6px 10px 7px; }
			#news ul { margin:10px 1px 0; }
			#news li { background:url("../img/news_item_bg.png") no-repeat; height:88px; list-style-type:none; margin:0 0 10px; overflow:hidden; padding:6px 10px; }
			#news li .date { color:#e7b9b9; font:normal normal 10px Verdana,sans-serif; }
			#news li h4 { color:#fff; }
			#news li a { text-decoration:none; color:#fff; }
			#news li a:hover { text-decoration:underline; }

	#pushboxes { padding:0 0 10px 14px; }
		#pushboxes .box { background:#fff; border-bottom:3px solid #ffcc00; float:left; margin:0 19px 0 0; padding:10px 10px 20px; width:286px; }
		#pushboxes .last { background:#fff url("../img/masks.jpg") no-repeat bottom right; margin:0; }

		/* other templates */
		#top_container { background:url("../img/wrapper_bg_top.png") no-repeat; height:17px; }
		#mid_container { background:url("../img/wrapper_bg_mid.png") repeat-y; padding:0 16px; }
			#content { margin:20px 40px 0; padding:0 0 20px; }
				#content_left2 { float:left; margin:0 48px 0 0; width:520px; }
				#content_right2 { float:left; width:300px; }
		#bot_container { background:url("../img/wrapper_bg_bot.png") no-repeat; height:20px; }

		/* article.con */
		.ingress { font-weight:bold; }
		#archive { margin:0 0 0 15px; }
			#archive li { list-style-type:circle; }
			#archive a { display:block; padding:0 0 5px; text-decoration:none; }
			#archive a.active { font-weight:bold; }
		
		/* form.con */
		.form { width:400px; }
		.form td { text-align:center; }
		.form td img { margin:10px 0; width:200px; height:55px; }
		.form #uword { margin-top:10px; }
		.label_td, .field_td { width:200px; padding:10px 0 0 0; text-align:left !important; }
		.group_td { width:350px; padding-bottom:10px; text-align:left !important; }
		.field_input { width:250px; margin:0 10px 0 0; }
		.field_text, .field_textarea, .field_select { font-size:13px; }
		.field_textarea { height:100px; overflow:auto; }
		.field_checkbox { width:auto; }
		.button { margin:0 7px 10px 0; font:bold 12px tahoma; width:80px; }

		/* search.con */
		.searchresult_list li { padding:0 0 5px; }


		/* footer.inc.con */
		#footer { padding:0 0 0 10px; }
			#sponsors { background:url("../img/sponsorbox.png") no-repeat; color:#666; float:left; font:normal normal 14px georgia; margin:0 11px 0 0; width:639px; }
				#diamond { border-bottom:1px solid #333; margin:5px 10px 0; padding:10px 0 10px 20px; position:relative; }
					#diamond h6 { position:absolute; top:0; left:0; }
					#diamond img { display:inline-block; margin:0 20px 0 0; vertical-align:middle; }
				#gold { margin:5px 10px 0; padding:0 0 0 10px; position:relative; }
					#gold h6 { position:absolute; top:0; left:0; }
					#gold img { display:inline-block; margin:25px 5px 0 0; vertical-align:middle; }
				#other { margin:5px 10px 0; position:relative; }
					#other h6 { padding:0 0 5px; }
					#other p { text-align:center; }
					#other a { color:#666; text-decoration:none; }
					#other a:hover { text-decoration:underline; }
			#misc { background:url("../img/facebookbox.png") no-repeat; float:left; font:normal normal 11px arial,sans-serif; padding:0 0 0px; width:314px; }
				#fb { border-bottom:1px solid #333; margin:10px; padding:11px 0 11px 10px; }
				#alandcom { color:#666; margin:0 0 10px 14px; }
				#contact { color:#666; margin:0 0 0 20px; }
					#contact a { color:#666; }
				#creds { color:#444; font:normal normal 10px arial,sans-serif; padding:40px 20px 0 20px; text-align:right; }
					#creds a { color:#444; }

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-block;}* html .clear{height:1%;}.clear{display:block;}
