/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 25, 2012 12:00:28 PM America/New_York */

@font-face {
    font-family: 'CantarellRegular';
    src: url('fonts/Cantarell-Regular-webfont.eot');
    src: url('fonts/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cantarell-Regular-webfont.woff') format('woff'),
         url('fonts/Cantarell-Regular-webfont.ttf') format('truetype'),
         url('fonts/Cantarell-Regular-webfont.svg#CantarellRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CantarellOblique';
    src: url('fonts/Cantarell-Oblique-webfont.eot');
    src: url('fonts/Cantarell-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cantarell-Oblique-webfont.woff') format('woff'),
         url('fonts/Cantarell-Oblique-webfont.ttf') format('truetype'),
         url('fonts/Cantarell-Oblique-webfont.svg#CantarellOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CantarellBold';
    src: url('fonts/Cantarell-Bold-webfont.eot');
    src: url('fonts/Cantarell-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cantarell-Bold-webfont.woff') format('woff'),
         url('fonts/Cantarell-Bold-webfont.ttf') format('truetype'),
         url('fonts/Cantarell-Bold-webfont.svg#CantarellBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CantarellBoldOblique';
    src: url('fonts/Cantarell-BoldOblique-webfont.eot');
    src: url('fonts/Cantarell-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cantarell-BoldOblique-webfont.woff') format('woff'),
         url('fonts/Cantarell-BoldOblique-webfont.ttf') format('truetype'),
         url('fonts/Cantarell-BoldOblique-webfont.svg#CantarellBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{
	margin:0;
	padding:0;
}

body{
	font: .9em 'CantarellRegular', Arial, sans-serif;letter-spacing: 0;
	background-color:#7F0000;
	text-align:center;
}

ul{
	list-style:none;
	margin-left:20px;
}

#heading_container{
	position:relative;
	top:0px;
	height:88px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
	text-align:center;
}
#heading{
	background:#000 url('../images/logo.jpg') no-repeat 50% 50%;
	height:88px;
	width:914px;
	margin-left:auto;
	margin-right:auto;
}
#text_heading{
	color:#c00;
	font: .7em 'CantarellRegular', Arial, sans-serif;letter-spacing: 0;
	background-color:#000;
	text-align:center;
}
#bottom_heading img{
	height:43px;
	width:100%;
}

a{
	color:#900;
}

a:hover{
	color:#f00;
}

a:visited{
	color:#600;
}

#ra_bottom{
	text-align:center;
	color: #fff;
	font: .75em 'CantarellRegular', Arial, sans-serif;letter-spacing: 0;
	padding-bottom:10px;
}

#ra_bottom a{
	color: #FF6A00;
	text-decoration:none;
}

#ra_bottom a:hover{
	color: #FFD800;
}

#page_container{
	position:absolute;
	top:135px;
	width:100%;
	text-align:center;
}

#page_top{
	position:relative;
	top:0px;
	width:914px;
	height:6px;
	margin-left:auto;
	margin-right:auto;
	background: url('../images/page_top.png') no-repeat center top;	
}

#page_bottom{
	position:relative;
	top:0px;
	width:914px;
	height:6px;
	margin-left:auto;
	margin-right:auto;
	background: url('../images/page_bottom.png') no-repeat center top;
}


.notice{
	width:90%;
	background-color:#ddd;
	margin:10px auto;
	padding:10px;
	font-style:italic;
	font-size:.9em;
}

.page-list{
	list-style-type:circle;
	margin-bottom:40px;
}
.page-list li{
	margin-left:20px;
}
.page-list li a{
	text-decoration:none;
}
.page-list span{
	font-weight:900;
}
.page-list2{
	list-style-type:disc;
	margin-bottom:0px;
}
.page-list2 li{
	margin-left:40px;
}
.page-list2 span{
	font-weight:900;
}
.class-list{
	list-style-type:none;
	margin-bottom:40px;
}
.class-list li{
	margin-bottom:0px;
	margin-left:5px;
	font-size:10pt;
}

.numbered{
	list-style-type:decimal;
	margin-bottom:40px;
}
.numbered li{
	margin-left:25px;
}

.yellow_mark{
	background-color: #F2CD18;
}

#page_body{
	position:relative;
	background:url('../images/page_body.png') repeat-y center center;
	width:914px;
	margin-left:auto;
	margin-right:auto;
}

#page_title{
	text-align:center;
	font-size:2em;
	padding:40px;
	padding-top:10px;
	font: 2em 'CantarellRegular', Arial, sans-serif;letter-spacing: 0;
}

#page_article{
	padding-top:0px;
	padding-bottom:40px;
	padding-left: 60px;
	padding-right: 60px;
	text-align:left;
}

.page_article_title{
	font-size:1.1em;
	font-weight:900;
}

#page_article div{
	
}

#page_article p{
	text-indent:1.5em;
	margin-bottom:20px;
}

.page_article_section{
	margin-bottom:40px;
}
	
.page_article_header{
	margin-bottom:20px;
}

.description{
	margin-bottom:15px;
}

.centered{
	text-align:center;
}

.bmar40{
	margin-bottom:40px;
}

.species_gallery{
	float: right; 
	clear: both;
	margin: 10px;
	font-size: 8pt; 
	text-align: center;
}
.page_gallery_left{
	float: left; 
	clear: both;
	margin: 10px;
	font-size: 8pt; 
	text-align: center;
}
.page_gallery{
	margin: 10px;
	font-size: 8pt; 
	text-align: center;
}
optgroup option{
	padding-left:10px;
}

/*************************************** MENU */
#menu_summoner_bg{
	position:relative;
	top:-2px;
	height:28px;
	background:url('../images/menu_summoner_bg.png') no-repeat 747px 0px;
}
#menu_summoner{
	text-align:right;
	margin-right:60px;
	font: .9em 'CantarellRegular', Arial, sans-serif;letter-spacing: 0;
	font-weight:900;
	text-decoration:underline;
	color:#fff;
	cursor:pointer;
}

#menu_container{
	position:relative;
	background: url('../images/menu.png') no-repeat 50% 50%;
	margin:auto;
	width:556px;
	height:299px;
	z-index:9999999;
	text-align:center;
	vertical-align:middle;
	padding:40px;
}

#menu_content{
	position:relative;
	top:0;
	font: .95em 'CantarellRegular', Arial, sans-serif;letter-spacing: 0;
	color:#d00;
	width:516px;
	height:289px;
	overflow-y:hidden;
	margin:0;
	padding:0;
}

#col_container{
	position:relative;
	top:0;
}
#col1{
	float:left;
	width:230px;
}

#col2{
	float:left;
	width:230px;
}

#menu_scroll{
	float:right;
	clear:left;
	top:0;
	width:35px;
	height:287px;
}
#menu_scroll_up{
	width:25px;
	height:50%;
	vertical-align:top;
}
#menu_scroll_up img{
	/*visibility:hidden;*/
}
#menu_scroll_down{
	width:25px;
	height:50%;
}
#menu_scroll_down img{
	margin-top:120px;
}

#menu_content ul{
	text-align:left;
	vertical-align:top;
	margin:0;
	padding:0;
}

#menu_content li{
	margin:0;
	padding:0;
	/*background: white;*/
}
#menu_content li ul{
	margin:0;
	margin-left:10px;
	padding:0;
}
#menu_content li ul li{
	margin:0;
	padding:0;
	/*background: blue;*/
}

#menu_content li a{
	display:inline-block;
	text-decoration:none;
	color:#c00;
	margin:0;
	padding:0;
	/*background: green;*/
}

#menu_content li a:hover{
	color:#f00;
}

#menu_content li ul li a{
	display:inline-block;
	text-decoration:none;
	color:#c00;
	margin:0;
	padding:0;
}

#menu_content li ul li a:hover{
	color:#f00;
}


/****************************************************** bottom navigation */
#bottom_nav{
	font-size:.7em;
	background-color:#eee;
	border:solid 1px #ddd;
	padding:5px;
	margin-top:30px;
}

#bottom_nav table{
	width:100%;
}
#bottom_nav table tr td{
	vertical-align:top;
	width:25%;
}

#bottom_nav table tr td a{
	text-decoration:none;
}

/****************************************************** blogger */

#blogger{
	float:right;
	clear:left;
	width:200px;
	/*font: .62em 'CantarellRegular', Arial, sans-serif;letter-spacing: 0;*/
	font: .8em 'CantarellRegular', Arial, sans-serif;letter-spacing: 0;
	border:solid 1px #ddd;
	background-color:#eee;
	padding-top:0;
	margin-left:20px;
	margin-bottom:30px;
	vertical-align:top;
}

#blog_title{
	position:relative;
	top:0;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	font-weight:900;
	font-size:1.5em;
	color:#fff;
	background-color:#000;
}

#blogger div div{
	margin:10px;
}

.strategy{
	color:#900;
}

.bold_label{
	font-weight:900;
	font-size:.9em;
}
.right{
	text-align:right;
}
.border_top{
	border-top:solid 1px #8D7B6B;
}
.table_class{
	margin-left:5%;
	border-collapse:collapse;
	margin-right:40px;
	margin-bottom:40px;
}
.table_class th, .table_class td{
	border-collapse:collapse;
	border:solid 1px #8D7B6B;
}
.table_class th{
	font-weight:900;
	text-align:center;
	padding:5px;
	font-size:.6em;
}
.table_class td{
	padding:5px;
	font-size:.7em;
}

.blogger_icon img{
	margin-top:6px;
}
#skill_listing{
	width:580px;
}
#floating_cost{
	float:right;
	clear:left;
	text-align:right;
	width:185px;
	background-color:#eee;
	border:solid 1px #ddd;
	padding:5px;
}
#sp_total, #sp_used, #bonus_pap, #bonus_map{
	width:60px;
}

.skill_block{
	font-size:1.2em;
	font-weight:900;
	cursor:pointer;
}
.skill_block_body{
	display:none;
}

.skill input[type=text]{
	width:30px;
	text-align:right;
}

.skill_label_root{
	margin-left:5px;
	text-decoration:underline;
}

.skill_label{
	margin-left:5px;
}

fieldset{
	padding:5px;
}

/**************************************** Combat Arena */
#current_round{
	float:left;
	clear:right;
	width:100px;
}
#current_round span{
	padding-left:2px;
	padding-right:2px;
}
#current_turn{
	float:left;
	clear:right;
	width:600px;
}
.turns{
	padding-left:2px;
	padding-right:2px;
	border:solid 1px #fff;
}

.current_turn{
	border:solid 1px #000;
}
.your_turn{
	background-color:#cfc;
}
.opponents_turn{
	color:#f00;
}


/**************************************** Chat */
#msg_display_box{
	height:200px;
	width:100%;
	background-color:#ccc;
	margin-bottom:10px;
	overflow-y:auto;
}
#msg_display{
	width:90%;
	color:#000;
	padding-left:5px;
	padding-right:5px;
}
#msg_box{
	width:100%;
}
#msg_sent_to{
	width:100%;
}
.your_msg{
	color:#00f;
	font-weight:900;
}
.other_msg{
	color:#0a0;
	font-weight:900;
}
.challenge_msg{
	color:#a00;
}
/**************************************** Combat Log */
#combat_display_box{
	width:270px;
	height:100px;
	background-color:#ccc;
	margin-bottom:10px;
	overflow-y:auto;
}
#combat_display_box{
	width:240px;
	padding-left:5px;
	padding-right:5px;
}

/**************************************** Character Sheet */
.data_box{
	border: solid 1px #bbb;
}

.cs_section{
	background-color: #ccc;
}
.cs_column{
	vertical-align:top;
}

/**************************************** Character Sheet Menu */
.cs_menu_current{
	display:inline;
	float:left;
	clear:right;
	margin-left:1px;
	padding-left:3px;
	padding-right:3px;
	font-weight:900;
	background-color: #fff;
	border-top: solid 1px #bbb;
	border-left: solid 1px #bbb;
	border-right: solid 1px #bbb;
	border-bottom: solid 1px #fff;
}

.cs_menu{
	list-style:none;
	margin:0;
	padding:0;
	margin-top:5px;
}
.cs_menu_item{
	display:inline;
	float:left;
	clear:right;
	margin-left:1px;
	padding-left:3px;
	padding-right:3px;
	border: solid 1px #bbb;
	background-color: #ccc;
	font-weight:900;
}
.cs_menu_item:hover{
	background-color: #7F0000;
	color:#fff;
	cursor:pointer;
}

/**************************************** Creation points Generator */
.bold{
	font-weight:bold;
}

.clear_both{
	clear:both;
}

.flcr{
	float:left;
	clear:right;
}
#container1{
	width:500px;
}

#container1 table{
	width:100%;
}

#container2{
	width:290px;
}

#tool_bar{
	background-color: #444;
	color: #fff;
	margin-top: 20px;
	padding: 5px;
	text-align:right;
}

.spn{
	width:30px;
}

.ui-widget {
	font-size:.75em;
}

#cycle_title{
	border-bottom: solid #333 2px;
}

#cycle_description{
	font-size: 11pt;
	padding: 10px;
}
#panel1{
	width:500px;
	text-align:center;
	margin: 20px auto;
}
#creation_points{
	display:block;
	width:100px;
	float:right;
	clear:left;
}
.tb_label{
	display:block;
	width:300px;
	float:right;
	clear:left;
}