/*
 *		Grandmaster Aris
 * 		(Allways has coffee with his sugar)
 */



/* headers */


.Styled{
	COLOR: maroon;
	padding-bottom: 5pt;
	padding-left:1pt;
	border-bottom: 1px solid #333333
}

.NonSpaced{
	margin-top: 0pt;
}


/* styles for the menu layers */

DIV.MenuDiv{
	COLOR: #815c6d;
	font-size:13px;
	FONT-WEIGHT: bold;
	padding: 15px 2px 5px 5px;
	/* margin: 0 0 10px 0; */
}
DIV#ftouMenu{
	float:left;
	font-size:14px;
	width:137px;
	border-right:solid 1px #c1ccdd;
	/* padding:3px */
}

#ftouMenu a {
	display: block;
	text-decoration: none;
	
	text-align: left;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	/* background-color:white; */
	padding: 3px 1px 3px 10px;
	color:#345
}

#ftouMenu span {
	display: none;
	visibility: hidden
}

#ftouMenu a:link, #ftouMenu a:visited {
	/* background-color: #485E82; */
}

#ftouMenu a:hover, #ftouMenu a:active {
	background-color: #edf3fd;
	border-top: 1px solid #c1ccdd;
	border-bottom: 1px solid #c1ccdd;
}

DIV#selected {
	background-color: #457C4E;
	border-top: 1px solid #c1ccdd;
	border-bottom: 1px solid #c1ccdd;
	/*
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	*/
	text-align: left;
	padding: 3px 1px 3px 10px;
	font-size:14px;
	color:white
}

DIV#wrap{
	width:760px;
	border-right:solid 1px #8d939d;
	border-left:solid 1px #8d939d;
	margin: 0 auto;
}

DIV#header{
	height:80px;
	background-color:#431154
}

#imglogo{margin:5px 0 0 20px}

DIV#headerSubTitle{
	/* background:#431154 url("../logo_bg.gif") no-repeat right 12px; */
	background:#431154 url("../bg_header.png") no-repeat right 0;
	height:80px;
	font-weight:bold;
}

DIV#flasia, DIV.navigation{
	background:silver url(../bg_flasia.png) repeat-x;
	padding:5px 10px 5px 10px;
	font-size:14px;
	color:#394F2A
}
DIV#flasia{font-style: italic}

DIV.navigation{
	text-align:center
}

DIV#footermenu{text-align:right;margin:100px 0 100px 0}
DIV#footermenu a:link, DIV#footermenu a:visited{display:block; margin-left:5px; width:120px; height:30px; float:right; border:1px solid #c1ccdd;background-color:#F5E5F2;font-weight:bold; line-height:28px; text-align:center}
DIV#footermenu A SPAN{visibility:hidden}
DIV#footermenu a#link_top{background:url(/aris/bg_top.png) no-repeat 0 0}
DIV#footermenu a#link_previous{background:url(/aris/bg_previous.png) no-repeat 0 0}
DIV#footermenu a#link_next{background:url(/aris/bg_next.png) no-repeat 0 0}
DIV#footermenu a#link_top:hover, DIV#footermenu a#link_previous:hover, DIV#footermenu a#link_next:hover {background-position:0 -40px}
DIV#footermenu a:hover{color: #fff; text-decoration:none; border:1px solid purple;background-color:#431154;font-weight:bold;}
DIV#footermenu_int{width:450px; margin:0 0 0 auto}

DIV.quote{
	background-color:#F5E5F2;
	border:1px solid purple;
	padding:5px;
	text-align:right;
	font-size:12px;
	color:#515c6d;
	float:right;
	margin: 5px 0 5px 15px;
	width:270px
}

DIV#container{
	border-top:solid 1px silver;
	border-bottom:solid 1px #c1ccdd;
	background: white url(../bg_content.png) repeat-x
}
DIV#content{
	/* width:602px;*/
	width:582px;
	float:left;
	margin-left:-1px;
	border-left:solid 1px #c1ccdd;
	/* padding:8px 3px 8px 8px */
	padding: 8px 13px 8px 18px
}
DIV#blog{
	border:1px solid #dde3ed;
	
}
DIV#commentContainer{
	width:100%;
	border:solid 1px #b1bccd;
	border-bottom: none;
	background-color:#dde3ed;
	padding:0
}

DIV#commentTitle{
	background-color:#d5dbe5;
	color:#3074A1;
	border-bottom:solid 1px #eee;
	font-weight:bold;
	padding:5px
}

DIV.even{
	background-color:#FEF1FD;
	border-bottom: 1px solid #dde3ed;
	padding:5px
}
DIV.odd{
	background-color:#FEFBFD;
	border-bottom: 1px solid #fff;
	padding:5px
}
DIV.blogdate{
	padding:3px;
	margin-bottom:12px;
	background-color:transparent
}


/* Paragraphs & lists */

P{
	MARGIN: 0
}

P.Sp{
	FONT-SIZE: 5px
}

.Small, P.FtouListSmall{
	FONT-SIZE: 0.8em
}

P.FtouListSmall, P.FtouListNormal{
	MARGIN-LEFT: 17px;
	TEXT-INDENT: -11.35px
}

.Light{
	COLOR: #DDE3ED
}

P.MenuPar{
	FONT-WEIGHT: bold;
	COLOR: #C1CCDD
}

P.Date{
	font-size: 9px;
	color: #485E82;
	text-align: center;
}

Blockquote{
	border-left: 1px solid #333333;
	padding-left: 10px
}

DIV.Code{
	font-family: Consolas, Courier, "Courier New", monospace;
	text-align:left;
	font-size:12px;
	color: #105010;
	padding: 10px;
	border: 1px solid gray;
	background-color:#F5E5F2
}

OL, UL{
	MARGIN-BOTTOM: 0
}

OL.FtouOL{
	MARGIN-LEFT: 10px;
	MARGIN-TOP: 0
}

UL{
	LIST-STYLE-TYPE: square;
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 5px;
	PADDING-LEFT: 10px
}

UL.Menu, UL.ArticlesMenu{
	LIST-STYLE-TYPE: none;
	MARGIN-TOP: 0;
	MARGIN-LEFT: 0;
}

UL.ArticlesMenu {
	font-size:10px;
	padding:3px;
	border:solid 1px #c1ccdd;
	display:inline;
	background-color:#EEF4FF
}

UL.FtouUL{}

UL.FtouULSmall{
	FONT-SIZE: 0.8em;
}

LI {
	padding-bottom:10px ;
}

LI.TopMenu{
	display: inline;
	padding-left: 4px;
	padding-right: 7px;
	border-right: 1px dotted gray
}

LI.TopMenuL{
	display: inline;
	padding-left: 4px;
	padding-right: 3px;
	border-right: 0px
} 

/* layers */

DIV.row{
	CLEAR: both;
	PADDING-TOP: 3px
}

DIV.row SPAN.left{
	FLOAT: left;
	WIDTH: 110px;
	TEXT-ALIGN: left;
}

DIV.row SPAN.right {
	FLOAT: right;
	WIDTH: 25px;
	TEXT-ALIGN: right
}

DIV#Explorercheck{

	DISPLAY: none;

	TEXT-ALIGN: CENTER;
	COLOR:#c1ccdd;
	font-size:8px;
	padding:5px;
}

/* links */

A:link{
	COLOR: blue;
	TEXT-DECORATION: none
}

A:visited{
	COLOR: purple;
	TEXT-DECORATION: none
}

A:hover{
	/* COLOR: #B1B; */
	TEXT-DECORATION: underline
}

.menulink A:link, .menulink A:visited{
	COLOR: blue;
	FONT-WEIGHT: bolder;
	TEXT-DECORATION: none
}

.menulink A:hover{
	COLOR: white;
	TEXT-DECORATION: none
}

.menulink A:focus{ 
	COLOR: #F4FFEC;
	FONT-WEIGHT: bolder;
	TEXT-DECORATION: none
} 

SPAN.forumMenu{
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
}

SPAN.forumMenu a:link, SPAN.forumMenu a:visited{
	PADDING:2px;
	PADDING-LEFT:7px;
	PADDING-RIGHT:7px;
	BORDER: solid 1px #F5E5F2;
	DISPLAY: inline;
	TEXT-DECORATION: none;
	background:#E5D5E2;
}

SPAN.forumMenu a:hover{
	BORDER: solid 1px #C5B5C2;
	background-color: white
}

ACRONYM{
	BORDER-BOTTOM: dotted 1px;
	CURSOR: help
}



/* dynamic elements */

/* common */

INPUT.FtouButton, INPUT.FtouText, SELECT.FtouCombo, TEXTAREA.FtouArea {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND-COLOR: #EEF4FF
}

INPUT.FtouButton{
	BORDER-RIGHT: #C1CCDD 1px solid;
	BORDER-TOP: White 1px solid;
	BORDER-LEFT: White 1px solid;
	BORDER-BOTTOM: #C1CCDD 1px solid	
}

INPUT.FtouText{
	BORDER-RIGHT: #aeb8c8 1px solid;
	BORDER-TOP: #aeb8c8 1px solid;
	BORDER-LEFT: #aeb8c8 1px solid;
	BORDER-BOTTOM: #aeb8c8 1px solid;
}

SELECT.FtouCombo{
	BORDER: none;
}

TEXTAREA.FtouArea{
	BORDER: #aeb8c8 1px solid;
}

INPUT:focus, TEXTAREA:focus {
	BACKGROUND-COLOR: #FCF4EE;
}


/* fonts */

BODY, P, H3, OL.FtouOL, UL, UL.Menu, LI.MsoNormal, SPAN.forumMenu a:link, SPAN.forumMenu a:visited, SPAN.forumMenu a:hover, INPUT.FtouButton, INPUT.FtouText, SELECT.FtouCombo, TEXTAREA.FtouArea{
	COLOR: black
}

DIV#body {width:820px; text-align:center; margin:0 auto; background:transparent url(/aris/bg_body.png) repeat-y}

H1, H2{ color:#457C4E; font-size:2.1em; margin-top:0.7em; margin-bottom:0.3em; font-family: Techno, Impact, 'Trebuchet MS', Helvetica, Sans-Serif; font-weight:normal }


H3, DIV.MenuDiv, INPUT.FtouButton, INPUT.FtouText, SELECT.FtouCombo, TEXTAREA.FtouArea{
	FONT-FAMILY: Calibri, "Trebuchet MS", arial, helvetica, sans-serif
}



H3, DIV.blogdate {
	COLOR: #8F223A;
	FONT-WEIGHT: bold
}

H3{font-size:1.3em; font-weight:bold}

DIV, LI{
	TEXT-ALIGN: left;
}


/* DIV#squash{width:200px; height:185px; position:absolute; background:transparent url(/aris/aris_squash.png) no-repeat left top; left:888px; _background-image:none} */
DIV#squash{display:none}

BODY, TD{
	FONT-FAMILY: Constantia, 'Palatino Linotype', Palatino, Georgia, Times, Serif;
	line-height:1.3;
	FONT-SIZE: 1em;
	TEXT-ALIGN: left
}

DIV.hr{height:80px; border:none; padding:0; background:transparent url(/aris/divider2.gif) no-repeat center center}
DIV.hr HR{display:none}

DIV.blogdate{width:100px; height:100px; text-align:center; float:right; border:2px solid #421054; background:#E7C5E5; margin-top:0; margin-left:0; margin-right:20px; margin-bottom:10px; padding:0; opacity:0.7; margin-left:10px}
DIV#blog DIV.odd:hover DIV.blogdate{opacity:1}
DIV#blog DIV.even:hover DIV.blogdate{opacity:1}
DIV.blogdate SPAN{display:block; padding:5px}
DIV.blogdate SPAN#blogDateDay{line-height:13px; font-size:20px; padding-bottom:1px; margin-top:-4px; font-family: Techno, Impact, 'Trebuchet MS', Helvetica, Sans-Serif; font-weight:normal; color:#421054; height:14px; overflow:hidden; letter-spacing:-2px; .padding:4px; .height:20px; .line-height:13px}
DIV.blogdate SPAN#blogDateDayofMonth{font-weight:bold; font-size:47px; height:35px; line-height:30px; padding:0; padding-top:5px; color:white; background:#421054; .font-size:27px}
DIV.blogdate SPAN#blogDateMonth{font-size:16px; text-transform:uppercase; font-family: Techno, Impact, 'Trebuchet MS', Helvetica, Sans-Serif; font-weight:normal; padding-bottom:2px; line-height:17px; color:white; background:#421054; font-size:14px}
DIV.blogdate SPAN#blogDateYear{padding-top:2px; hight:15px; overflow:hidden; font-size:32px; line-height:15px; font-family: Techno, Impact, 'Trebuchet MS', Helvetica, Sans-Serif; font-weight:normal; letter-spacing:2px; color:#420F54; background:#8C21B3}


/* and finally, positioning the page */

BODY{ margin: 0; padding: 0; border: 0; background-color:#7A4A7A; text-align:center }