/* #283f5a - Dk. Blue */
/* #46acde - Lt. Blue */
/* #ffbf2e - Gold */

body {
		font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
		font-size:14px;
		padding:55px 0px 0px 0px;
		background-color:#ffffff;
		color:#777777;
		background-image:url('../images/textures/tile-01.png');
		background-attachment:scroll;
		background-position:50% 0;
		background-repeat:repeat;
		background-size:auto;
		-webkit-font-smoothing:antialiased;
		-webkit-text-size-adjust:100%;

}
	
body#popup {
	top:0;
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
    min-height: 100%;
    position: relative;
}



html, body {
    height:100%;
    width:100%;
    margin:0px;
}
#globalWrapper {
    display:table;
    width:100%;
    height:100%;
    height: -webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: calc(100% - 20px);
}
#globalWrapper > div {
    display:table-row;
}
#globalWrapper > div > div {
    display:table-cell;
}
#bottom {
    height:20px;
	bottom:0;
}

/* WEBFONTS
================================================== */
@font-face {
    font-family:'tolkienregular';
    src: url('../font-tolkien/tolkien-webfont.woff2') format('woff2'),
         url('../font-tolkien/tolkien-webfont.woff') format('woff'),
         url('../font-tolkien/tolkien-webfont.ttf') format('truetype'),
         url('../font-tolkien/tolkien-webfont.svg#tolkienregular') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'ringbearermedium';
    src: url('../font-tolkien/ringbearer-webfont.woff2') format('woff2'),
         url('../font-tolkien/ringbearer-webfont.woff') format('woff'),
         url('../font-tolkien/ringbearer-webfont.ttf') format('truetype'),
         url('../font-tolkien/ringbearer-webfont.svg#ringbearermedium') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'anironregular';
    src: url('../font-tolkien/aniron_medium-webfont.woff2') format('woff2'),
         url('../font-tolkien/aniron_medium-webfont.woff') format('woff'),
         url('../font-tolkien/aniron_medium-webfont.ttf') format('truetype'),
         url('../font-tolkien/aniron_medium-webfont.svg#anironregular') format('svg');
    font-weight:normal;
    font-style:normal;
}

#main h1.pagetitle {
	font-family:'ringbearermedium';
	font-size:2.0em;
	color:#ffbf2e;
	font-weight:bold;
   -webkit-text-stroke-width:1px;
   -webkit-text-stroke-color:#b38720;
}
							
							
/* Z-INDEX
================================================== */
	#bottom					 {	 z-index:1		 !important;	 }
	div.slide-out-div		 {	 z-index:9002	 !important;	 }


/* PAGE
================================================== */

	#mainHeader {
		font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
		font-size:16px;
		height:55px;
	}
	
	hr {
		padding:0;
		margin:3em 0 3em 0;
	}
	h1 {
		font-family:ringbearermedium;
		color: #ffbf2e;
		padding:12px 0px 0px 0px;
		margin-bottom:20px;
		margin-top:15px;
		
		font-size:44px;
		line-height:44px;
		font-weight:300;
		font-style:normal;
		text-align:center;
		text-transform:none;
		position:relative;
		letter-spacing:0.1em;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	   -webkit-text-stroke-width:1px;
	   -webkit-text-stroke-color:#99731c;
   
	}


blockquote small {
	color:inherit;
}
h3, h4, h5, h6 {
	color:#777777;
}
h2 {
	color:#283f5a;	
}
h2 i {color:#cccccc}
h2.subTitle:after, h1.noSubtitle:after{
	background-color:#293f5e;
}


body h1, body h2, body h3, body h4, body h5, body h6, body legend {
	margin-top:0;
	font-weight:300;
}


h1.noSubtitle{
	margin-bottom:80px;
}

.bigTitle, 
h1.bigTitle, 
h2.bigTitle, 
h3.bigTitle {
	font-weight:800;
	font-size:3em;
	line-height:1em;
	text-transform:none;
	padding:0.5em 0;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);
}
h2 {
	font-size:24px;
	line-height:24px;
	font-weight:300;
	font-style:normal;
	padding:0;
	margin-bottom:10px;

}
h2.subTitle{
	font-size:24px;
	line-height:24px;
	font-weight:300;
	font-style:normal;
	padding:0;
	margin-bottom:20px;
	text-align:center;
	color:#283f5a;
}
h2.subTitle:after, h1.noSubtitle:after {
	display:block;
	height:1px;
	width:100px;
	content:'';
	bottom:0px;
	position:absolute;
	margin-left:-50px;
	margin-bottom:0px;
	left:50%;
}

h1.noSubtitle:after {
	bottom:-29px;
}

/* remove the underline on H1 when not needed */
h1.bigTitle:after, .boxWrapper h1:after, .pricingBloc h1:after, .team h1:after, .iconBoxV3 h1:after, #sliderWrapper h1:after, .fullwidthbanner-container h1:after, .camera_caption h1:after, .caption h1:after, .bulle h1:after, .iconBoxV2 .iconBox-body h1:after {
	content:none
}
h3, legend {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 14px;
	font-weight: 600;
	letter-spacing: -0.06em;
}
h4 {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 6px;
	font-style: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:300;
}
h5 {
	font-style: normal;
	font-weight: 300;
	font-size: 1.116em;
	line-height: 1.5714em;
	margin-bottom: 0.916em;
}
h6 {
	font-weight: 300;
	font-style: italic;
	margin-bottom: 2em;
	font-size: 1em;
	line-height:1em;
}
h1 small, h2 small, h3 small, h4 small {
	text-transform:none;
	font-size:0.5em;
	font-weight:400;
	color:inherit;
}
strong {
	font-weight:bold
}

/*
p, ul {
	margin-top:0;
}
#filter ul {
	padding:0;
}
small, aside {
}
*/


/* LINKS AND BUTTONS
================================================== */
.scrollspyNav .active a {
	color:#293f5e;
}
ul.iconsList li a {
	color:#555555
}
ul.iconsList li a:hover, ul.iconsList i {
	color:#293f5e
}



/* BOX-SHADOW
================================================== */
.box-shadow {
	box-shadow: 0 10px 15px rgba(0,0,0, 0.3);
	-webkit-box-shadow: 0 10px 15px rgba(0,0,0, 0.3);
	-moz-box-shadow: 0 10px 15px rgba(0,0,0, 0.3);
}
 
/* MAIN HEADER
================================================== */
#navBrand {
    background-color:rgba(0,0,0,0);
	height:55px;
	width:100%;
	text-align:center;
    background-image:url("../images/bg-top.png");
    background-position:50% 0%;
    background-repeat:repeat-x;
	position:fixed;
	top:0;
}

#navBrand-logo h1 {
	font-family:'ringbearermedium';
	font-size:30px;
	line-height:30px;
	color:#ffbf2e;
	font-weight:bold;
	margin:0px;
	padding:12px 0px 0px 0px;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
   -webkit-text-stroke-width:1px;
   -webkit-text-stroke-color:#99731c;
}

#navBrand-logo h2 {
	font-family:'ringbearermedium';
	font-size:22px;
	line-height:30px;
	color:#ffbf2e;
	font-weight:bold;
	letter-spacing:.12em;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-shadow: 2px 2px 3px rgba(0,0,0, 0.5);
   -webkit-text-stroke-width:1px;
   -webkit-text-stroke-color:#99731c;
}

.site-description h3 {
	font-family:'ringbearermedium';
	font-size:18px;
	line-height:18px;
	color:#283f5a;
	text-align:center;
	font-weight:bold;
	letter-spacing:.25em;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
   -webkit-text-stroke-width:1px;
   -webkit-text-stroke-color:#000000;
}


div.site-description {
	height:40px;
}
section#extension.slice,
section#content.slice {
	margin:0px 45px;
	padding:0px;
}

#about .container {
	background-color: rgba(255,255,255, 1.0);
	border:1px solid #283f5a;
	border-radius:10px;
	color:#333333;
	font-size:11px;
	margin:25px auto;
	padding:10px 25px 25px 25px;
	
}



#footerRights a,
#footerRights a:link,
#footerRights a:visited {
	color:#ffbf2e;
	text-decoration:none;
}
#footerRights a:hover,
#footerRights a:active,
#footerRights a:focus {
	color:#aaaaaa;
}

#footerRights p {
	color:#283f5a;
}


/* MODULE FORMATTING
================================================== */

#slide-out-div .well {
	padding:0px;
	background-color:rgba(0,0,0, 0.5);
	border-radius:10px;
	border:1px solid rgba(255,255,255, 0.7);
}
#extension .sidebar .well,
#content .sidebar .well {
	padding:0px;
	margin-bottom:35px;
	min-height:125px;
	color:#ffffff;
	background-color:rgba(0,0,0, 0.5);
	border-radius:10px;
	border:1px solid rgba(255,255,255, 0.7);
}
#slide-out-div .well h3.page-header,
#extension .sidebar .well h3.page-header,
#content .sidebar .well h3.page-header {

	font-family:ringbearermedium;
	font-size:22px;
	line-height:22px;
	font-weight:300;
	font-style:normal;
	text-align:center;
	text-transform:none;
	position:relative;
	letter-spacing:0.1em;
	color: #ffbf2e;
	text-shadow: 2px 2px 3px rgba(0,0,0, 0.5);
	  -webkit-text-stroke-width:1px;
	  -webkit-text-stroke-color:#99731c;
	  
	padding:12px 0px 8px 0px;
	margin:0px 0px 0px 0px;
	background-color:#283f5a;
	border-radius:10px 10px 0px 0px;
}
div.well.nobg {
	border:none !important;
	background-color:rgba(0,0,0, 0) !important;
	box-shadow:none !important;
}


/* TEMPLATE SELECTOR MODULE
================================================== */
#content .sidebar .well .tplselector {
	padding:10px 10px 5px 10px;
	text-align:center;
}	
#content .sidebar .well .tplselector img {
	padding:5px;
	margin:0px auto;
	border:2px solid rgba(255,255,255, 0.5);
	max-width:100%;
}	
#tplbtns {
	padding:5px;
}
#tpllist.form-group {
	padding:5px;
	margin:5px 0px 0px 0px;
}


/* BOTTOM MENU
================================================== */
#navbar-bottom ul.bottommenu {
	margin:0px auto;
	display:inline-block;
	float:none;
}
#navbar-bottom ul.bottommenu li.root {
	margin:0px 10px;
	background-color:rgba(0,0,0, 0.5);
	border-radius:10px;
	border:1px solid rgba(0,0,0, 0.0);
}
#navbar-bottom ul.bottommenu li a.item {
	border:1px solid rgba(0,0,0, 0.0);
	border-radius:10px;
}
#navbar-bottom ul.bottommenu li:hover .item:hover, 
#navbar-bottom ul.bottommenu li.active .item:hover  {
	background-color:#283f5a;
}


/* SPLIT MENU
================================================== */
.sidebar ul.nav {
	margin:10px 0px 5px 0px;
}
.sidebar .nav li {
	padding:0px 15px 10px 15px;
	font-size:18px;
	line-height:18px;
}

.sidebar .nav li a,
.sidebar .nav li a:link,
.sidebar .nav li a:visited {
	padding:5px 20px;
	text-decoration:none;
	color:#ffbf2e;
	border:2px solid rgba(0,0,0, 0.4);
	background-color:#283f5a;
}
.sidebar .nav li a:hover,
.sidebar .nav li a:active,
.sidebar .nav li a:focus {
	color:#283f5a;
	border:2px solid rgba(0,0,0, 0.7);
	background-color:#ffbf2e;
}




































/*!
 * @version   $Id: fusion.css 4586 2012-10-27 01:50:24Z btowles $
 * @author    RocketTheme http://www.rockettheme.com
 * @copyright Copyright (C) 2007 - 2015 RocketTheme, LLC
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */


/* CORE */

/*.menutop,.menutop * {margin:0;padding:0;}*/
/*.menutop {float:left;position:relative;padding-bottom:2px;}*/
.menutop li {
	list-style:none;
	position:relative;
	/*width:100%;
	height:25px;
	float:none;*/
}
/*.menutop li a.item {cursor:pointer;}*/
.menutop li span.item {cursor:default;outline:none;}
.menutop li .item {
	display:block;
	float:left;
	display:block;
	margin:0;
	/*height:25px;
	line-height:25px;*/
}
.menutop li li .item, 
.menutop li .item, .menutop li.active li .item {
	display:block;
	margin:0;
	text-align:left;
	text-decoration:none;
	float:none;
}
.menutop li .fusion-submenu-wrapper, .menutop li ul {float: none;left: -999em;position: absolute;z-index: 500;}
.menutop li:hover li ul, .menutop li.sfHover li ul {top: -999em;}
.menutop li:hover ul, .menutop li.sfHover ul {top: 0;}
.menutop li li {position:relative;float:none;}

/* Drop Downs */
.menutop ul {
	/*width:175px;*/
	position:relative;
}

/* Level 1 */
.menutop li .item {
	text-decoration:none;
	display:block;
	padding:5px 25px;
	/* background:#ddd; */
	border-color:rgba(0,0,0, 0.3);
	border-style:solid;
	border-width:1px;
	color:#eeeeee;
	text-decoration:none;
	white-space: nowrap;
	font-size:14px;
}

.level1 .f-mainparent-itemfocus .item {
	background:#cccccc 100% 100% no-repeat;
	border-color:rgba(0,0,0, 0.3);
	border-style:solid;
	border-width:1px;
	color:#eeeeee;
}

.menutop li:hover > .item {
	background-color:rgba(0,0,0, 0.75);
	border-color:rgba(0,0,0, 0.3);
	border-style:solid;
	border-width:1px;
	color:#eeeeee;
}
.menutop li:hover > .daddy:hover {background-image:url(../images/top-light.png);background-position: 100% 100%;}

/* Level 2 */
.menutop .level2 li > .item {
	/*background:#ccc;*/
	background-color:rgba(0,0,0, 0.6);
	/*border-color:#ddd #bbb #bbb #ddd;
	border-style:solid;
	border-width:1px;*/
}
.menutop .level2 li:hover > .daddy, .menutop .level2 li > .daddy {background-image:url(../images/level2-parent.png);background-position:100% 50%;background-repeat:no-repeat;}

.menutop .level2 .f-menuparent-itemfocus .item, .menutop .level2 li:hover .item {
	background-color:rgba(0,0,0, 0.6);
	border-color:rgba(0,0,0, 0.3);
	border-style:solid;
	border-width:1px;
	color:#eeeeee;
}
.menutop .level2 .f-menuparent-itemfocus .daddy, .menutop .level2 li:hover .daddy {background-image:url(../images/level3-parent.png);background-position:100% 50%;background-repeat:no-repeat;}


/* Level 3 */
.menutop .level3 li > .item {
	background-color:rgba(0,0,0, 0.6);
	/*
	background:#bbb;
	border-color:#ccc #aaa #aaa #ccc;
	border-style:solid;
	border-width:1px;
	*/
}
.menutop .level3 li:hover > .daddy, .menutop .level3 li > .daddy {background-image:url(../images/level3-parent.png);background-position:100% 50%;background-repeat:no-repeat;}

.menutop .level3 .f-menuparent-itemfocus .item, .menutop .level3 li:hover .item {
	background-color:rgba(0,0,0, 0.6);
	border-color:rgba(0,0,0, 0.3);
	border-style:solid;
	border-width:1px;
	color:#eeeeee;
}
.menutop .level3 .f-menuparent-itemfocus .daddy, .menutop .level3 li:hover .daddy {background-image:url(../images/level4-parent.png);background-position:100% 50%;background-repeat:no-repeat;}

/* Level 4 */
.menutop .level4 li > .item {
	background-color:rgba(0,0,0, 0.6);
	border-color:rgba(0,0,0, 0.3);
	border-style:solid;
	border-width:1px;
	color:#eeeeee;
}
.menutop .level4 li:hover > .daddy, .menutop .level4 li > .daddy {background-image:url(../images/level4-parent.png);background-position:100% 50%;background-repeat:no-repeat;}

.menutop .level4 .f-menuparent-itemfocus .item, .menutop .level4 li:hover .item {
	background-color:rgba(0,0,0, 0.6);
	border-color:rgba(0,0,0, 0.3);
	border-style:solid;
	border-width:1px;
	color:#eeeeee;
}

/* regular hover */
.menutop li:hover .item:hover, .menutop li.active .item:hover  {
	background-color:#2c87c0;
	border-color:rgba(0,0,0, 0.3);
	border-style:solid;
	border-width:1px;
	color:#ffffff;
}
.menutop li:hover .daddy:hover, .menutop ul li.active:hover > .daddy:hover {background-image:url(../images/hover-parent.png);background-repeat: no-repeat;background-position: 100% 50%;}

/* seperator hover */
.menutop span.item:hover,
.menutop li:hover span.item:hover {
	background-color:rgba(0,0,0, 0.6);
	border-color:rgba(0,0,0, 0.3);
	border-style:solid;
	border-width:1px;
	color:#ffffff;
}
.menutop li:hover span.daddy:hover {background-image:url(../images/sep-parent.png);background-repeat: no-repeat;background-position: 100% 50%;}

/* Root Items */
.menutop li.root {
	width:auto;
	float:left;
	/*height:30px;*/
} 
.menutop li.root > .item {
	float:left;
	width: auto;
	/*height:30px;
	line-height:30px;*/
}
.menutop li.root:hover > .daddy:hover {background-image:url(../images/top-light.png);background-position: 100% 100%;}
.menutop li.root > .daddy, .menutop li.root:hover > .daddy {background-image: url(../images/top-dark.png); background-position: 100% 100%; background-repeat: no-repeat;}

/* Active Items */
.menutop li.active > .item {
	background-color:#ffbf2e;
	border-color:rgba(0,0,0, 0.3);
	border-style:solid;
	border-width:1px;
	color:#ffffff;
}
.menutop li.active > .daddy {background-image:url(../images/active-parent.png);background-repeat: no-repeat;background-position: 100% 50%;}
.menutop li.root.active > .daddy, .menutop li.root.active:hover > .daddy {background-image:url(../images/top-light.png);background-position: 100% 100%;}


/* No JS */
.menutop li:hover > .fusion-submenu-wrapper, .menutop li:hover > ul {left:170px;top:0;}
.menutop li.root:hover > .fusion-submenu-wrapper, .menutop li.root:hover > ul {top:32px;left:0;}
.menutop li:hover ul, 
.menutop li.sfHover ul {left: 0;top:32px;}
.menutop ul {
	/*width:175px;*/
	
}
.menutop li li:hover > ul, .menutop li li.sfHover > ul {
	left:80px;
	top: 0;
}

.menutop .level2 li {position:relative;float:left;width:100%;}

/* Fusion Pill */
.fusion-pill-l {height: 35px;margin:0 0 0 12px;top:6px;width:50px;position:absolute;left:0;}
.fusion-pill-r {margin-left: -12px;height: 35px;}

/* Fusion JS */
.fusion-js-container {display:block;height:0;left:0;overflow:visible;position:absolute;top:0;z-index:600000!important;background:transparent !important;}
.fusion-js-subs {display:none;margin:0 0 0 -2px;overflow:hidden;padding:0 2px;position:absolute;}






#footer {
	width:100%;
	text-align:center;
}
#logo-block {
	text-align:center;
}
#header #logo-block a#logo {
    display:block;
	margin:0 auto;
	background-image: url("../images/logo.png");
	height:100px;
	width:650px;
}


/* MAIN MENU 
================================================== */
#mainHeader .navbar-inner {
	background: #444444;
	filter:none !important;
}
#mainMenu ul li a, #resMainMenu ul li a {
	color:#444444;
}

#mainHeader .navbar-default .navbar-nav > .active > a, 
#mainHeader .navbar-default .navbar-nav > .active > a:hover, 
#mainHeader .navbar-default .navbar-nav > .active > a:focus {
	background: #ffffff;
	color:#293f5e;
}

#mainHeader .navbar-default .navbar-nav > li > a, 
#mainHeader .navbar-default .navbar-nav > li > a {
	color:#ffffff;
}

#mainHeader .navbar-default .navbar-nav > li > a:hover, 
#mainHeader .navbar-default .navbar-nav > li > a:focus {
	background: #2986c4;
	color:#ffffff;
}

#mainHeader .navbar-default .navbar-nav > li > a i:hover, 
#mainHeader .navbar-default .navbar-nav > li > a i:focus {
	color:#ffffff;
}

#mainHeader .navbar-nav > li > a {

	border:1px solid #111111;

    display: block;
    /*font-size:.8em;*/
    font-weight: 300;
	padding:5px 10px 0px 10px;
	height:30px;
	color:#ffffff;
    margin:4px 3px 0px 3px;
	background-color:#283f5a;
	vertical-align:middle;
    text-decoration: none;
    text-transform: none;
	border-radius:10px 10px 0px 0px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#mainHeader .navbar-nav > li > a i {
	font-size:16px;
	text-align:center;
	padding:0px 5px 0px 0px;
	color:#ffffff;
}
#mainHeader .navbar-default .navbar-toggle {
	margin-top: 22px;
}
#mainHeader .navbar-default {
    background-color:rgba(0,0,0,0);
    border:none;
	margin:0px;
}

#mainHeader .navbar-nav li.active a i:hover, 
#mainHeader .navbar-nav li.active a i:focus,
#mainHeader .navbar-nav li.active a i {
	color:#293f5e;
}

#mainHeader .btn {
    display: block;
    font-size:.8em;
    font-weight: 300;
	padding:10px 15px 0px 15px;
	height:40px;
	color:#ffffff;
    margin:20px 3px 0px 3px;
	background-color:#479ad2;
	vertical-align:middle;
    text-decoration: none;
    text-transform: none;
	border:none;
	border-radius:10px 10px 0px 0px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#mainHeader nav.navbar.navbar-default ul.nav.navbar-nav ul.nav.dropdown-menu li {
	display:inline-block;
	width:90%;
	padding:5px 10px 5px 10px;
}
#mainHeader nav.navbar.navbar-default ul.nav.navbar-nav ul.nav.dropdown-menu li a {
	padding:0px;
}

/*** MEDIA QUERIES ***/
@media(max-width:767px){
	.navbar-nav > li > a i {
		margin-right: 10px;
		font-size: 18px;
	}
}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

/* BREADCRUMBS
================================================== */
#globalWrapper ul.breadcrumb {
	margin:0px 0px 0px 0px;
	/*background-color:rgba(255,255,255, 0.6);*/
	background-color:#283f5a;
	font-size:11px;
	/*box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.6) inset; */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
}

/* BOOSTRAP CUSTOMIZATION
================================================== */
.navbar {margin-bottom:0;}
.navbar-default {background:none; border:none;}
.nav.nav-tabs {margin-bottom:22px;}
.btn:active, .btn.active{
-webkit-box-shadow:none;box-shadow:none
}


	
/* SLIDERS
================================================== */




/* SLIDE-OUT-DIV MENU
================================================== */
.slide-out-div  ul.nav {
	margin:10px 0px 5px 0px;
}
.slide-out-div  .nav li {
	padding:0px 15px 10px 15px;
	font-size:18px;
	line-height:18px;
}

.slide-out-div  .nav li a,
.slide-out-div  .nav li a:link,
.slide-out-div  .nav li a:visited {
	padding:5px 20px;
	text-decoration:none;
	color:#ffbf2e;
	border:2px solid rgba(0,0,0, 0.4);
	background-color:#283f5a;
}
.slide-out-div  .nav li a:hover,
.slide-out-div  .nav li a:active,
.slide-out-div  .nav li a:focus {
	color:#283f5a;
	border:2px solid rgba(0,0,0, 0.7);
	background-color:#ffbf2e;
}

#slide-out-div {
	display:none;
}
.slide-out-div {
	/*
	padding:5px 25px 15px 25px;
	background:rgba(255,255,255, 1);
	border:2px solid #293f5e;
	*/
	width:250px;
}
.slide-out-div button.handle2,
.slide-out-div button.handle {
    padding:0px 0px;
    display:inline-block;
	height:110px;
	width:35px;
	margin:20px 0px 0px 0px;
	border-color: #8796a1;
    border-style: solid;

	color: #ffbf2e;
	background-color:#283f5a;
	font-family:ringbearermedium;
	font-size:22px;
	line-height:22px;
	font-weight:300;
	font-style:normal;
	text-align:center;
	text-transform:none;
	position:relative;
	letter-spacing:0.1em;
	text-shadow: 2px 2px 3px rgba(0,0,0, 0.5);
	  -webkit-text-stroke-width:1px;
	  -webkit-text-stroke-color:#99731c;
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);

}
.slide-out-div button.handle {
    border-width:1px 1px 1px 0px;
	border-radius:0px 10px 10px 0px;
}
.slide-out-div button.handle2 {
    border-width:1px 0px 1px 1px;
	border-radius:10px 0px 0px 10px;
}

.slide-out-div.open button.handle {
}
.slide-out-div .handle2 span,
.slide-out-div .handle span {
	display:inline-block;
    text-align:center;
    text-decoration:none;
    font-size:16px;
	font-weight:400;
    color:#ffbf2e;
	letter-spacing:0.05em;
	font-stretch:expanded;
}


.slide-out-div .handle span {
	transform:rotate(-90deg) scale(1.4,1);
	-webkit-transform:rotate(-90deg) scale(1.4,1);
	margin:0px 0px 0px -6px;
}

.slide-out-div .handle2 span {
	transform:rotate(90deg) scale(1.4,1);
	-webkit-transform:rotate(-90deg) scale(1.4,1);
	margin:0px 0px 0px -5px;
}

/* Left Nav Box */
#rightnav,
#nav {
	clear:both;
	float:left;
	width:200px;
	text-align:left;
	margin:0px 0px 10px 0px;
	padding:0px;
	border:2px solid #8796a1;
	border-radius:10px;
	background-color:rgba(13,27,92, 0.75);
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}
#rightnav .navitem,
#nav .navitem {
	text-align:center;
}
.navhead {
	width:100%;
	font-size:15px;
	text-decoration:none;
	font-weight:700;
	color:#ffbf2e; /* Gold */
	text-align:center;
	font-variant:small-caps;
	padding:5px 0px 0px 0px;
	display:block;
}
a:link.nav, a:visited.nav {
	color:#eeeeee;
	font-size:14px;
	text-decoration:none;
	line-height:1.6em;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	
	width:155px;
	margin:5px auto;
	padding:3px 3px 3px 10px;
	border:1px solid #8796a1;
	border-radius:5px;
	background-color:rgba(13,27,92, 0.85);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}
a:hover.nav, a:active.nav {
	background-color:rgba(255,214,29, 0.85);
}



.wow:first-child {
	visibility: hidden;
}	
 
 
/* INPUT FORM
================================================== */

.contact_body  {
	max-width:100%;
	margin:0px;
	padding:20px;
	background-color:rgba(255,255,255, 1);
	border:1px solid #293f5e;
	border-radius:15px;
}

#contact_form .success{
	background: #D8FFC0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 3px solid #2E6800;
}
#contact_form .error {
	background: #FFE8E8;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 3px solid #FF0000;
}


 
/* LOGIN MODULE
================================================== */

div.pretext {
	padding:10px 5px 0px 10px;
	color:#ffffff;
	font-size:18px;
	line-height:18px;
}

form div.login-greeting,
div.posttext {
	padding:10px 5px 5px 10px;
	color:#ffffff;
	font-size:18px;
	line-height:18px;
}

form div.userdata {
	padding:0px 25px 0px 25px;
	margin:0px;
	color:#ffffff;
}

form div.controls.logout-button,
form .userdata .control-group div.controls {
	margin:10px;
}


/* MODULES
================================================== */

.sidebar .well p {
	padding:0px;
	margin:0px;
	color:#ffffff;
	font-size:18px;
	line-height:18px;
}
.sidebar .well h1 {
	padding:0px;
	margin:0px 0px 10px 0px;
}


/* AUP MODULES
================================================== */
.sidebar .well .aup {
	color:#ffffff;
	margin:5px 20px 5px 20px;
}
.sidebar .well .aup .playerinfo {
	font-size:14px;
	font-weight:600;
	text-align:left;
	width:65%;
	display:inline-block;
}
.sidebar .well .aup .playerinfo h3 {
	margin:0px;
}
.sidebar .well .aup .points {
	font-size:11px;
	width:30%;
	display:inline-block;
	text-align:right;
	padding:0px 0px 0px 0px;
}
.sidebar .well .aup .date {
	font-size:11px;
	width:100%;
	display:inline-block;
	text-align:right;
	padding:0px 0px 0px 0px;
}
.sidebar .well .notice {
	font-size:16px;
	text-align:center;
}

.sidebar .well .aup .progress {
	background-color:#aaaaaa;
	background-image:-moz-linear-gradient(top,#aaaaaa,#cccccc);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#aaaaaa),to(#cccccc));
	background-image:-webkit-linear-gradient(top,#aaaaaa,#cccccc);
	background-image:-o-linear-gradient(top,#aaaaaa,#cccccc);
	background-image:linear-gradient(to bottom,#aaaaaa,#cccccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#ffcccccc', GradientType=0);
}
.sidebar .well .aup .auprow {
	margin:8px 0px;
}


.sidebar .well .aup .playerinfo h3 a,
.sidebar .well .aup .playerinfo h3 a:link,
.sidebar .well .aup .playerinfo h3 a:visited {
	text-decoration:none;
	color:#ffbf2e;
}
.sidebar .well .aup .playerinfo h3 a:hover,
.sidebar .well .aup .playerinfo h3 a:active,
.sidebar .well .aup .playerinfo h3 a:focus {
	color:#283f5a;
}


.sidebar .well .aup a,
.sidebar .well .aup a:link,
.sidebar .well .aup a:visited {
	text-decoration:none;
	color:#283f5a;
}
.sidebar .well .aup a:hover,
.sidebar .well .aup a:active,
.sidebar .well .aup a:focus {
	color:#ffbf2e;
}


/* KUNENA MODULES
================================================== */
.sidebar .well .aup .klatest-subject {
    font-size: 11px;
}
.sidebar .well .aup .klatest-subject a {
    font-size: 18px;
}
.sidebar .well .aup .klatest-items li.klatest-item {
	margin:0px;
}
.sidebar .well .aup .klatest-items li.klatest-item div {
	margin:10px 0px;
	padding:5px;
	color:#283f5a;
	border-radius:5px;
	border: 1px solid rgba(255,255,255, .3);
	background-color:rgba(255,255,255, .3);
}
.sidebar .well .aup p.klatest-more {
	text-align:right;
	font-size:11px;
}
.sidebar .well .aup p.klatest-more a {
	color:#ffffff;
}
.sidebar .well .aup  form#ksearch-form.form-inline {
	margin:20px auto 0px auto;
	text-align:center;
}




/* ARTICLE FORMATTING
================================================== */

#content div.page-header {
	margin:0px;
	padding:0px;
	border:none;
    position: relative;
}
#content div.page-header.blog-header:after {
    content:"";
    display:block;
    height:2px;
    width:10%;
    margin:10px auto;
    background:#283f5a;
}
#content .blog div.items-row {
	padding:20px 20px 10px 20px;
	margin:50px 0px 0px 0px;
	border:1px solid #283f5a;
	border-radius:10px;
	background-color: rgba(255,255,255, 0.4);
}
#content .blog .items-row dl.article-info {
	text-align:left;
	margin:0px;
}
#content .blog .items-row div.jcomments-links {
	text-align:right;
}


#content div.contact h1:after {
    content:"";
    display:block;
    height:2px;
    width:10%;
    margin:10px auto;
    background:#283f5a;
}


/* MAIN CONTENT LOGIN BOX
================================================== */

#main div.login {
	width:350px;
	margin:20px auto 20px auto;
	text-align:center;
	
}
#main .login .form-horizontal div.control-label {
	text-align:left;
}






















/*
 LOGD Server Reboot 2.0
 Copyright 2014, SocialMUD.com - Jack Marvin
 NOTE: All trademarks and artwork are property of their respective owners. 
*/


#globalWrapper {
/*
    background-attachment:fixed;
    background-image:url("../images/bg-bottom.png");
    background-position:50% 100%;
    background-repeat:repeat-x;
*/
    min-height: 100%;
	width:100%;
    position: absolute;
}
#surround {
    height: 100%; 
    min-height: 100%;
    position: relative;
}

#header h1.pagetitle {
	font-size:20px;
	letter-spacing:0.1em;
	color: #ffffff;
	height:25px;
	margin:-25px 0px 0px 0px;
}
#nav a.modCollapseToolbox {
	margin-top:-17px;
}
#headerad {
	float:left;
}



/* Skin Selector */
#skins {
	clear:both;
	width:170px;
	margin:10px 0px 10px 0px;
	padding:10px 13px 10px 13px;
	border:2px solid #8796a1;
	border-radius:10px;
	background-color:rgba(0,0,0, 0.5);
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}
#skinselector span {
    color: #dddd00;
    display: block;
    font-size: 15px;
    font-variant: small-caps;
    font-weight: 700;
    padding: 0;
    text-align: center;
    width: 100%;
}
#skinselector #skinselectorform #imgContainer #imgLnk img#imgSwap {
	background-color:transparent;
	padding:5px;
	border-left: 3px solid #222222;
	border-top: 3px solid #222222;
	border-right: 3px solid #555555;
	border-bottom: 3px solid #555555;
    border-style: solid;
}

/* Login Logo */
#loginlogo {
	background-image: url("../images/login.png");
	background-repeat:no-repeat;
	height:256px;
	width:256px;
}

/* Character Stats Box */
#stats {
	width:170px;
	margin:0px 0px 10px 0px;
	padding:0px 15px 10px 15px;
	text-align:left;
	border:2px solid #8796a1;
	border-radius:10px;
	background-color:rgba(0,0,0, 0.5);
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}

.charhead {
	width:100%;
	font-size:15px;
	text-decoration:none;
	font-weight:700;
	color:#ffd61d; /* Gold */
	text-align:center;
	font-variant:small-caps;
	padding:10px 0px 0px 0px;
	display:block;
}
.charinfo {
	color:#eeeeee;
	font-size:14px;
	text-decoration:none;
	line-height:1.6em;
	/* This was causing text to overflow off the page to the right - Mic
	white-space:nowrap;
	*/
	overflow:hidden;
	display:block;
	
	margin:5px 0px 5px 0px;
	padding:3px 3px 3px 10px;
	border:1px solid #8796a1;
	border-radius:5px;
	background-color:rgba(0,0,0, 0.5);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}

/* Commentary Area */
#commentary {
	width:80%;
	margin:0px 10px 10px 10px;
	padding:10px 15px 10px 15px;
	color:#eeeeee;
	font-size:14px;
	letter-spacing:0.02em;
	line-height:1.3em;
	display:inline-block;
	
	border:2px solid #eeeeee;
	border-radius:10px;
	background-color:rgba(153,153,153, 0.75);
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}
#pagination {
	font-size:11px;
	line-height:1.3em;
	color:#eeeeee;
	font-weight:700;
}
.showform {
	color:#eeeeee;
	font-size:14px;
	letter-spacing:0.02em;
	line-height:1.3em;
	display:inline-block;
	
	width:80%;
	min-width:350px;
	text-align:left;
	margin:10px auto 10px auto;
	padding:10px 15px 10px 15px;
	border:2px solid #8796a1;
	border-radius:10px;
	background-color:rgba(13,27,92, 0.90);
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}

.botnav {
	font-size:12px;
	font-weight:700;
	font-variant:small-caps;
	letter-spacing:0.1em;
	text-shadow: 1px 1px 2px #000000;
	margin-bottom:10px;
}

#creditblock {
	margin:25px auto 25px auto;
	font-size:10px;
	background-color:rgba(0,0,0, 0.7);
	border-radius:10px;
	color:#ffffff;
}
#creditblock img {
	border:1px solid #ffffff;
	margin:5px 15px 5px 0px;
}
#creditblock p {
	margin:4px 0px 0px 0px;
	letter-spacing: 0.1em;
}


#donate {
	margin:5px auto 20px auto;
	font-size:10px;
	background-color:rgba(0,0,0, 0.0);
	border-radius:10px;
	color:#000000;
}

footer section#footerRights .row div {
	margin:25px 0px 0px 0px;
}







.administrator {
	display:inline-block;
	margin:10px auto 1px auto;
	width:100%;
	text-align:center;
}


/* Main Content Formatting */
.col1 .mainbox {
	font-size:16px;
	letter-spacing:0.02em;
	line-height:1.3em;
	display:inline-block;
	/* min-width:150px; */
	min-width:90%;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
	padding:15px 15px 15px 15px;
	border:1px solid #ffffff;
	border-radius:6px;
	background-color:rgba(0,0,0, 0.7);
	-moz-box-shadow:inset 0 0 15px #000000;
	-webkit-box-shadow:inset 0 0 15px #000000;
	box-shadow:inset 0 0 15px #000000;
}
.col1 .mainbox:after {
	clear:both;
}

.modulebox {
	color:#cccccc;
	font-size:16px;
	letter-spacing:0.02em;
	line-height:1.3em;
	display:inline-block;
	min-width:150px;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
	padding:10px 10px 10px 10px;
	border:1px solid #ffffff;
	border-radius:6px;
	-moz-box-shadow:inset 0 0 15px #000000;
	-webkit-box-shadow:inset 0 0 15px #000000;
	box-shadow:inset 0 0 15px #000000;
}
.modulebox p {
	margin:0px 0px 0px 0px;
	line-height:1.0em;
	letter-spacing: 0em;
}

.col1 .appcode {
	color:#cccccc;
	font-size:16px;
	letter-spacing:0.02em;
	text-align:left;
	line-height:1.3em;
	display:inline-block;
	min-width:150px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
	padding:15px 15px 15px 15px;
	border:1px solid #ffffff;
	border-radius:6px;
	background-color:rgba(0,0,0, 0.7);
	-moz-box-shadow:inset 0 0 15px #000000;
	-webkit-box-shadow:inset 0 0 15px #000000;
	box-shadow:inset 0 0 15px #000000;
}

.commentary {
	color:#eeeeee;
	font-size:14px;
	letter-spacing:0.02em;
	line-height:1.3em;
	display:inline-block;
	
	width:80%;
	text-align:left;
	margin:10px 10px 10px 10px;
	padding:10px 15px 10px 15px;
	border:2px solid #8796a1;
	border-radius:10px;
	background-color:rgba(13,27,92, 0.90);
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}
.showform {
	color:#eeeeee;
	font-size:14px;
	letter-spacing:0.02em;
	line-height:1.3em;
	display:inline-block;
	
	width:80%;
	min-width:350px;
	text-align:left;
	margin:10px auto 10px auto;
	padding:10px 15px 10px 15px;
	border:2px solid #8796a1;
	border-radius:10px;
	background-color:rgba(13,27,92, 0.90);
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}

/* Colors */
.red { color:red; }
.green { color:green; }












/* using this but don't want to... */
#login {
	display:inline-block;
	margin:0 auto;
}
table#modulelist {
	width:100%;

}
.showform span.other {
	display:inline-block;
	width:70%;
}
.showform span.value {
	display:inline-block;
	text-align:left;
	width:30%;
	overflow:hidden;
}
.showform div.row {
	padding:3px;
	border-bottom:1px dotted #777777;
}
.showform .row span.value {
    font-weight:700;
	color:#22cc22
}
.colmask {
	margin:-20px 0px 0px 0px;
}





	

	
	

	
	
/* PayPal */
div#paypal {
	margin:0px;
}

/* Colors */
.trhead {
	background-color:rgba(13,27,92, 0.85);
/*	float:left;	*/
	cursor:pointer;
	cursor:hand;
	
	color:#eeeeee;
	font-size:13px;
	text-decoration:none;
	line-height:1.6em;
	white-space:nowrap;
	overflow:hidden;
/*	display:block;*/
	margin:5px 5px 5px 5px;
	padding:0px 8px 0px 8px;
	border:1px solid #8796a1;
	border-radius:5px;
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}
.trlight {
	/* background-color:#cdc8aa; */
	background-color:rgba(200,200,170, 0.7);
	color:#000000;
}
.trdark { 
	/* background-color:#a3a6a3; */
	background-color:rgba(165,165,165, 0.7);
	color:#000000; 
}
.trhilight { background-color:#cdc8aa; color:#000000; }

.colStory { color: #ee9900; }
.colSystem { color: #eeee00; }
.colGood { color: #00ee00; }
.colBad { color: #ee0000; }


.colWhite { color: #eeeeee; }
.colRed { color: #ff0000; }
.colGreen { color: #00ff00; }
.colBlue { color: #0000ff; }
.colYellow { color: #ffff00; }
.colOrange { color: #ff9600; }
.colPurple { color: #aa00ff; }
.colPink { color: #ff00ff; }
.colGrey { color: #999999; }
.colBlack { color: #333333; }

/* Color Bar Animated Glow */
@-webkit-keyframes super-rainbow {
    0%   { background: #ffff00; } 
    100% { background: #ff9600; }
}

@-moz-keyframes super-rainbow {
    0%   { background: #ffff00; } 
    100% { background: #ff9600; }
}

#myxpbar {
     background: ffff00;  
     -webkit-animation: super-rainbow 3s infinite alternate linear; 
     -moz-animation: super-rainbow 3s infinite alternate linear; 
}

/* Retire these... */
.colDkBlue { color: #000066; }
.colDkGreen { color: #00ff00; }
.colDkCyan { color: #006666; } 
.colLtGrey { color: #aaaaaa; }
.colDkRed { color: #660000; }
.colDkMagenta { color: #660066; }
.colDkYellow { color: #666600; }
.colDkWhite { color: #666666; }
.colLtBlue { color: #0000bb; }
.colLtGreen { color: #00ff00; }
.colLtCyan { color: #00ffff; }
.colLtRed { color: #cc2222; }
.colLtMagenta { color: #770077; }
.colLtYellow { color: #777700; }
.colLtWhite { color: #ffffff; }
.colLtBlack { color: #555555; }
.colDkOrange { color: #994400; }
.colLtOrange { color: #aa6633; }
.colOtWhite { color: #cccccc; }
.colBlue { color: #0070ff; }
.colLime { color: #ddffbb; }
.colBlack { color: #000000; }
.colRose { color: #eebbee; }
.colblueviolet { color: #9a5bee; }
.coliceviolet { color: #aabbee; }
.colLtBrown { color: #f8db83; }
.colDkBrown { color: #6b563f; }
.colXLtGreen { color: #aaff99; }
.colLtLinkBlue { color: #0099ff; }
.colDkLinkBlue { color: #006bb3; }
.colDkRust { color: #8d6060; }
.colLtRust { color: #b07878; }
.colMdBlue { color: #0000f0; }
.colMdGrey { color: #dddddd; }
.colbeige { color: #f5f5dc; }
.colkhaki { color: #f0e68c; }
.coldarkkhaki { color: #bdb76b; }
.colaquamarine { color: #7fffd4; }
.coldarkseagreen { color: #8fbc8f; }
.collightsalmon { color: #ffa07a; }
.colsalmon { color: #fa8072; }
.colwheat { color: #f5deb3; }
.coltan { color: #d2b48c; }
.colburlywood { color: #deb887; }

.colAttention { background-color: #00ff00; color: #ff0000; }
.colWhiteBlack { background-color: #ffffff; color: #000000; }
.colBack { background-color: #00ffff; color: #000000; }


/* Cities */
.Urg {
	background-image:url("images/cities/Urg.png");
	background-repeat:no-repeat;
    /*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAYAAABvCO8sAAAChklEQVRIx2NgoAEISTc1AeJZQJwFxHwMtARACwSA+DwQ/wfhiGyrG9G5th5ANjstLGMG4slA/BdmIQzH5NnN7J1VwUZtC12B+AW6ZVD87/KN0/rUtIwHiPfjsOx/Tk3g1u8/vjlR08JqIP6FzbLwTIsvJ88fCP7//786tSxTBuK7uHxX1Zk0E2iZDRCzU8MyNiBejcuyqBybF/cf3fQCWiZHLd9FAvFHXBZOmFtTC7TMAohZqGGZGBBfxGVZYrHrha/fPjsDLROhlu86cVkWmmH2d8Hq/jygZQZ///5lpIZlVkD8Ck822Pzr109HoIX81LCMH4i34LIsIsvy/e7D66NB2QCn74AKxYF4IhBnEmFhGhD/wZMNZv389cMWaCEnVgMCU4wYgQq3woqgtHKvDjyWKQHxfVyWAcvMhyfO7QsBZQN8vmtF15hS6jENizoWIJ6KyzIQ7pxW3Aq0zAxnJgcqCgXi39g0J5e4LQbSrEhq3fDlueQS99OPn93zBFomji8+fuBzcUKRy+b4QidQIhEG4lN41P6bvrilFGiZHhAz47NwPz4LwcVTru0VYL46j08NKBu8+/DKFWiZEKEUJ5VR6buSkKV4HZRj83LVltmpoGwAxEwE89WEOTUixU2R1eRaWNEeP/fb969WQMt4ic7Muw6tY63pTgmMybN/QIplcQWO1/cd3RQJtEye5CIMpKFjapFeeoXPZmItbJtc0Pnnz28TnJmcGDBneZdwSXN0AyHLMip99r1+98INaJkExeXlys2z2Op60wNBJQeOhPJ80dpJ2UDLtIhKKMQG8cR5terAVIwcxP8SipyvgKoeYFBaUqU2QAdAQ9mAWAOIHZCwITmWAQBTDc+EV3xMoQAAAABJRU5ErkJggg=="); */
}
.Urg {
	background-image:url("images/cities/Urg.png");
	background-repeat:no-repeat;
}
.Kor {
	background-image:url("images/cities/Kor.png");
	background-repeat:no-repeat;
}
.Isl {
	background-image:url("images/cities/Isl.png");
	background-repeat:no-repeat;
}
.Kae {
	background-image:url("images/cities/Kae.png");
	background-repeat:no-repeat;
}
.Jan {
	background-image:url("images/cities/Jan.png");
	background-repeat:no-repeat;
}
.Cel {
	background-image:url("images/cities/Cel.png");
	background-repeat:no-repeat;
}
.Tur {
	background-image:url("images/cities/Tur.png");
	background-repeat:no-repeat;
}
.Mag {
	background-image:url("images/cities/Mag.png");
	background-repeat:no-repeat;
}

/* Terrain */
#viewmap .world_map {
	background-image:url("images/cities/world_map.png");
	background-repeat:no-repeat;
	margin:0px auto;
}
#worldmap .small_map {
	background-color:#000000;
	margin:0px auto;
}
#worldmap .small_map a {
	font-size:10px;
	text-align:center;
	font-style:italic;
	color:#aaaaaa;
	line-height:1em;
	vertical-align:middle;
}

/* Worldmap Legend */

.legend_table {
	padding:10px;
	margin:0px 10px;
	width:190px;
	float:left;
	border:1px solid #ffffff;
	background-color:rgba(0,0,0, .6);
}
.legend_row {
	clear:both;
	height:40px;
	line-height:40px;
	width:100%;
}
.legend_cell_1 {
	float:left;
	height:25px;
	width:25px;
	margin:5px 10px 5px 10px !important;
	border:1px solid #ffffff !important;
}
.legend_cell_2 {
	float:left;
	width:135px;
	text-align:left;
	vertical-align:middle;
	margin:0px !important;
}

/* Worldmap Legend - Cities */

.legendcity_table {
	padding:10px;
	margin:0px 10px;
	width:225px;
	float:left;
	border:1px solid #ffffff;
	background-color:rgba(0,0,0, .6); 
}
.legendcity_row {
	clear:both;
	height:40px;
	line-height:40px;
	width:100%; 
}
.legendcity_cell_1 {
	border:1px solid #ffffff;
	float:left;
	height:25px;
	width:25px;
	margin:5px 15px 5px 10px !important; 
}
.legendcity_cell_2 {
	float:left;
	width:35px;
	text-align:left;
	vertical-align:middle;
	margin:0px !important; 
}
.legendcity_cell_3 {
	float:left;
	width:110px;
	text-align:left;
	vertical-align:middle;
	margin-left:10px !important;
}

/* Worldmap Legend - Terrain Key */

.legendkey_table {
	padding:10px;
	margin:0px 10px;
	width:225px;
	float:left;
	border: 1px solid #ffffff;
	background-color:rgba(0,0,0, .6); 
}
.legendkey_row {
	clear:both;
	height:40px;
	line-height:40px;
	width:100%;
}
.legendkey_cell_1 {
	border:1px solid #ffffff !important;
	float:left;
	height:25px;
	width:25px;
	margin:5px 20px 5px 10px !important;
}
.legendkey_cell_2 {
	float:left;
	width:85px;
	text-align:left;
	vertical-align:middle;
	margin:0px !important;
}
.legendkey_cell_3 {
	float:left;
	width:65px;
	text-align:left;
	vertical-align:middle;
}



img.worldmap_clear {
	width:20px;
	height:20px;
	overflow:hidden;
	padding:0px;
	margin:0px;
}
img.smallmap_clear {
	width:75px;
	height:75px; 
	overflow:hidden;
	padding:0px;
	margin:0px;
}
img.editmap_clear {
	width:25px;
	height:25px;
	overflow:hidden;
	padding:0px;
	margin:0px;
}
#terrain.mainbox {
	cursor:pointer;
	font-size:10px;
	color:#aaaaaa;
	line-height:1em;
}

.rownums {
	font-size:10px;
	text-align:center;
	font-style:italic;
	color:#aaaaaa;
	line-height:1em;
	vertical-align:middle;
}
#viewmap .world_map div div, #worldmap .small_map div div {
	width:25px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	font-size:8px;
	color:#cccccc;
}
.UserLoc, .Plains, .Forest, .River, .Ocean, .Desert, .Swamp, .Mountain, .Snow, .Earth, .Air, .Edge {
	width:25px;
	overflow:hidden;
	line-height:1em;
	padding:0px;
	margin:0px;
	/* border-style: dotted, dashed, solid, double, groove, ridge, inset, outset */
	border:0.5px dotted rgba(255,255,255, 0);
	font-size:8px;
	color:#cccc00;
}
.UserLoc {
	/* background-color:#ff9900; */
}
.Plains a:hover{
	/* background-color:#53e053; */
	background-color:rgba(166,224,83, 0.3);
}
.Forest a:hover{
	/* background-color:#156115; */
	background-color:rgba(0,125,0, 0.3);
}
.River a:hover{
	/* background-color:#3a43fd; */
	background-color:rgba(0,100,255, 0.3);
}
.Ocean a:hover{
	/* background-color:#000066; */
	background-color:rgba(0,165,165, 0.3);
}
.Desert a:hover{
	/*background-color:#d3c54a; */
	background-color:rgba(211,197,74, 0.3);
}
.Swamp a:hover{
	/*background-color:#29946a; */
	background-color:rgba(125,65,100, 0.3);
}
.Mountain a:hover{
	/*background-color:#49311c; */
	background-color:rgba(100,50,0, 0.3);
}
.Snow a:hover{
	/*background-color:#ffffff; */
	background-color:rgba(255,255,255, 0.3);
}
.Earth {
	/*background-color:#80672e; */
	background-color:rgba(128,103,46, 0.3);
}
.Air {
	/*background-color:#80faf6; */
	background-color:rgba(128,250,246, 0.3);
}
.Edge {
	/*background-color:#111111; */
	background-color:rgba(17,17,17, 0.3);
}

















/* ditch this asap... */

/* ORIGINAL STUFF */
/* CSS Document */

caption {
	white-space: nowrap;
    font-size: 12px;
}

table.nav {
	background-color: #003800;
	border: 1px solid #000000;
	height: auto;
}

.navhelp {
	text-decoration: none;
	text-align:center;
	width: 170px;
	height: auto;
	padding: 1px;
	float: left;
	clear: none;
}



td.popupheader {
	background-color: #333399;
	background-image: url(../images/headbkg.gif);
	height: 20px;
}
td.noborder {
	border: none;
}
table.noborder {
	border: none;
}
td.village {
	background-image: url(images/village.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
td.forest {
	background-image: url(images/forest.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
td.dragon {
	background-image: url(images/dragon.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}

table.vitalinfo {
	background-color: #003300;
	border: 1px solid #000000;
	width: 182px;
}

td.nav a.thot {
	position: absolute;
	left: 0px;
	height: auto;
}
td.nav a.t {
	position: absolute;
	left: 0px;
	height: auto;
}

a.t {
	width: 7px;
	height: 7px;
	border: 1px dotted #0000ff;
	background-color: #9999ff;
	color: #ffffff;
	font-size: 7px;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
}

a.thot {
	width: 7px;
	height: 7px;
	border: 1px dotted #ff0000;
	background-color: #ff9999;
	color: #ffffff;
	font-size: 7px;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
}

div.debug {
	background-color: #ffffff;
	color: #000000;
	border: 1px dotted #000000;
	width: auto;
	height: auto;
	font-size: 10px;
}

/* Modal - MOTD */
.modal-dialog {

    width: 600px;
	clear:both;
	text-align:left;
	margin:30px auto;
	padding:0px 13px 10px 13px;
	border:2px solid #8796a1;
	border-radius:10px;
	background-color:rgba(0,0,0, 0.7);
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}

/* Weather */

/* PARALLAX
================================================== */

.showcase {
	margin:0px;
	padding:0px;
	background-color:rgba(255,255,255,0);
	border:none;
	border-radius:0px;
}
.showcase #WeatherModule {
	padding:0px 0px 25px 0px;
}
.showcase #weather {
	border-radius:0px;
	height:200px;
	color:#ffffff;
	font-size:14px;
	font-weight:600;
	padding:0px;
	margin:0px auto 0px auto;
	text-align:center;
    background-color:rgba(0,0,0, 0);
    background-position:center auto;
    background-repeat:repeat-x;
}
.showcase #weather h1 {
	margin:0px;
	padding: 40px 0px 30px 0px;
	font-size:52px;
	line-height:52px;
}

.showcase #weather h1 a,
.showcase #weather h1 a:link,
.showcase #weather h1 a:visited {
	text-decoration:none;
	color:#ffbf2e;
}
.showcase #weather h1 a:hover,
.showcase #weather h1 a:active,
.showcase #weather h1 a:focus {
	color:#0db704;
}


.showcase #weathertext {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-weight:600;
	font-size:17px;
	line-height:17px;
	font-style:italic;
	letter-spacing:.05em;
}
.showcase #parallaxSlice {
	height:200px;
}


#WeatherModule  #parallaxSlice {
	width:100%;
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
	border-radius:5px;
	background-size:cover;

	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}
.sidebar #WeatherModule div.weatherbox {
	width:100%;
	background-attachment:scroll;
	background-position:top center;
	background-repeat:no-repeat;
	border-radius:5px;
	background-size:cover;

	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}


#WeatherModule .dawn {background-image:url(../../../modules/mod_socialmud_weather/images/Time-Dawn.png);}
#WeatherModule .sunrise {background-image:url(../../../modules/mod_socialmud_weather/images/Time-Sunrise.png);}
#WeatherModule .morning {background-image:url(../../../modules/mod_socialmud_weather/images/Time-Morning.png);}
#WeatherModule .afternoon {background-image:url(../../../modules/mod_socialmud_weather/images/Time-Afternoon.png);}
#WeatherModule .sunset {background-image:url(../../../modules/mod_socialmud_weather/images/Time-Sunset.png);}
#WeatherModule .dusk {background-image:url(../../../modules/mod_socialmud_weather/images/Time-Dusk.png);}
#WeatherModule .night {background-image:url(../../../modules/mod_socialmud_weather/images/Time-Night.png);}


/*	*/
#weather {
	padding:0px;
	margin:0px auto;
	min-height:150px;
	vertical-align:middle;
	text-shadow: 0.1em 0.1em 0.1em #000000;
    background-color:rgba(0,0,0, 0);
    background-position:center auto;
	background-size:100% auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.sidebar #weather {
    background-repeat:no-repeat;
	height:150px;
}

#weather.type01 {background-image:url(../../../modules/mod_socialmud_weather/images/Clouds-01.png);}
#weather.type02 {background-image:url(../../../modules/mod_socialmud_weather/images/Clouds-02.png);}
#weather.type03 {background-image:url(../../../modules/mod_socialmud_weather/images/Clouds-03.png);}
#weather.type04 {background-image:url(../../../modules/mod_socialmud_weather/images/Clouds-04.png);}
#weather.type05 {background-image:url(../../../modules/mod_socialmud_weather/images/Clouds-05.png);}
#weather.type06 {background-image:url(../../../modules/mod_socialmud_weather/images/Clouds-06.png);}
#weather.type07 {background-image:url(../../../modules/mod_socialmud_weather/images/Clouds-07.png);}

.sidebar #weathertext {
	margin-bottom:0px;
	font-weight:600;
	font-size:12px;
	letter-spacing:.05em;
	height:110px;
	padding:10px;
}
.sidebar #weatherinfo {
	margin-bottom:0px;
	height:40px;
}




#parallaxSliceAd {
	background-image:url(../images/background.png);
	height:200px;
	width:100%;
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
	border-radius:5px;
	background-size:cover;
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}
#parallaxSliceAd .parallaxText.container-fluid #bottom-ad {
	text-align:center;
	margin:55px auto;
}





/* Newbie Tutor */
#tutor {
	clear:both;
	float:left;
	color: #ffffff;
	font-size: 16px;
	text-align:left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	margin:0px 0px 10px 0px;
	padding:10px 13px 10px 13px;
	border:2px solid #0099ff;
	border-style: double;
	border-radius:10px;
	background-color:rgba(0,153,255, 0.75);
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}


/* Colored Alert Boxes */

.attention, .notice {
	background-position: 10px 50%;
	clear:both;
    background-repeat: no-repeat;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
	text-align:left;
    font-weight: bold;
	font-size: 14px;
    padding: 10px 10px 10px 45px;
	margin: 10px 20px;
}

.alert {
	clear:both;
	color: #ffffff;
    font-weight: bold;
	font-size: 16px;
	text-align:left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	margin:0px 0px 10px 0px;
	padding:10px 13px 10px 13px;
	border:2px solid #ff9900;
	border-radius:10px;
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
    background-color: rgba(255,153,0, .75);
}
.alert:after {
     visibility: hidden;
     display: block;
     font-size:0;
     content:" ";
     clear:both;
     height:0;
}
.caution {
	clear:both;
	color: #ffffff;
    font-weight: bold;
	font-size: 16px;
	text-align:left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	margin:0px 0px 10px 0px;
	padding:10px 13px 10px 13px;
	border:2px solid #ffff00;
	border-radius:10px;
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
    background-color: rgba(255,255,0, .75);
}
.caution:after {
     visibility: hidden;
     display: block;
     font-size:0;
     content:" ";
     clear:both;
     height:0;
}
.info {
	clear:both;
	float:left;
	color: #ffffff;
	font-size: 16px;
	text-align:left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	margin:0px 0px 10px 0px;
	padding:10px 13px 10px 13px;
	border:2px solid #0099ff;
	border-style: double;
	border-radius:10px;
	background-color:rgba(0,153,255, 0.75);
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}
.info:after {
     visibility: hidden;
     display: block;
     font-size:0;
     content:" ";
     clear:both;
     height:0;
}
.warning {
	clear:both;
	color: #ffffff;
    font-weight: bold;
	font-size: 16px;
	text-align:left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	margin:0px 0px 10px 0px;
	padding:10px 13px 10px 13px;
	border:2px solid #fa2d2d;
	border-radius:10px;
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
    background-color: rgba(250,45,45, .75);
}
.warning:after {
     visibility: hidden;
     display: block;
     font-size:0;
     content:" ";
     clear:both;
     height:0;
}
 .approved {
	clear:both;
	color: #ffffff;
    font-weight: bold;
	font-size: 16px;
	text-align:left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	margin:0px 0px 10px 0px;
	padding:10px 13px 10px 13px;
	border:2px solid #00ff00;
	border-radius:10px;
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
    background-color: rgba(0,255,0, .75);
}
.approved:after {
     visibility: hidden;
     display: block;
     font-size:0;
     content:" ";
     clear:both;
     height:0;
}

.attention {
    background-color: #D69839;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAACVklEQVRIx2NgIADWZjIoAnEFEO8F4jNA/AeKz0DFQHKKePSD8f////FaYgPEB4D4PzF4XTbzUSBtT5JlQAk2IJ5MrCXoeGMBzyyQGQQtAwoKkeIb3BZyn9xaISmC0zKgACcQnyRoWBbjXyJ9ePnU/Gg+XJbNJGTArgaNdW/uHPZ9eX23/4465a2E1G+rkl0LtIQJxTIgx5hgAshi+v31zX13oCZVIGY92OcgQowPzyyMD0S3bC/h1MbyBajBDuRSpNAgaNmWMrFzQD28YMuAAgbEJW2wZTZoCYqoBHNxdWEYzLIWWlu2t81wMVAvD1FBSKll0KBUBGl4QmvLNuRxvAbq1Qdp+Elry4BF2W+gXkt6WmZHdDCCSo6PTy+7IlkkSmIw2hGdQEB4e7Xc7s2lIupAtgcQHyMxgVgSnfQpwdCkr090poa4UPzkyxt7AkDl47ZKGaJrhxvbW1PASR8EgJF/mBhNzy9vCQJq0gOVjUenegsC4/EXIT3AYL8AVO8AztTEFsQg/PT82hCgJjaoHn5o8wCvnmtbGtKAegxQqhhgiplHSOPWCqmjRya7S0ItWkRI/c561c1QX/FiVJ4b8rkuUitRbCoWvA6tktSwNgtAVfmmIv4zlFoEiidQIgJaYIRReSKDS2tLuIEpbT25FoFq8B+fXrhA44mVYFMO5JrjMwJigEFxhYRgu3JhVV4+NI7UYZUsUe1GqKUCN7a3BO7rNJsDCpqNhXy34Q0aIBskBpK7e2BKLNQSULAJkNxIRbOUC4jloUFjAjXYAco2gMpx4dALxwCM0jU2qwmsogAAAABJRU5ErkJggg==");
    background-position: 10px 50%;
    background-repeat: no-repeat;
    border-top-color: rgba(255, 255, 255, 0.3);
    border-top-style: solid;
    border-top-width: 1px;
    color: #5A3800;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);

}

.notice {
	/*
    background-color: #488AAD;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAC6ElEQVR42rWWbUhTURjHzUwbOALLILIg6VPk2kyNtLQsywgxTFebKGqazjadOedK5ksZBaIjZBIoYSKlqYT5wUqwMkwRGkjzg/YmQU2KosLKaHr7P7H7wXDec3Ud+MFh93nub/e55z7neC02ZMl5fmAzyAd9wAa+gxnXvB8UgmCKXegeHMfxuJWsAjJwG8wBTojQE2d6IlILQjH3ZZWRaA2oBNxS2JVaUBuXey5ASEaiANAGuOUQlV7Um1hYucGtjB4fdAHOE+zJOPuwvKFF6k5WDThPEq8pa4HEm5fxohDWG0Sm6SeyKy2WY/qqDnmK5pdQfFl9c+J8GXv5KPk8EsPAxt1p+sdC8bE5pcOIlYK/om1iSpNcfPHW26kP613VmGDJqWnuPM7LTGLfRZhKS5Jx1nhlySV6d/4kuycUHK7WOZKKLrSX1DVWGC1N5r0ZxXYxfy46s3gUsi0key8UnKAr79Zetpr7hmwKJAVWXWuVh6t0k6yynSe1X5GnINmMULBCmf8TK286NttoHns5Sa1stVyZP8wqA3OQRTHJeMzWGwYkBWG+CfwQKdtHMgdLApb5ixH7OH0z1NKMgBNTRl7Wx5KQWV5b/9vpDH9is/vRkhe5QOxURualj0XBl9AHTIuRpRiqW2mBMH/UatOVJiqhF4ZcqclDZx9jlTV29WYjN9iLBja+bqEE6oP7TxkbMdeDwgi1boBFhJwRel/An++NMsD9D6xtPXkQyeZtMdhhLZ4WYWfodD2V9N/9TBKZXvTAUyI0gKdv3k3FQ7J1wWMBAgJjsgz3lys6kFM6OPDseRIEIWCl2wNPVkXduqNas3WpImxBN0fHXyfg5tuBr+BRrqa5Q2K6ev1IXK5pQETZhhrae05/+vLtIC1z4MN0bqQxOzu74u6jobX4Rg5T94jONNjoSLAjReMk0L5e0W907U7/oMrx8fMhV9mkwJvxkDp/UCKQgCAgB2EghnDN5a5rEopd7ET8Bxf5Lqwp8QiWAAAAAElFTkSuQmCC");
    border-top-color: rgba(255, 255, 255, 0.3);
    border-top-style: solid;
    border-top-width: 1px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
	*/
	margin-top:15px;
	padding:10px;
    color: #133548;
}


.comment {
	clear:both;
    display:inline-block;  
	float:none;
	width:90%;
    font-weight: 500;
	font-size: 16px;
	padding:5px 13px 10px 13px;
	margin:5px 0px 5px 0px;
	border-radius:8px;
	box-shadow:0px 0px 5px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow:inset 0 0 20px #000000;
	-webkit-box-shadow:inset 0 0 20px #000000;
	box-shadow:inset 0 0 20px #000000;
}
.comment.even {
	color: #333333;
	text-align:left;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
	border:2px solid #aaaaaa;
    background-color: rgba(200,200,200, .85);
}
.comment.odd {
	color: #ffffff;
	text-align:left;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	border:2px solid #0044cc;
    background-color: rgba(0,68,204, .85);
}





/*** MEDIA QUERIES ***/
@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}