/*  
Template name: Quietude
Template URI: http://templates.arcsin.se/quietude-website-template/
Release date: 2009-02-03
Last updated: 2009-10-28
Description: A liquid, playful and simple two-column template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/


/* 
   Reset (http://meyerweb.com/eric/tools/css/reset/)
------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td 
{ 
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0; 
  font-size: 100%; 
  vertical-align: baseline; 
  background: transparent; 
} 
    
body { 
  line-height: 1; 
} 

ol, ul { 
  list-style: none; 
} 

blockquote, q { 
  quotes: none; 
} 

blockquote:before, 
blockquote:after, 
q:before, 
q:after { 
  content: ''; content: 
  none; 
} 

:focus { 
  outline: 0; 
}
 
ins { 
  text-decoration: none; 
} 

del { 
  text-decoration: line-through; 
}

table { 
  border-collapse: collapse; 
  border-spacing: 0; 
}

/* 
   General 
------------------------------------------------------------------- */

html {
	font-size: 62.5%; /* reset 1em to 10px */
	min-height: 100%;
}

body {
	background: #FAFAFA url('img/body.jpg') no-repeat left bottom;
	border-top: 3px solid #660083;
	color: #111122;
	font: normal 1.4em sans-serif;
	padding-bottom: 1px; /* force scrollbars */
}

/* 
   Links 
------------------------------------------------------------------- */

a {
	color: #CC0099;
	text-decoration: none;
}

a:hover {
	color: #FF0066;
	text-decoration: underline;
}

/* 
   Layout 
------------------------------------------------------------------- */

/* Wrapper */
#wrapper {
  background: url('img/wrapper.jpg') no-repeat left top;
}

#wrapper_inner {
  background: url('img/wrapper_inner.jpg') no-repeat right top;
}


/* Toplinks */
#toplinks {
	float: right;
	font-size: 0.85em;
	height: 32px;
}

#toplinks ul {
	display: inline;
	float: right;
	margin: 9px 12px 0 0;
}

#toplinks li {
	background-color: #FAFAFA;
	color: #CCCCCC;
	float: left;
	padding-left: 6px;
}

#toplinks li a {
	color: #777777;
	margin-right: 2px;
}

#toplinks li a:hover {
  color: #001122;
}

/* Header */
#header {
	background: url('img/transp.png');
	border-bottom: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
}

#header_inner {
	margin: 0 0 0 201px;
	padding: 10px 0 10px;
}

#header h1 {
	background: none;
	padding-left: 0;
}

#header h1, #header_inner h1 a {
  color: #882288;
  font-size:170%;
  font-family:"Times New Roman", Times, serif;
  font-style: italic;
  font-weight: 500;
}


#header_inner p {
  /* border: 2px solid orange; */
  font-size:120%;
  font-weight: 400;
  color: #888888;
  padding-left: 0;
}

/* Navigation */
#navigation {
	position: absolute;
	background-color: #FFB2F3;
	left:  35px  /* 400px */;
	top: 3px;
	padding: 0 4px 4px;
}

#navigation_inner {
	background: #8000AA url('img/navigation.jpg') repeat-x left top;
	border: 1px solid #EEEEEE;
	border-top: none;
	width: 130px;	
}

#navigation li a {	
	border-bottom: 1px solid #5B0079;
	border-top: 1px solid #8900B4;
	color: #DDCCDD;
	display: block;
	padding: 10px 7%;
	text-decoration: none;
	width: 86%;
}

#navigation li:first-child a {
  border-top: none;
}

#navigation li a:hover {
	background: url('img/transpnav.png') repeat-x left bottom;
	color: #FFFFFF;
}

#navigation li.current_page_item a {
	background: url('img/transpnav.png') repeat-x left top;
	color: #FFFFEE;
	padding: 10px 4% 10px 10%;
}

#navigation h2 {
	background: url('img/transpnav.png') repeat-x left top;
	border-bottom: 1px solid #5B0079;
	color: #FFFFEE;
	font: bold 0.9em Verdana,sans-serif;
	margin: 0;
	padding: 6px 12px;
}

/* Main */
#main {
  padding: 14px 24px 0 201px;
}
                                
/* Sidebar */
#sidebar_outer {
/*   border: 1px solid green; */
	background: url('img/separator.gif') repeat-y left top;
	color: #555555;
	width: 25%;
}

#sidebar {
  padding: 8px 0 12px 24px;
}


/* Content */
#content {
  position: relative;
  width: 69%;
}

#content_inner {
  padding: 8px 12px 8px 0;
}

/* -----------------------------------------------------------------
Events 
------------------------------------------------------------------- */

.event_frame {
  margin-top: 5px;
  margin-bottom: 20px;
  border: 1px solid red;
	background: #DF20DF url('img/xchickenwire_white.gif');
}

.event_frame2 {
	background: url('img/footer.gif') no-repeat left center;
  color: #DF20DF;
}

.event_content {
  margin: 15px;
  border: 1px solid white;
  padding: 3px;
  background: #FAFAFA;
}

.event_rc_box {
   position: relative;
   border: 10px solid #AA00FF;
   margin-bottom: 1em;
}

.event_rc_box_nw {
   position: absolute;
   width: 20px;
   height: 20px;
   /* border: 1px solid green; */
   top: 0px; left: 0px; 
   margin: -10px 0 0 -10px;
	background:  url('img/event_rc_nw.gif') no-repeat top left; 
}

.event_rc_box_ne {
   position: absolute;
   width: 20px;
   height: 20px;
   /* border: 1px solid green; */
   top: 0px; right: 0px; 
   margin: -10px -10px 0px 0px;
	background:  url('img/event_rc_ne.gif') no-repeat top right; 
}


.event_rc_box_se {
   position: absolute;
   width: 20px;
   height: 20px;
   /* border: 1px solid green; */
   bottom: 0px; right: 0px; 
   margin: 0 -10px -10px 0;
	background:  url('img/event_rc_se.gif') no-repeat bottom right; 
}

.event_rc_box_sw {
   position: absolute;
   width: 20px;
   height: 20px;
   /* border: 1px solid green; */
   bottom: 0; left: 0; 
   margin: 0 0 -10px -10px;
	background:  url('img/event_rc_sw.gif') no-repeat bottom left; 
}


.event_rc_boxcontent {
  margin: 10px;
  padding: 0px 10px 0px 10px;
}


/* -----------------------------------------------------------------
Footer 
------------------------------------------------------------------- */
#footer {
	background: url('img/footer.gif') no-repeat left center;
	border-top: 1px solid #EAEAEA;
	color: #888888;
	margin-top: 16px;
	padding: 10px 0 10px 56px;
}

#footer a {
	color: #666666;
	text-decoration: underline;
}

#footer .right, #footer .right a  {
  color: #AAAAAA;
}

#footer .footer_right a {
  color: #AAAAAA;
  text-decoration: none;
}

#footer .footer_left a {
  color: #AAAAAA;
  text-decoration: none;
}


#footer a:hover {
  color: #333333;
}

#footer p {
	margin-top: 3px;
	padding: 3px 0;
	line-height: 1em;
}

.footer_left {
	padding: 0;
  width: 40%;
  text-align: left;
  float: left;
}

.footer_right {
	padding: 0;
  width: 40%;
  text-align: right;
  float: right;
}


/* 
   Typography 
------------------------------------------------------------------- */

p {
	line-height: 1.4em;
	padding: 0.2em 0 1.2em;
}

h1 {font: normal 2em sans-serif;}
h2 {font: normal 1.6em sans-serif;}
h3 {font: normal 1.4em sans-serif;}
h4 {font: bold 1.2em sans-serif;}
h5 {font: bold 1.1em sans-serif;}
h6 {font: bold 0.9em sans-serif;}

h3, h4, h5, h6 {margin-top: 0.3em;}

h1, h2, h3, h4, h5, h6 {margin-bottom: 0.5em;}

h1, h2, h3, h4, h5, h6 {color: #4A404F;} 


blockquote {
	background: #F6F6F6 url('img/quote.gif') no-repeat;
	border-bottom: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	color: #555555;
	display: block;
	font: normal 1.1em sans-serif;
	margin: 1em 0;
	padding: 0.6em 1em 0 46px;
}

/* Specific */
h1 {
/*  border: 1px solid red; */
	background: url('img/h1.gif') no-repeat 1px 1px;
	padding-left: 32px;
}

h2 {
/*  border: 1px solid red;  */
	background: url('img/h2.gif') no-repeat 4px 2px;
/*	padding-left: 26px;  */
	padding-left: 33px;
}


h3 {
/*  border: 1px solid red; */
	background: url('img/h3.gif') no-repeat 5px 3px;
	padding-left: 36px;
}

.contact_us {
  /* border: 1px solid green; */
  padding-left: 33px; 
}

h1 + p,
h2 + p,
h2 + p + p {
  /* border: 1px solid green; */
  padding-left: 33px; 
}

h2 + ul {
  /* border: 1px solid green; */
  padding-left: 33px; 
}


/* 
   Tables, lists
------------------------------------------------------------------- */

table {
	border: 1px solid #DDDDDD;
	width: 100%;
}

table th, dt {
	background-color: #EEEEEE;
	color: #555555;
	font: bold 0.85em Verdana,sans-serif;
	text-align: left;
}

table tr {
  border-bottom: 1px solid #DDDDDD;
}

table td, #content table th {
	border: none;
	padding: 10px;
	border: 1px solid #DDDDDD;
}

dl {
  margin-bottom: 1.2em;
}

dt,dd {
  padding: 8px 10px;
}

dt {
	background-color: #EEEEEE;
	border-bottom: 1px solid #DDDDDD;
	font-weight: bold;
}

dd {
	background-color: #F6F6F6;
	border-bottom: 1px solid #EEEEEE;
	padding-left: 16px;
}

/* Specific */
#content ul, #content ol {
  margin: 0 0 1.2em 1.6em;
}


#content ul li {
  list-style-image: url('img/li.gif');
  font-size: 100%;
}

#main #content #content_inner #mainpage ul {
  list-style-image: url('img/li.gif');
  font-size: 140%;
}

#main #content #content_inner #mainpage li {
  list-style-image: url('img/li.gif');
  font-size: 140%;
}

#content ol li {
  list-style: decimal;
}

#content li {
  padding: 3px 0;
}

/* 
   Forms 
------------------------------------------------------------------- */


fieldset {
	background-color: #F2F6FA;
	border: 1px solid #E2E6FA;
	margin: 0.5em 0 0.5em;
	padding: 0.5em;
}

fieldset h1, 
fieldset h2, 
fieldset h3 {
	background: none;
	border-bottom: 1px solid #BBCCDD;
	margin-bottom: 0.6em;
	padding-bottom: 0.3em;
	padding-left: 0;
}

label {
	display: block;
	font: bold 0.9em Verdana,sans-serif;
	margin: 0.5em 0 0.2em;
}

label em {
  font-style: normal;
}

input, textarea, select {
   margin: 1px;
	border-color: #777777 #CCCCCC #CCCCCC #777777;
	border-style: solid;
	border-width: 1px;
	font: normal 1em Verdana,sans-serif;
	padding: 4px;
}

input.button {
	background: #E9E8E8 url('img/submit.gif') repeat-x left top;
	border: 1px solid #888888;
	border-color: #BBBBBB #888888 #888888 #CCCCCC;	
	color: #444444;
	cursor: pointer;
	font: normal 0.9em sans-serif;
	margin-top: 5px;
	padding: 4px 6px;
	width: auto;
}

input:focus, 
input:active, 
textarea:focus, 
textarea:active, 
select:focus, 
select:active,
input.button:hover, 
input.button:focus {
  background: #FFFFF5;
}

input.button:hover, input.button:focus {
	color: #112233;
	cursor: pointer;
}

input.image {
	border: 0;
	padding: 0;
}

.form_row {
  padding: 10px 0 2px;
}


label.horizontalbutton {
  display: inline;
}

.mandatory {
	border-width: 3px;
}

.data_error {
  background: #FFECEC;
  border: 2px solid red;
  color: #18186D;
}

.status_error {
  background: #C9FCFD;
  border: 2px solid blue;
  color: #18186D;
}

.status_complete {
  background: #ECFFD8;
  border: 1px solid blue;
  color: #18186D;
}


/* Form: Event Edit  */

.evtitemrow {
  margin: 0 0 0 0;
  padding-top: 3px;
  padding-bottom: 3px;
  border-top: 1px solid black;
}

.btnir {
  margin: 0 1em 0 1em;
}


.#evtecost {
	clear: right;
}

/* 
   Transaction
------------------------------------------------------------------- */

#showevent {
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	margin-top: -20px;	
}

#showevent .btncat {
	margin: 0 0 0 2px;	
}

.btncat:hover, 
.btncat:focus {
  border: 2px solid green;
}


.st_event_buttons {
  border: 3px solid purple;
  background: yellow;
  position: absolute;
  width: 12em;
  top: -2em;
  right: 3px;
  font-size: 80%;
  padding: 1px;
  margin: 1px;
}

.formstate_debug {
  border: 3px solid purple;
  background: yellow;
  position: absolute;
  width: 10em;
  top: -2em;
  left: 3px;
  font-size: 80%;
  padding: 1px;
  margin: 1px;
}

/* 
   Buttons
------------------------------------------------------------------- */

#buttons {
  position: relative;
  width: 99%;
  margin-top: 0.5em;
  border-top: 1px solid black;
  padding: 5px;
  clear: both;
}

.sicbutton:hover, 
.sicbutton:focus {
  border: 3px solid green;
  background: #FFFFF5;
}

#btnsubmit {
  width: 5em;
/*  float: left; */
  padding: 3px;
  border: 1px solid green;
}

#btnsubmit.sicbutton:hover, 
#btnsubmit.sicbutton:focus {
  padding: 1px;
  border: 3px solid green;
  background: #FFFFF5;
}


#btncancel {
  width: 5em;
  float: right;
  padding: 3px;
  border: 1px solid red;
}

#btncancel.sicbutton:hover, 
#btncancel.sicbutton:focus {
  padding: 1px;
  border: 3px solid red;
  background: #FFFFF5;
}


/* 
   Images 
------------------------------------------------------------------- */

img.bordered, img.left, img.right {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	padding: 3px;
}

img.left {
  margin: 0 15px 15px 0;
}

img.right {
  margin: 0 0 15px 15px;
}

/* 
   Box
------------------------------------------------------------------- */

.box {
 /* border: 1px solid red; */
  clear: both;
	margin-bottom: 0.7em;
	padding: 4px 0 8px;
}

.box_title {
	background: url('img/box_title.gif') no-repeat left 2px;
	color: #444444;
	font: normal 1.6em sans-serif;
	margin-bottom: 4px;
	padding-left: 26px;
}

.box p {
  padding: 4px 0;
}

.box li {
	border-top: 1px solid #EEEEEE;
	padding: 4px 6px;
}

.box li:first-child {
  border-top: none;
}

/* 
   Thumbnails
------------------------------------------------------------------- */

.thumbnails {
  margin: 6px 0 2em -8px;
}

.thumbnails a.thumb {
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	display: block;
	float: left;
	margin: 0 0 8px 8px;
	padding: 3px;
}

.thumbnails a.thumb:hover {
  border-color: #BBBBBB;
}

.thumbnails .thumb img {
  display: block;
}

/* 
   Posts 
------------------------------------------------------------------- */

.post {
  margin-left: 0;
  margin-bottom: 24px;
}

.post_title a, .post_date a {
  text-decoration: none;
}

.post_body {
  margin-left: 2em;
}

.post_date a:hover, .post_meta a:hover {
  text-decoration: underline;
}

.post_date {
	color: #777777;
	margin-bottom: 14px;
}

.post_date a {color: #444444;}

.post_meta {
	background: #F0F6FA;
	border-top: 1px solid #E0E6EA;
	color: #778899;
	font-size: 0.9em;
	padding: 8px 10px;
}

.post_meta a {
  color: #222233;
}

.post_meta a:hover {
  color: #000011;
}

/* Archives */
.archive_pagination {
  margin-bottom: 1.6em;
}

.archive_post {
	border-bottom: 1px dashed #DDDDDD;
	margin-bottom: 8px;
	padding: 8px 0;
}

.archive_post_title h3 {
  background: none;
}

.archive_post_date {
	background: #FEFEFE url('img/archive_post_date.gif') repeat-x left center;
	border: 1px solid #F2F2F2;
	border-color: #F2F2F2 #DADADA #D5D5D5 #F2F2F2;	
	float: left;
	font-size: 0.9em;
	margin-right: 12px;
	padding: 2px 0 5px;
	text-align: center;
	width: 44px;
}

.archive_post_day {
  font: normal 1.6em Georgia,serif;
}

/* 
   Comments 
------------------------------------------------------------------- */

div.comment_list {
	border-top: 1px dashed #DDDDDD; 
	margin: 0 0 2em;
}

.comment {
	border-bottom: 1px dashed #DDDDDD;
	padding-top: 10px;
}

.comment_date {
	font-size: 0.9em;
	padding-top: 4px;
}

.comment_date a {
	color: #555566;
	text-decoration: none;
}

.comment_date a:hover {
	color: #000011;
	text-decoration: underline;
}

.comment_body {padding-top: 4px;}

.comment_gravatar {
  width: 48px;
}

.comment_gravatar img {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	padding: 2px;
}

.comment_author {padding-top: 3px;}

/* 
   Floats
------------------------------------------------------------------- */

.left {
  float: left;
}

.right {
  float: right;
}

.clear, .clearer {
  clear: both;
}

.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
}

/* 
   Misc 
------------------------------------------------------------------- */

/* Separators */
.content_separator {
	background: #D6D6C6;
	clear: both;
	color: #FFFFEE;
	display: block;
	font-size: 0;
	height: 1px;
	line-height: 0;
	margin: 12px 0 24px;
}

/* Messages */
.error, .notice, .success {
	border: 1px solid #DDDDDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
}

.error {
  background: #FBE3E4; 
  color: #8A1F11; 
  border-color: #FBC2C4;
}

.error a {
  color: #8A1F11;
}

.notice {
  background: #FFF6BF; 
  color: #514721; 
  border-color: #FFD324;
}

.notice a {
  color: #514721;
}

.success {
  background: #E6EFC2; 
  color: #264409; 
  border-color: #C6D880;
}

.success a {
  color: #264409;
}

/* 
   IE float/background fixes
------------------------------------------------------------------- */

#header, h1, h2 {
  min-height: 0.01%;
}

* html #header, 
* html h1, 
* html h2 {
  height: 0.01%;
}

/* 
   Events
------------------------------------------------------------------- */

.event_text {
  color: #882288;
  font-size:170%;
  font-family:"Times New Roman", Times, serif;
  font-style: italic;
  font-weight: 700;
}