/* 565f66 baab96 f5e5ce */
/*
BLUE: 5C7284
GREY: 565f66
RED: 893F55
*/
#main {
   /*background-color:#D7D5C9; url('../images/bg.png') fixed;*/
   background-color:#b1bbc3;
   margin:0 auto;
   font-size: 14px;
   font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position: relative;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}

table, ul.hmenu {
   font-size: 14px;
   font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li { margin: 0; padding: 0; }


.postcontent, .blockcontent{ text-align: left; }

.postcontent,
.postcontent li,
.postcontent table,
.postcontent a,
.postcontent a:link,
.postcontent a:visited,
.postcontent a.visited,
.postcontent a:hover,
.postcontent a.hovered
{
   font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
}

.postcontent p { margin: 13px 0; }

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover,
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover,
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover,
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover,
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover,
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover,
.blockheader .t, .blockheader .t a, .blockheader .t a:link, .blockheader .t a:visited, .blockheader .t a:hover,
.headline, .headline a, .headline a:link, .headline a:visited, .headline a:hover,
.postheader, .postheader a, .postheader a:link, .postheader a:visited, .postheader a:hover
{
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 120%;
}

/* 565f66 baab96 f5e5ce */
.postcontent a, .postcontent a:link, .postcontent a:visited, .postcontent a.visited {
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #893F55;
}
.postcontent a:hover, .postcontent a.hover {
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #6C777F;
}

.postcontent h1 {
   color: #565f66;
   margin: 10px 0 0;
   font-size: 32px;
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h1 {
   margin: 10px 0 0;
   font-size: 32px;
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}


.postcontent h2 {
   color: #565f66;
   margin: 10px 0 0;
   font-size: 24px;
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h2 {
   margin: 10px 0 0;
   font-size: 24px;
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.postcontent h3 {
   color: #565f66;
   margin: 10px 0 0;
   font-size: 20px;
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h3 {
   margin: 10px 0 0;
   font-size: 20px;
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.postcontent h4 {
   color: #565f66;
   margin: 10px 0 0;
   font-size: 18px;
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h4 {
   margin: 10px 0 0;
   font-size: 18px;
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.postcontent h5 {
   color: #565f66;
   margin: 10px 0 0;
   font-size: 15px;
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h5 {
   margin: 10px 0 0;
   font-size: 15px;
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.postcontent h6 {
   color: #565f66;
   margin: 10px 0 0;
   font-size: 13px;
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h6 {
   margin: 10px 0 0;
   font-size: 13px;
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}


header, footer, article, .sheet, .checkbox:before, .radiobutton:before {
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

ul { list-style-type: none; }
ol { list-style-position: inside; }

html, body { height: 100%; }
body { padding: 0; margin:0; min-width: 950px; color: #2E4C4C; }


.header:before, #header-bg:before, .layout-cell:before, .layout-wrapper:before, .footer:before, .sheet:before {
   width: 100%;
   content: " ";
   display: table;
}
.header:after, #header-bg:after, .layout-cell:after, .layout-wrapper:after, .footer:after, .sheet:after, .cleared, .clearfix:after {
   clear: both;
   font: 0/0 serif;
   display: block;
   content: " ";
}

form { padding: 0 !important; margin: 0 !important; }

/*table.position { position: relative; width: 100%; table-layout: fixed; }*/

li h1, .postcontent li h1, .blockcontent li h1, li h2, .postcontent li h2, .blockcontent li h2, li h3, .postcontent li h3, .blockcontent li h3,
li h4, .postcontent li h4, .blockcontent li h4, li h5, .postcontent li h5, .blockcontent li h5, li h6, .postcontent li h6, .blockcontent li h6,
li p, .postcontent li p, .blockcontent li p {
   margin:1px;
}


/* 565f66 baab96 f5e5ce */
.header {
   margin:10px auto 0;
   height: 220px;
   background-color:#5C7284;
   background-image: url('../images/header.png');
   background-position: 0 0;
   background-repeat: no-repeat;
   position: relative;
   width: 950px;
   z-index: auto !important;
}

.responsive .header {
   background-image: url('../images/header.png');
   background-position: center center;
}


/*
.logo {
  position: absolute; top:30px; left:30px; z-index: 101; width:400px; height:173px;
}*/
.logo {
	width:25%;
	height:100%;
	padding:0; margin:0; 
	background: #F1ECDF;
	background: #FFF;
	float:left;

}
.logo img {
	width:100%;
	height:100%;
}



.sheet {
   background:#5C7284;
   margin:0 auto;
   position:relative;
   cursor:auto;
   width:100%;
   max-width:950px;
   z-index: auto !important;
}


.layout-wrapper { position: relative; margin: 0 auto 0 auto; z-index: auto !important; }
.content-layout { display: table; width: 100%; table-layout: fixed; }
.content-layout-row { display: table-row; }
.layout-cell { display: table-cell; vertical-align: top; }
.postcontent .content-layout { border-collapse: collapse; }






.block { padding:5px; }
.blockcontent { padding:7px; margin:0 auto; color: #FFFFFF; font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; line-height: 175%; }



.button {
   border: 0;
   border-collapse: separate;
   -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important;
   background:#b1bbc3;
   -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:2px;
   border-width: 0;
   padding:0 15px;
   margin:0 auto;
   height:37px;
}


a.button, a.button:link, a:link.button:link, body a.button:link, a.button:visited, body a.button:visited, input.button, button.button {
   text-decoration: none;
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-size:17px;
   position:relative;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #222;
   margin: 0 5px 0 0 !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 37px;
   -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
}

.button img { margin: 0; vertical-align: middle; }
.firefox2 .button { display: block; float: left; }

input.button { float: none !important; }

.button.hover, .button:hover {
   background: #893F55;
   color:#fff !important;
}
.button.active, .button.active:hover {
   background:#893F55;
   color:#fff !important;
}




input[type="text"], textarea, select {
	background: #FFFCFA;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
   border:1px solid rgba(110, 110, 110, 0.2);
   margin:0 auto;
   width: auto;
   padding: 4px 0;
   color: #2C4949 !important;
   font-size: 14px;
   font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
}





.post { background: #FFFCFA; padding:12px; }
a img { border: 0; }
.article img, img.article, .block img { margin:10px; }
/*.article table, table.article { border-collapse: collapse; margin: 1px; }*/

.post .content-layout-br { height: 0; }
/*
.article th, .article td { padding: 2px; vertical-align: top; text-align: left; }
.article th { text-align: center; vertical-align: middle; padding: 7px; }
*/






.postheader {
   color: #565f66;
   margin: 5px 10px;
   font-size: 24px;
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.postheader a, .postheader a:link, .postheader a:visited, .postheader a.visited, .postheader a:hover, .postheader a.hovered {
   font-size: 24px;
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.postheader a, .postheader a:link, .postheader a:visited, .postheader a.visited {
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #527A8E;
}
.postheader a:hover,  .postheader a.hovered {
   font-family: 'Open Sans Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   text-align: left;
   color: #81A5B6;
}

.postcontent ul>li:before,  .post ul>li:before,  .textblock ul>li:before {
   content:url('../images/bullet.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}

.opera .postcontent ul>li:before, .opera   .post ul>li:before, .opera   .textblock ul>li:before { bottom: 0; }
.postcontent li, .post li, .textblock li { font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #0F1919; margin: 3px 0 0 11px; }
.postcontent ul>li, .post ul>li, .textblock ul>li, .postcontent ol, .post ol, .textblock ol { padding: 0; }
.postcontent ul>li, .post ul>li, .textblock ul>li { padding-left: 15px; }
.postcontent ul>li:before,  .post ul>li:before,  .textblock ul>li:before { margin-left: -15px; }
.postcontent ol, .post ol, .textblock ol, .postcontent ul, .post ul, .textblock ul { margin: 1em 0 1em 11px; }
.postcontent li ol, .post li ol, .textblock li ol, .postcontent li ul, .post li ul, .textblock li ul { margin: 0.5em 0 0.5em 11px; }
.postcontent li, .post li, .textblock li { margin: 3px 0 0 0; }
.postcontent ol>li, .post ol>li, .textblock ol>li { overflow: visible; }
.postcontent ul>li, .post ul>li, .textblock ul>li { overflow-x: visible; overflow-y: hidden; }



/************************************************************************************/





.footer {
   background:#565F66;
   padding:26px;
   margin:0 auto;
   position: relative;
   color: #F2F6F8;
   font-size:15px;
   font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height:175%;
   text-align: center;
}
.footer a, .footer a:link, .footer a:visited {
   color: #F2F6F8;
   font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   letter-spacing:2px;
}
.footer a:hover {
   color: #F2F6F8;
   font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.footer .separator { letter-spacing:10px; }


/************************************************************************************/




.content .postcontent-0 .layout-item-old-0 { background: ;  }
.ie7 .post .layout-cell {border:none !important; padding:0 !important; }
.ie6 .post .layout-cell {border:none !important; padding:0 !important; }

.content-layout .sidebar { margin:0 auto; width:25%; }
.content-layout .content { margin:0 auto; }



/************************************************************************************/


.postcontent { margin:5px 16px 30px 16px }
.block { margin:7px; }
input, select { border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:1px;}
.button.active, .button.active:hover { cursor:default !important; }

.arial { font-family:Arial, Tahoma, Geneva, Verdana, Helvetica, Sans-Serif; }
.plain { font-weight:normal !important; }
.center { text-align:center; }
red, .red { color:red; }
.brd { border:1px solid red; }
/*b { color:#333; }*/
hr { color:#ccc; background-color:#ccc; /*width:100%;*/ height:1px; border:0; }
.shadow { -moz-box-shadow:1px 1px 3px #eee; -webkit-box-shadow:1px 1px 3px #eee; box-shadow:1px 1px 3px #eee; }


.toTop {
	position:fixed; right:45px; top:92%; width:50px; height:25px;
	padding-top:25px; line-height:25px; background:#333; color:#888;
	display:block; text-transform:uppercase; text-decoration:none; text-align:center; font-size:14px;
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
	opacity:.7; filter:alpha(opacity=70); -webkit-transition:opacity 700ms linear; -moz-transition:opacity 700ms linear; transition:opacity 700ms linear;
}
.toTop img { position:absolute; top:12px; left:12px; opacity:1; filter:alpha(opacity=100); }
.toTop:hover { opacity:1; filter:alpha(opacity=100); color:#fff; }
.toTop.hidden { opacity:0; display:none; }

div#forumsBy{
	position:absolute; top:0px; left:0px; z-index:201; height:60px; overflow:hidden;
	-webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px;
	box-shadow:1px 1px 2px #cc6;
}
div#forums {
	display:none; position:absolute; top:-1000px; left:0px; z-index:202; padding:0 10px 10px 8px;
	-webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; border-bottom-right-radius:10px;
	background-color:#fff; text-align:center; box-shadow:2px 2px 7px #888888;
}
div#forums ul.menu { list-style-type:none; margin:0; padding:0; }
div#forums ul.menu a { width:300px; height:32px;
	font-family:Verdana; font-size:12px; color:#3b546e; text-decoration:none;
	margin:2px; padding:0px;  display:block; border:1px solid #999;
}
div#forums ul.menu a:hover { width:300px; height:32px;
	font-family:Verdana; font-size:12px; color:#000000;
	background-color:#ffffa0; border:1px solid #000000; text-decoration:none;
}
div#forums ul.menu td { height:32px; font-family:Verdana; font-size:12px; color:#3b546e; text-align:center; }
div#forums ul.menu td:hover { height:32px; font-family:Verdana; font-size:12px; color:#000; text-align:center; }


#trans {
	display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.70; z-index:9999;
}
#alertBox {
	width:400px; height:100px; display:none; position:fixed;  z-index:99999;
    top:100px; /*bottom:0;*/ left:0; right:0; margin:auto;
	background-color:transparent; color:#fff; text-align:left;
}
#alertMsg {
	margin:10px; padding:20px 30px;
	color:#000; background-color:#fff;
	border-width:1px; border-color:rgba(0,20,45,.5); border-style:solid;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	box-shadow:1px 1px 3px rgba(0%,0%,0%,0.5);
	font-size:13px; font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}
#alertMsg h3 { font-size:15px; font-family:Arial, Helvetica, Sans-Serif; }
#alertMsg ul { list-style-type:circle; padding-left:22px; }

