﻿
html, body { border:0; margin:0; padding:0; background-image: url(../Images/gfx/opethheritage.jpg); background-repeat:repeat; background-color:#000000; background-position:center top; color:#ffffff; font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Arial, Helvetica, sans-serif; /*Georgia , "Times New Roman", Times, serif; */font-size:14px; }	

/** id **/
#divPageWrap { width:100%;  margin:0; }
#divFramework { width:998px; margin:0 auto;  padding:0 2px 0 2px; height:2000px; }
#bgLogo{ background-image: url(../Images/gfx/bg.gif); background-repeat:no-repeat;}

/***** Global Classes *****/
a img { border:0; }
a {color: #e7e7e7; text-decoration: none; }
a:visited {	text-decoration: none; color: #e7e7e7; }
a:hover { color: #e7e7e7; text-decoration: underline; }
a:active { color: #e7e7e7; text-decoration: none; }


h1{padding:0px;margin:0px 0px 5px 0px; font-family:Tahoma; font-weight:lighter;}
h2{padding:0px;margin:0px 0px 5px 0px; font-family:Tahoma; font-weight:lighter;}
h3{padding:0px;margin:0px 0px 5px 0px; font-family:Tahoma; font-weight:lighter;}

p{padding:0px; margin:0px;}

.floatleft{float:left;}
.floatright{float:right;}
.clearleft{clear:left;}
.clearright{clear:right;}
.clearboth{clear:both;}

/** text color **/
.text-white{color:#ffffff;}
.text-gold{color:#CDAD00;}
.text-lightgray{color:#e7e7e7;}
.text-gray{color:#aaaaaa;}
.text-green{color:#87B358;}
.text-black{color:#040707;}
.text-blue{color:#397699;}
.text-red{color:Red;}
.text-lime{color:#9fc515;}

.bold{font-weight:bold;}
.test {border:solid 1px red;}

/*** class ******/
.divMainHeader { width:100%; height:250px; text-align: center;  margin-bottom:0px; margin-top:20px; display:block; background-color:#000000; border:solid 2px #b67639; padding:0px 10px; }
.divMainHeader a:visited {text-decoration: none; color: #aaaaaa;  }
.divMainHeader a:hover { color: #ffffff; background-color:#CDAD00; }
.divMainHeader a:active { color: #aaaaaa; text-decoration: none;  }

.divMainMenu { width:1008px; border:solid 2px #b67639; padding:5px; text-align: left; background-color:#000000; margin-bottom:0px; margin-top:10px; display:block; }
.divMainContent { width:998px; padding-top:10px; margin-top:10px; padding:10px; float:left; background-color:#000000; border:solid 2px #b67639;}


/*** Main menu ******/
.divMainMenu ul{ width:100%; margin:0px; padding:0px;}
.divMainMenu ul li{display: block; float: left; margin:0px 5px 2px 0px; color:#e7e7e7; font-weight:bold;}
.divMainMenu a {color: #aaaaaa; text-decoration: none; font-size:13px;}
.divMainMenu a:visited {text-decoration: none; color: #aaaaaa;  }
.divMainMenu a:hover { color: #ffffff; background-color:#CDAD00; }
.divMainMenu a:active { color: #aaaaaa; text-decoration: none;  }

/*** admin menu ******/
.divAdminMenu { width:100%; height:30px; text-align: left; display:block;}
.divAdminMenu ul{ width:100%; margin:0px; padding:0px;}
.divAdminMenu ul li{display: block; float: left; margin:0px 10px 2px 0px; color:#CDAD00;}

.divAdminMenu a {color: #CDAD00; text-decoration: none; }
.divAdminMenu a:visited {text-decoration: none; color: #CDAD00; }
.divAdminMenu a:hover { color: #ffffff; background-color:#CDAD00;}
.divAdminMenu a:active { color: #CDAD00; text-decoration: none; }


/** Backstage menu **/
.divBackStageMenu { width:1020px; height:20px; text-align: left; background-color:#272727/* CDAD00*/; margin-bottom:10px; margin-top:2px; display:block;}
.divBackStageMenu { width:1020px; }

.divBackStageMenu ul{ width:100%; margin:0px; padding:0px;}
.divBackStageMenu ul li{display: block; float: left; margin:1px 5px 2px 5px;}
.divBackStageMenu a {color: #ffffff; text-decoration: none; font-size:13px;}
.divBackStageMenu a:visited {text-decoration: none; color: #ffffff;  }
.divBackStageMenu a:hover { color: #CDAD00; text-decoration:underline;  }
.divBackStageMenu a:active { color: #040707; text-decoration: none;  }
.bgBackstage{background-color:#272727;}
.bgBackstageLight{background-color:#3d3d3d;}
.bgGold{background-color:#CDAD00;}


/*** normal list ******/
.divList ul{ width:100%; margin:0px; padding:0px; list-style-type:disc;}
.divList ul li{ margin:5px 10px 5px 20px; list-style-type: disc;}

.divList a {color: #CDAD00; text-decoration: none; }
.divList a:visited {text-decoration: none; color: #CDAD00; }
.divList a:hover { color: #ffffff; background-color:#CDAD00;}
.divList a:active { color: #CDAD00; text-decoration: none; }

/*** sections ******/
.divSection400{width:400px;}
.divSection440{width:440px;}
.divSection300{width:300px;}
.divSection600{width:600px;}
.divSection650{width:650px;}
.divSection800{width:800px;}

.divSection580{width:505px;}
.divSectionMaxWidth{width:100%;}
.maxwidth{width:100%;}

.sectionDivider{background-color:#272727; margin-top:40px; border-top:solid 1px #e7e7e7; border-bottom:solid 1px #e7e7e7; height:40px;}


/*** textboxes ******/
.txtAdmin{width:500px; margin-bottom:10px;}
.txtAdmin350{width:500px; height:450; margin-bottom:10px;}	
.txtAdmin300{width:300px; height:450; margin-bottom:5px;}	

.divNewsEntry{width:100%; margin-bottom:20px; border-bottom:1px dotted #e7e7e7; background-repeat:no-repeat;}
 
/*** borders ******/
.borderGray{border:1px solid #999999; padding:3px;}
.borderWhite{border:1px solid white; padding:3px;}

/*** album ******/
.discAlbum{border-bottom:1px dotted white; padding:20px 0px 20px 0px; clear:both;  float:left;	}


/** link styles **/
/*.graylink13 a {color: #aaaaaa; text-decoration: none; font-size:13px;}
.graylink13 a:visited {text-decoration: none; color: #aaaaaa;  }
.graylink13 a:hover { color: #ffffff; background-color:#CDAD00; }
.graylink13 a:active { color: #aaaaaa; text-decoration: none;  }*/

.size13{font-size:13px;}
.size12{font-size:12px;}

img.contentImageLeft{margin:5px 8px 5px 3px; float:left; border:1px solid #999999; padding:3px;}
img.contentImageRight{margin:5px 5px 5px 8px; float:right; border:1px solid #999999; padding:3px;}

p a {color: #CDAD00; text-decoration:none; }
p a:visited {text-decoration: none; color: #CDAD00; }
p a:hover { color: #ffffff; background-color:#CDAD00;}
p a:active { color: #CDAD00; text-decoration: none; }

a.sel{color:#CDAD00;}
td.mypage{background-image: url(../Images/gfx/mypagebg.jpg); background-repeat:no-repeat;}
.profileImageSmall{border:solid 1px #3d3d3d; padding:1px;}
.profileImageLarge{border:solid 1px #3d3d3d; padding:2px;}

blockquote {
	border : 1px solid #aaaaaa;
	width: 560px;
	margin: 0px auto;
	padding: 5px;
	background-color: #3d3d3d;
	margin-bottom:10px;
}

blockquote p {
	padding-left:30px;
	padding-right:30px;
	font-style:italic;
	font-size:12px;
}


a.linkgray {color: #aaaaaa; text-decoration: none; }
a.linkgray:visited {	text-decoration: none; color: #aaaaaa; }
a.linkgray:hover { color: #aaaaaa; text-decoration: underline; }
a.linkgray:active { color: #aaaaaa; text-decoration: none; }

a.linkgold {color: #CDAD00; text-decoration: none; }
a.linkgold:visited {text-decoration:none ; color: #CDAD00; }
a.linkgold:hover { color: #CDAD00; text-decoration: underline; }
a.linkgold:active { color: #CDAD00; text-decoration: none; }

/** article ***/
.article {}
.article p{margin-top:10px; padding-right:8px; float:left; clear:left; width:100%;}
.article img{margin-right:8px; float:left;}
.article .replyPost img{float:left;}
.image{border:solid 1px #aaaaaa; padding:3px; float:left; width:auto; text-align:center;}
.image	img{margin:0px; padding:0px;}
.article .entryText img{border:solid 0px #aaaaaa; padding:2px 4px 4px 0px; margin:2px 10px 4px 0px; }
.article .entryText p{margin-left:0px;}


