/* Imports */
@import url("reset.css");
@import url("grid.css");

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
 
/*	--------------------------------------------------
General styling
-------------------------------------------------- */

body {
	background: #69070c url(../img/bg_pattern.png) top left repeat;
	color: #282828;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: Georgia, Utopia,Palatino,'Palatino Linotype',serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #334251;
}

a, a h4 {
	color: #90202d;
	text-decoration: none;
}
a:hover {
	color: #26586d;
	text-decoration: underline;
}

footer
{
	text-align: center;
}
footer ul li
{
	display: inline;
}
footer ul li a
{
	color: #adb19e;
	font-size: 0.85em;
	margin: 0 0.5em;
}

abbr
{
	border-bottom: 1px dotted #26586d;
}

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

h1,
h2,
h3,
h4,
h5
{
	line-height: 1.6em;
	color: #7B7252;
	clear: both;
	font-weight: bold;
	letter-spacing: 0;
	font-family: 'Vollkorn', Georgia, Utopia,Palatino,'Palatino Linotype',serif;
}

h3
{
	font-size: 1.1em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
}

h2
{
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: bold;
	color: #c18802;
	margin: 0.5em 0 0 0;
}

h4
{
	font-size: 1.1em;
	line-height: 1.3em;
}

p,
ol,
ul
{
	margin: 0.4em 0 1.2em 0;
	line-height: 1.5em;
	color: #334251;
	word-spacing: 0.15em;
}
section#content div.worldleader p
{
	font-size: 1.1em;
}

section#content div.worldleader div#charguide
{
	float: right;
	width: 250px;
	height: 157px;
	display: block;
	text-align: center;
	vertical-align: middle;
	position: relative;
	margin: 45px 0 0 15px;
}
section#content div.worldleader div#charguide div#frame
{
	width: 250px;
	height: 192px;
	display: block;
	background: transparent url(/assets/img/common/frame_120.png) top left no-repeat;
	position: absolute;
	top: -36px;
	left: 1px;
} 
body#news section#content article header
{
	display: block;
	padding: 1em 0;
}
section#content article h2,
body#worldPortal section#content h2
{
	font-size: 2em;
	line-height: 1.3em;
}
body#worldPortal section#content h2 {
	margin-top: 0.5em;
}
section#content ul { list-style: disc outside url(/assets/img/common/bullet_butterfly.png); margin-left:2.3em;}

#featuredNews ul,
#latestFanfiction ul,
#latestThreads ul
{
	margin: 0 !important;
	list-style: none !important;
}
#featuredNews ul li,
#latestFanfiction  ul li,
#latestThreads  ul li
{
	font-size: 0.95em;
}
#featuredNews ul li a,
#latestFanfiction  ul li a
{
	line-height: 1.3em;
	padding: 0.3em 0;
	display: block;
	border-top: 1px solid #fcfcfa;
	border-bottom: 1px solid #e8e8e4;
}

body#home #featuredNews h3
{
	text-indent: -999em;
	background: transparent url(/assets/img/header/en/news.png) top left no-repeat;
	width: 62px;
	height: 41px;
}

body#home #freshestPages h3
{
	text-indent: -999em;
	background: transparent url(/assets/img/header/en/updatedpages.png) top left no-repeat;
	width: 171px;
	height: 41px;
}

body#home #latestThreads h3
{
	text-indent: -999em;
	background: transparent url(/assets/img/header/en/latestthreads.png) top left no-repeat;
	width: 195px;
	height: 41px;
}

#characterList h3
{
	text-indent: -999em;
	background: transparent url(/assets/img/header/en/characters.png) top left no-repeat;
	width: 160px;
	height: 41px;
}

#stories h3
{
	text-indent: -999em;
	background: transparent url(/assets/img/header/en/stories.png) bottom left no-repeat;
	width: 94px;
	height: 41px;
}

h3#comments
{
	text-indent: -999em;
	background: transparent url(/assets/img/header/en/comments.png) top left no-repeat;
	width: 132px;
	height: 31px;
}

body#home.de #featuredNews h3 { background-image: url(/assets/img/header/de/news.png); width: 137px; }
body#home.de #freshestPages h3 { background-image: url(/assets/img/header/de/updatedpages.png); width: 188px; }
body#home.de #latestThreads h3 { background-image: url(/assets/img/header/de/latestthreads.png); width: 201px; }
body.de #characterList h3 { background-image: url(/assets/img/header/de/characters.png); }
body.de #stories h3 { background-image: url(/assets/img/header/de/stories.png); }
body.de h3#comments { background-image: url(/assets/img/header/de/comments.png); }

body#home.es #featuredNews h3 { background-image: url(/assets/img/header/es/news.png); width:96px; }
body#home.es #freshestPages h3 { background-image: url(/assets/img/header/es/updatedpages.png); width: 242px; }
body#home.es #latestThreads h3 { background-image: url(/assets/img/header/es/latestthreads.png); width: 181px; }
body.es #characterList h3 { background-image: url(/assets/img/header/es/characters.png); width: 125px; }
body.es #stories h3 { background-image: url(/assets/img/header/es/stories.png); width: 125px; }
body.es h3#comments { background-image: url(/assets/img/header/es/comments.png); width: 156px; }


/*	--------------------------------------------------
Header
-------------------------------------------------- */


header h1 a,
header h1 a:hover
{
	color: #a7a7a7; /* f6cf74 */
	line-height: 30px;
	text-decoration: none;
}
header #search label
{
	color: #f6cf74;
	line-height: 30px;
	text-align: right;
}
body > header
{
	display: block;
	margin: 1em 0 1em 0;
	background: transparent none;
	height: 120px;
}
body > header h1
{
  font-size: 1.45em;
	color: #56554f;
	line-height: 1em;
	text-align: center;
	background: #ffffff url(/assets/img/common/website_title.png) center center no-repeat;
	margin-bottom: -35px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 290px !important;
	height: 110px;
	padding: 5px;
}
body header h1 a
{
	width: 290px;
	height: 100px;
	display: block;
	position: relative;
	top: 40px;
	margin: 0;
	color: #90202d;
}
body > header h1 em
{
	display: block;
	font-size: 1.2em;
	color: #dfad3a;
}
body > header h1 span
{
	font-size: 0.1em;
	margin-left: -999em;
}
body > header #search
{
	position: relative;
	top: 50px;
	color: #5e5541;
}
body > header #userbox
{
	display: inline;
	float: left;
	margin-left: 10px;
	position: relative;
	width: 282px;
	padding: 4px 8px;
	font-size: 0.95em;
	background-color: #edebe7;
	border: 1px solid #c6cab9;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  box-shadow: 2px 0 3px rgba(0,0,0,0.15);
  -webkit-box-shadow: 2px 0 3px rgba(0,0,0,0.15);
  -moz-box-shadow: 2px 0 3px rgba(0,0,0,0.15);
  position: relative;
  top: 30px;
}

body > header #userbox #quests
{
	width: 164px;
	float:left;
}
body > header #userbox .connect_widget
{
	width: 164px;
}
body > header #userbox p
{
	margin: 0;
	font-size: 1em;
	line-height: 1.5em;
	width: 195px;
}
body > header #userbox img.userpic
{
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 5px;
}
body > header #userbox ul
{
	width: 95px;
	float: right;
	text-align: right;
	position: relative;
	top: -1.429em;
	margin: 0;
	margin-bottom: -1.429em;
}
body > header #userbox div#quests ul
{
	display: block;
	float: left;
	margin: 0;
	top: 2px;
	text-align: left;
}
body > header #userbox div#quests ul li
{
	display: inline;
	margin: 0 4px 0 0;
}
body > header #userbox #quests .bar
{
	margin-top: 4px;
}
body > header #userbox form input.submit
{
	margin: 0;
}

/*	--------------------------------------------------
Content
-------------------------------------------------- */

section#content
{
	display:inline;
	float: right;
	position: relative;
  margin-right: 10.0px;
	margin-left: 10.0px;
	width:444px;
	padding: 8px 16px;
	border: 1px solid #c6cab9;
	background-color: #ffffff;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	right:140px;
}

body#home section#content,
body#live section#content,
body#wide section#content
{
	float: right;
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	padding-top: 1em;
	right: 0;
}
body#wide section#content
{
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
body#profile section#content
{
	border-radius: 5px 0 5px 5px;
	-khtml-border-radius: 5px 0 5px 5px;
	-moz-border-radius: 5px 0 5px 5px;
	-webkit-border-radius: 5px 0 5px 5px;
}
body#profile section#content nav
{
	border-radius: 5px 0 0 0;
	-khtml-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
}
body#profile section#content header
{
	margin: 15px 0;
}
body#profile section#content header img
{
	margin: 0 15px 0 0;
	float: left;
}
body#profile section#content header h2
{
	display: inline;
	line-height: 1.3em;
}
body#profile section#content h3,
body#dashboard section#content h3
{
	margin: 15px 0 0 0;
}
body#profile section#content header p
{
	display: block;
	margin: 0;
	clear: bottom;
}
body#worldPortal section#content,
body#messageboard section#content
{
	float: right;
	right: 0;
}
body#archive section#content
{
	border-radius: 5px 0 5px 5px;
}

body#home section#content,
body#wide section#content,
body#messageboard section#content,
body#worldPortal section#content
{
	width: 584px;
}
body#live section#content
{
	width: 607px;
}
body#live section#livecast
{
	display:inline;
	float: left;
	position: relative;
	left:10px;
	text-align: center;
	width: 640px;
	height: 385px;
}
aside.cta
{
	text-align: center;
	float: left;
	clear: left;
}
aside.cta a
{
	display: block;
	position: relative;
	top: 0;
	text-indent: -999em;
	margin: 1.5em auto 0 auto;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
aside.cta.recklessLive a
{
	width: 300px;
	height: 200px;
	background: transparent url(/assets/img/reckless_live_en.jpg) top left no-repeat;
}
body.de aside.cta.recklessLive a
{
	background-image: url(/assets/img/reckless_live_de.jpg);
}
body.es aside.cta.recklessLive a
{
	background-image: url(/assets/img/reckless_live_es.jpg);
}
body#messageboard ul.messageboardList,
#latestThreads  ul
{
	margin: 0;
	list-style: none;
	display: block;
	border-top: 1px solid #cdcdcd;
}
body#messageboard ul.messageboardList li,
#latestThreads  ul li
{
	position: relative;
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cdcdcd;
	clear: both;
}
body#messageboard ul.messageboardList li a.topic,
#latestThreads  ul li
{
	width: 245px;
	display: block;
	float: left;
	background-image: url(/assets/img/messageboard/messageboard_default_icon.png);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding: 5px 0 0 35px;
}
body#messageboard ul.messageboardList li a.topic.new
{
	background-image: url(/assets/img/messageboard/messageboard_new_icon.png);
}
body#messageboard ul.messageboardList li a.topic.hot
{
	background-image: url(/assets/img/messageboard/messageboard_hot_icon.png);
}
body#messageboard ul.messageboardList li a.topic.locked
{
	background-image: url(/assets/img/messageboard/messageboard_locked_icon.png);
}
body#messageboard ul.messageboardList li p,
#latestThreads  ul li p
{
	display: block;
	color: #978F69;
	font-size: 0.85em;
	width: 135px;
	float: right;
	margin-left: 15px;
}
#latestThreads  ul li,
#latestThreads ul li p
{
	width: auto;
	float: none;
}
#latestThreads  ul li a,
#latestThreads  ul li p
{
	line-height: 1em;
	margin: 0;
}
#latestThreads  ul li
{
	background-position: 0 8px;
	padding: 0 0 8px 35px;
}

section#content article nav,
section#content nav
{
	background: #edebe7 none;
	margin: -9px -16px 0 -16px;
	padding: 3px 17px;
	border-width: 1px 0 1px 0;
	border-color: #bbb6ac;
	border-style: solid;
	border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
body#wide section#content nav
{
	margin-top: -14px;
}
section#content article nav
{
		margin: -9px -156px 0 -17px;
}
section#content article header
{
	clear: both;
	font-size: 0.9em;
	color: #978f69;
	margin: 20px 0 15px 0;
	padding: 0;
}
body#home section#content article header
{
	margin: 0;
}

section#content article header p
{
	margin: 0;
	padding: 0;
}

section#content #featuredNews .teaser img,
body#archive article .content img
{
	float: left;
	margin: 0.4em 0.7em 0.3em 0;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 3.8em;
	height: 3.8em;
}

section#content #freshestPages .teaser img
{
	float: left;
	margin: 0.5em 0.7em 0.3em 0;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
section#content article img
{
	margin: 8px 0;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#featuredNews article .teaser,
#freshestPages article
{
	display: block;
	clear: both;
	padding: 4px 0;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #ffffff;
}
#latestThreads
{
	margin-top: 1.5em;
	clear: both;
}
#latestThreads article
{
	padding: 0;
}
#freshestPages article .thumb
{
	vertical-align: middle;
	padding:2px 0 0 0;
	float: left;
	margin: -7px 0 0 0;
}

#freshestPages article .title
{
	float: left;
	text-align: left;
	display: block;
}
article header h4
{
	font-size: 1.4em;
}
#freshestPages article header h4
{
	font-size: 1.3em;
	line-height: 1em;
	font-weight: normal;
	margin: 0;
}

article.comment
{
	padding: 15px 0 0 0;	
	clear: both;
	display: block;
	
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cdcdcd;
}
fieldset#reply
{
	margin-top: 25px;
}
article.comment p.small
{
	font-size: 0.8em;
	color: #978f69;
}
article.comment img.userpic
{
	width: 50px;
	height: 50px;
	float: left;
	clear: bottom;
	margin: 5px 15px 0 0 !important;
}

section#content article footer,
section#content aside
{
	text-align: left;
	display:block;
	float: right;
	position: absolute;
	margin-left: 10.0px;
	margin-right: 10.0px;
	width: 130px;
	top: 0;
	right: -150px;
	background: #edebe7 none;
	border-radius: 0 5px 5px 0;
	-khtml-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	padding: 0 0 10px 10px;
}
section#content aside
{
	top: -1px;
	border-width: 1px 1px 1px 0;
	border-color: #bbb6ac;
	border-style: solid;
}
section#content article footer h3,
section#content aside h3
{
	margin: 1.5em 0 0 0;
}
span.featured
{
	background-color: #90202d;
	color: #FFFFFF;
	font-size: 0.85em;
	padding: 2px 4px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/*	--------------------------------------------------
Navigation
-------------------------------------------------- */

p.pagination
{
  background-color: #edebe7;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  margin-top: 1em;
  padding: 4px 6px;
  text-align: center;
}

div#contentwrapper > nav
{
	background: #655c47 url(../img/menu_bg.jpg) top left repeat;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #453b25;
	box-shadow: 0 0 10px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0 0 10px rgba(255,255,255,0.3);
	-moz-box-shadow: 0 0 10px rgba(255,255,255,0.3);
}
div#contentwrapper > nav ul
{
	margin: 0;
}
div#contentwrapper > nav ul li.expanded ul {
	display: block;
}
/* Links */
div#contentwrapper > nav ul li a
{
	color: #f6cf74;
	text-decoration: none;
	text-shadow: rgba(0, 0, 0, 0.5) -1px -1px;
	padding: 8px 24px;
	display: block;
	border: none;
	letter-spacing: 0.08em;
	font-size: 1.1em;
}
div#contentwrapper > nav ul li a:hover
{
	color: #f6cf74;
	background: rgba(0, 0, 0, 0.15) none;
	border: none;
	text-decoration: none;
}

/* Collapse/expand states */
div#contentwrapper > nav ul li.more a
{
	background-image: url(../img/menu_arrows.png);
	background-position: 256px 10px;
	background-repeat: no-repeat;
}
div#contentwrapper > nav ul li.more.expanded a
{
	background-color: rgba(255, 250, 235, 0.08);
	background-position: 256px -14px;
}
div#contentwrapper > nav ul li ul li a,
div#contentwrapper > nav ul li.more ul li a
{
	color: #F5F4EF;
	text-align: right;
	background: rgba(255, 255, 255, 0.08) none;
	padding: 3px 56px;
	font-size: 0.9em;
	letter-spacing: 0;
}
div#contentwrapper > nav ul li.more.expanded ul li a:hover
{
	background-image: none;
	text-decoration: underline;
}
div#contentwrapper > nav ul li.more.expanded ul li.active a
{
	background-image: url(../img/menu_arrows.png);
	background-position: 256px 4px;
	background-repeat: no-repeat;
}

/* Shadow borders */
div#contentwrapper > nav ul li
{
	border-top: 1px solid #665c47;
	border-bottom: 1px solid #494133;
}
div#contentwrapper > nav ul li.more.expanded a
{
	border-bottom: 1px solid #494133;
}
div#contentwrapper > nav ul li.more.expanded li a
{
	border: none;
}
div#contentwrapper > nav ul li ul
{
	border-top: 1px solid #70654f;
}
div#contentwrapper > nav ul li.first
{
	border-top: none;
}
div#contentwrapper > nav ul li.last
{
	border-bottom: none;
}
div#contentwrapper > nav ul li ul li
{
	border: none;
}
div#characterList ul,
div#pageList ul
{
	list-style: none;
	margin: 0;
}

div#characterList ul li
{
	display: inline;
}

/*	--------------------------------------------------
Booklist
-------------------------------------------------- */

body#home section#booklist
{
	display:inline;
	float: left;
	position: relative;
	left:10px;
	background-color: #f6f5f3;
	border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	text-align: center;
	width: 620px;
	height: 236px;
	background: transparent url(/assets/img/bookcase.jpg) top left no-repeat;
	overflow: hidden;
}
section#booklist nav
{
		position: relative;
}
section#booklist nav a
{
	display: block;
	width: 21px;
	height: 23px;
	background: transparent url(/assets/img/bookcase_arrows.png) 0 0 no-repeat;
	float: left;
	position: absolute;
}
section#booklist nav a#navPrev
{
	top: 75px;
	left: 5px;
}
section#booklist nav a:hover#navPrev
{
	background-position: 0 -23px;
}
section#booklist nav a#navNext
{
	top: 75px;
	right: 5px;
	background-position: -21px 0;
}
section#booklist nav a:hover#navNext
{
	background-position: -21px -23px;
}
section#booklist nav a span
{
	margin-left: -999em;
}
section#booklist h2
{
	color: #ebd9c2;
	text-shadow: rgba(0, 0, 0, 0.25) 1px 1px;
	text-transform: none;
	font-size: 1.39em;
	line-height: 60px;
	margin: 0;
	font-size: 1.4em;
}
section#booklist div#view
{
	width: 514px;
	height: 142px;
	display: block;
	overflow: hidden;
	position: relative;
	margin: auto;
	top: 15px;
	left: 6px;
}
section#booklist ul
{
	display: block;
	margin: 0;
}
section#booklist ul li
{
	list-style: none;
	display: inline;
	float: left;
	height: 136px;
	margin: 5px 0;
	padding: 0 14px;
	background: transparent url(/assets/img/bookcover_shadow.png) bottom center no-repeat;
}
section#booklist ul li a,
section#booklist ul li a img
{
	width: 95px;
	height: 136px;
	display: block;
}
section#booklist ul li a
{
	border: 1px solid rgba(0,0,0,0.2);
}
section#booklist ul li a:hover
{
	border: 1px solid rgba(255,255,255,0.5);
}
section#content h3#fanfiction
{
	margin-top: 55px;
}
footer.grid_8
{
	left: 240px;
}

body#home footer.grid_8,
body#worldPortal footer.grid_8,
body#messageboard footer.grid_8,
body#wide footer.grid_8
{
	left: 320px;
}
/*	--------------------------------------------------
Forms
-------------------------------------------------- */

fieldset
{
	background: #f9f9f9 none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c6cab9;
	padding: 2%;
	margin-bottom: 25px;
}
fieldset legend
{
	text-align: left;
	color: #7B7252;
	font-size: 1.2em;
}
fieldset p
{
	clear: both;
	border-top: 1px dotted #dfdfdf;
	margin: 8px 0;
	padding-top: 8px;
}
fieldset p label,
fieldset p span.label
{
	width: 23%;
	display: block;
	float: left;
	text-align: left;
	margin-right: 2%;
}
fieldset p label.block
{
	display: block;
}
fieldset p.multiples label
{
	width: 70%;
	float: left;
	display: inline;
}
fieldset p input.text
{
	font-family: Georgia, Utopia,Palatino,'Palatino Linotype',serif;
	padding: 2px;
}
fieldset p.multiples input
{
	display: inline;
	width: auto;
}
section#content textarea#body
{
		width: 28em;
		height: 10em;
		font-family: Georgia, Utopia,Palatino,'Palatino Linotype',serif;
		font-size: 1em;
}
fieldset p.multiples span.group
{
	display: block;
	width: 72%;
	margin-left: 25%;
}
form input.submit
{
	margin-left: 26%;
	font-size: 1.1em;
}

/* Notices */
fieldset p span.hint,
fieldset p span.error,
fieldset p span.confirm
{
	display: block;
	margin-left: 25%;
	font-size: 0.9em;
	color: #9b9485;
}
fieldset p span.error
{
	color: #9b4b4b;
}

header #search input
{
	padding: 2px 4px;
	font-size: 1.1em;
	border: 1px solid #f6cf74;
	background: #5e5541 none;
	color: #f6cf74;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family: Georgia, Utopia,Palatino,'Palatino Linotype',serif;
}

.req {color: #C74350;}
.error,.notice, .success {
	padding: .5em;
	margin-bottom: 1em;
	border: 1px dotted #ddd;
}
 
.error {background: #FBE3E4; border-color: #FBC2C4; color: #8a1f11;}
.notice {background: #FFF6BF; border-color: #FFD324; color: #514721;}
.success {background: #E6EFC2; border-color: #C6D880; color: #264409;}

/*	--------------------------------------------------
Progress bar
-------------------------------------------------- */

div.bar
{
	background: #FFFFFF none;
	border: 1px solid #e0e1d8;
	display: block;
	height: 0.65em;
	margin-right: 2em;
	text-align: left;
}
div.foreground
{
	background-color: #26586d;
	height: 0.65em;
	text-align: left;
}
span.percentage
{
	text-align: right;
	position: relative;
	top: -1.2em;
	left: 105%;
	font-size: 1em;
}

/*	--------------------------------------------------
Accessability styles
-------------------------------------------------- */

hr {
	display:none;
}
nav ul ul {
	display: none;
}

.flLeft { float: left; }
.flRight { float: right; }
.flCenter { margin: auto; }

.alt { background-color: #f9f9f9; }


.breakImage
{
  clear: both;
  padding-top: 1em;
  text-align: center;
}