/*
	EFTERSVETT
	stylesheet v2.0
	Mosse Stenström
	2009
*/

*
	{ margin:0; padding:0; }
a img
	{ border:0; }
body
	{ margin:20px 0; background:#676767 url(./img/bg-sharp.jpg) bottom right no-repeat fixed; font-family:"Comic Sans MS", cursive; font-size:14px; }
h1
	{ width:800px; height:54px; margin:0 auto; background:#676767 url(./img/header.jpg) top left no-repeat scroll; text-indent:-9000px; }
h2
	{ text-align:center; font-size:24px; text-transform:uppercase; margin-bottom:10px; }
#content-holder
	{ position:relative; width:680px; margin:0 auto 20px auto; padding:10px; border:0; background:#ffffff url(./img/bg-blurred.jpg) bottom right no-repeat fixed; }
img.smiley
	{ margin:0 2px; }
img#twonky
	{ width:274px; height:244px; margin:30px 0 -55px 219px; }
img.new_response
	{ margin-top:-50px; margin-left:600px; width:50px; height:43px; }
p.page_selector
	{ text-align:center; margin:20px 0; }
p#footer
	{ text-align:center; color:#888; font-size:80%; }

/*
	Main Content
*/
#threads-list
	{ list-style-type:none; }
#threads-list li
	{ margin-bottom:5px; text-align:center; }
#threads-list li a
	{ display:block; padding:5px; text-decoration:none; color:#000; }
#threads-list li.sticky a
	{ background:rgb(255,100,100) url('img/sticky.png') top left no-repeat scroll; }
#threads-list li a:hover, #threads-list li.sticky a:hover
	{ background-color:rgb(0,0,255); color:rgb(255,255,255); text-decoration:none; }
span.thr_head
	{ display:block; font-size:18px; font-weight:bold; }
span.thr_info
	{ display:block; font-size:12px; }

#messages-list
	{ list-style-type:none; }
#messages-list li
	{ margin-bottom:20px; border:2px solid #00f; }
#messages-list li.msg_new
	{ background:transparent url('img/star.gif') bottom right no-repeat scroll; }
#messages-list li p
	{ font-size:16px; padding:10px; }

/*		Entry formatting		*/
/* */ #messages-list li p cite
/* */ 	{ display:block; background-color:rgba(50,255,50,0.5); font-style:normal; padding:5px; margin:5px; border:1px solid #0a0; }
/* */ #messages-list li p em
/* */ 	{ background-color:#ff0; padding:0 5px; font-style:normal; }
/* */ #messages-list li p a
/* */ 	{ color:#fff; text-decoration:none; }

span.msg_btn
	{ display:block; text-align:right; padding:0 10px; }
a.msg_btn
	{ padding:1px 5px; font-size:12px; text-decoration:none; color:#fff; background-color:#f00; }
a.msg_btn:hover
	{ background-color:#00f; }
span.msg_mod
	{ display:block; color:#999; text-align:left; font-size:12px; }
span.msg_head
	{ display:block; background-color:#00f; color:#fff; text-align:center; }
span.msg_sign
	{ display:block; margin-top:10px; text-align:center; color:#666; padding:0 10px 10px 10px; }

table
	{ width:100%; border:2px solid #33f; border-bottom:2px solid #00a; border-right-color:2px solid #00a; }
table tr td
	{ border:2px solid #33f; border-top:2px solid #00a; border-left:2px solid #00a; padding:1px 5px; text-align:center; }
table tr:hover.sel td
	{ background-color:#66f; color:#fff; }
td.user_name
	{ text-align:left; }
td.num_messages
	{ font-weight:bold; }

p#welcome
	{ text-align:center; margin-bottom:50px; }
p#welcome span
	{ display:block; font-size:32px; font-weight:bold; color:#f00; }

a#new_thread
	{ display:block; text-align:center; width:200px; margin:0 auto 20px; padding:1px; text-transform:uppercase; background-color:#00f; color:#fff; text-decoration:none; }
a#new_thread:hover
	{ background-color:#f00; }

/*
	Forms
*/
form#message-entry
	{ margin:10px; }
form#message-entry textarea
	{ width:640px; height:200px; font:normal 12px "Comic Sans MS", cursive; border:2px solid #f00; padding:5px; }
form#message-entry input#submit
	{ background-color:#f00; padding:5px 100px; border:0; text-transform:uppercase; font:bold 12px "Comic Sans MS", cursive; color:#fff; }
form#message-entry input#submit:hover
	{ background-color:#00f; }
form#message-entry input#headline
	{ display:block; width:600px; margin:0 auto 10px; border:2px solid #f00; text-align:center; font:normal 18px "Comic Sans MS", cursive; color:#000; }
form#message-entry div
	{ margin:-20px 0 0 294px; padding:5px; width:350px; background-color:#0f0; font-size:12px; }
form#log-in
	{ margin:50px auto 50px; }
form#log-in label
	{ display:block; text-align:center; }
form#log-in input
	{ width:300px; border:2px solid #f00; font:normal 18px "Comic Sans MS", cursive; background-color:#fff; text-align:center; padding:2px; margin:2px auto; display:block; }
form#log-in input#submit
	{ border:0px; margin-top:10px; width:308px; background-color:#f00; color:#fff; }
form#log-in input#submit:hover
	{ background-color:#00f; }

a.smiley
	{ text-decoration:none; }
a.smiley:hover
	{ color:#000; }

/*
	Profile Preferences
*/
form.profile
	{ text-align:center; }
form.profile label
	{ display:block; }
form.profile label span
	{ display:block; font-size:50%; color:#f00; }
form.profile input
	{ display:block; width:300px; margin:0 auto 10px; border:2px solid #f00; text-align:center; font:normal 18px "Comic Sans MS", cursive; }
form.profile input#respond
	{ width:30px; height:30px; }
form.profile input#signature
	{ margin-bottom:30px; }
form.profile input#submit
	{ border:0px; margin:10px auto 40px; width:308px; background-color:#f00; color:#fff; }
form.profile input#submit:hover
	{ background-color:#00f; }
form.profile input.error
	{ background-color:#f00; }

/*
	Calendar
*/
td#month_name
	{	font-size:18px; }
td.cal
	{ height:100px; width:14%; vertical-align:top; }
td.cal_weekend
	{ background-color:rgba(150,150,255,0.8); }
td.cal_today
	{ background-color:rgb(255,150,150); }
td.cal_weekday
	{ font-size:75%; }
td.cal a.day
	{ display:block; border:1px solid #00f; text-decoration:none; }
td.cal a.day:hover
	{ background-color:#00f; color:#fff; }
td.cal p
	{ font-size:9px; line-height:10px; margin-top:3px; background-color:#00f; padding:1px; color:#fff; }
td.cal p:hover
	{ background-color:#fff; color:#000; }
td.cal p a.day_delete
	{ font-size:5px; color:#000; text-decoration:none; }
form#calendar
	{ margin:5px; }
form#calendar input
	{ border:2px solid #00f; font:normal 18px "Comic Sans MS", cursive; width:300px; padding:0 2px; text-align:center; }
form#calendar input#submit
	{ width:120px; font-size:14px; text-transform:uppercase; background-color:#fff; }

/*
	Navigation Bar
*/
#navigation
	{ margin-bottom:10px; }
#navigation ul
	{ text-align:center; margin-bottom:5px; }
#navigation ul li
	{ display:inline; line-height:23px; padding:0 5px; }
#navigation ul li a
	{ background-color:#f00; padding:1px 10px; color:#fff; text-decoration:none; text-transform:uppercase; }
#navigation ul li a:hover
	{ background-color:#00f; }
#navigation #log-out
	{ position:absolute; top:-36px; left:460px; }
#navigation #log-out a
	{ padding:1px 5px; background-color:#00f; color:#fff; text-decoration:none; text-transform:uppercase; margin-left:15px; font-size:12px; }
#navigation #log-out a:hover
	{ background-color:#fff; color:#00f; }

/*
	Navigation Arrows
*/
p#arrows
	{ position:fixed; top:5px; right:5px; }
p#arrows a
	{ width:50px; text-align:center; color:#fff; padding:5px 0; text-decoration:none; display:block; }
p#arrows a#home
	{ background-color:#33f; }
p#arrows a#up
	{ background-color:#00f; }
p#arrows a#down
	{ background-color:#00c; }
p#arrows a#home:hover, p#arrows a#up:hover, p#arrows a#down:hover
	{ background-color:#66f; }