@import url('cmmnt_member_overview.css');

/* structural styling */

body {
	background-color: #232325;
	font-family: arial, helvectica, "sans-serif";
	color: #848484;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}

h1
{
	display: none;
}

#website {
	width: 815px;
	margin-left: auto;
	margin-right: auto;
}

#bottom {
	width: 815px;
	margin-left: 1px;
	margin-top: 5px;
	padding-top: 2px;
	font-size: 9px;
}

#bottom a {
	text-decoration: none;
	color: #848484;
}

#bottom a:hover {
	text-decoration: underline;
}

#bottom .links {
	float: left;
}

#bottom .rechts {
	padding-top: 2px;
	padding-right: 3px;
	float: right;
}

#row2 {
	padding-top: 70px;
}

h1,h2,h3,h4 {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #c8c8c8;
}

#content a {
	color: #c20454;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#row2_col1 {
	width: 797px;
	float: left;
	padding: 10px;
	padding-top: 1px;
	background-color: #0f0f10;
	min-height: 280px;
	_height: 280px;
	background-image: url(../img/menu_header2.gif);
	background-repeat: no-repeat;
}

#row1 {
	min-height: 178px;
	_height: 178px;
}

input, select, textarea {
	font-family: arial, helvectica, "sans-serif";
	font-size: 11px;
	border: solid 1px #373737;
	background-color: #0f0f10;
	color: #848484;
}

.button {
	color: #c20454;
}

/* menu styling */

/* all menu links */
#nav a {
	text-decoration:none;
	display:block;
	padding: 5px 15px 5px 15px;
}
#subMenusContainer a {
	text-decoration:none;
	display:block;
	padding:10px 20px;
	background-color:#141415 ;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
	color: #848484;
	float:left;
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:center;
	color: #848484;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #nav a.mainMenuParentBtnFocused {
	background-image: url(../img/menu_hover.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	color:#848484;
	height: 28px;
}

#subMenusContainer a:hover, #subMenusContainer a:focus,  #subMenusContainer a.subMenuParentBtnFocused {
	background-color:#141415 ;
	color:#000;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover,
#subMenusContainer a:focus {
	color:#c20454;
}


/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{
	display:none;
	position: absolute;
	overflow:hidden;
	/*the 2px left & right padding lets you have a 1px border
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}


/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
	/*border around submenu goes here*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background:#141415;
	border:1px solid #363637;
	left:0;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li {
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	text-align: center;
	float:left;
	padding-top: 13px;
	height: 41px;
	margin-left: 1px;
	background-image: url(../img/menu_divider.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#nav li.selected a {
	color: #c20454;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav {
	position: absolute;
	top: 195px;
	margin-right: 25px;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	text-align: center;
	background-image: url(../img/bg_menu.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 798px;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }


/* Calendar Styling */

#calendar .item {
	margin-bottom: 18px;
}

#calendar .title {
	font-weight: bold;
	font-size: 14px;
	color: #c20454;
}

#calendar .date {
	text-transform: uppercase;
}

/* Gallery Overview Styling */

#gallery_overview {
	padding: 0px;
	margin: 0px;
	background: none;
}

#gallery_overview a {
	color: #000000;
	padding: 0px;
	margin: 0px;
}

#gallery_overview .gallery {
	cursor: pointer;
	float: left;
	width: 244px;
	padding: 0px;
	margin-right: 30px;
	margin-bottom: 20px;
}

#gallery_overview .gallery_last {
	cursor: pointer;
	float: left;
	width: 230px;
	padding: 0px;
	margin-bottom: 6px;
}

#gallery_overview .info {
	float: left;
	width: 235px;
	color: #c20454;
	margin-bottom: 5px;
}

#gallery_overview .desc {
	float: left;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-right: 5px;
	font-size: 14px;
}

#gallery_overview .subtitle {
	display: none;
}

#gallery_overview a:link {
	color: #000000
}

#gallery_overview a:hover {
	text-decoration: none;
}

#gallery_overview .num {
	margin: 0px;
	padding: 0px;
	color: #848484;
}

/* Single Gallery Styling */

#single_gallery {
	margin-top: 20px;
}

#single_gallery .gallery_description {
	font-size: 14px;
	margin-bottom: 15px;
	color: #c20454;

}

#single_gallery .gallery_subtitle {
	font-size: 14px;
	font-style: italic;
	margin-bottom: 15px;
	width: 230px;
}

#single_gallery .gallery_comments {
	margin-bottom: 15px;
	width: 230px;
}

#single_gallery .item {
	width: 245px;
	margin-right: 30px;
	margin-bottom: 20px;
}

#single_gallery .item_last {
	width: 230px;
	margin-bottom: 10px;
}

#single_gallery .title {
	color: #202020;
	font-size: 1.0em;
	font-weight: bold;
	height: 15px;
	text-align: center;
}

#single_gallery .subtitle {
	color: #a0a0a0;
	font-size: 0.9em;
	height: 15px;
	margin-bottom: 5px;
	text-align: center;
}

#single_gallery .image {
	border: 0px;
}

#single_gallery .description {
	color: #c20454;
	font-size: 8px;
}

/* Accordion effect styling */

.toggler  {
	background: url(../img/bg_toggler.png);
	font-weight: bold;
	cursor: pointer;
	margin: 0px;
	text-transform: uppercase;
	color: #c20454;
	border-bottom: solid 1px #848484;
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.toggler:hover   {
 background-color: #f2eef1;
}

.element {
	margin: 0px;
 	padding: 0px;
 	padding-top: 5px;
 	padding-bottom: 5px;
}

#member_form .info {
	float: left;
	margin-right: 25px;
}

#member_form .extinfo {
	float: left;
}

#member_form .account {
	clear: left;
}

.borderblock_notice {
	background: url('../img/notice.gif') repeat-y;
	border: solid 1px #7ab51d;
	padding: 10px 20px 10px 20px;
}

.borderblock_error {
	background: url('../img/error.gif') repeat-y;
	border: solid 1px #cd1d1d;
	padding: 10px 20px 10px 20px;
}

#guestbook {

}

#guestbook .item {
	padding: 10px;
	width: 97%;
	border: solid 1px #c20454;
	margin-bottom: 10px;
}

#guestbook .name {
	float: left;
	margin-bottom: 10px;
	font-weight: bold;
}

#guestbook .date {
	float: left;
	margin-right: 5px;
}

#guestbook .reaction {
	clear: left;
	margin-top: 10px;
}

#guestbook .recp_info {
	width: 60%;
	height: 20px;
	border-bottom: solid 1px #353536;
}



#forum .notice {
	padding: 10px;
	border: 1px solid #c51b47;
}

#forum .title {
	padding: 10px;
	height: 20px;
	padding-bottom: 5px;
	background-color: #232325;
	font-weight: bold;
	color: #848484;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

#forum .threads {
	padding: 10px;
	border: 1px solid #232325;
	color: #848484;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#forum .heading {
	font-weight: bold;
	padding: 5px;
	padding-left: 10px;
	font-size: 10px;
	border-bottom: 1px solid #232325	;
}

#forum .thread {
	padding: 5px;
	padding-left: 10px;
	border-bottom: 1px solid #232325;
}

#forum .form {
	padding: 10px;
}