/* Stylesheet for SMF Forum, called by custom Theme for the Albanian Folklore website.
	This is a seperate css file to avoid identical ids/classes as SMF default. */


/* Layout */

BODY {
color: #000;
background: url('../img/bg.gif') #000;
margin-top: 0;
}

#shadowframe {
border: 4px solid #660000;
background: #550000;
width: 1008px;
margin: 10px auto;
padding: 0;
}

#frame {
width: 1000px;
margin: 0;
padding: 0;
background: #fff;
border: 3px solid #440000;
}

/* Header */

#header {
display: block;
width: 1000px;
margin: -7px 0 0 -7px;
padding: 0 8px 8px 8px;
background: url('../img/header_bg.png') bottom repeat-x #bb0000;
text-align: center;
}

#header SPAN.left {
float:left;
width: 9px;
height: 9px;
background: url('../img/bg_corners.gif') no-repeat top left;
margin-left: -8px;
}

#header SPAN.right {
float:right;
width: 9px;
height: 9px;
background: url('../img/bg_corners.gif') no-repeat top right;
margin-right: -8px;
}

#header DIV.topmenu {
display:block;
position: absolute;
top: 10px;
width: 1000px;
z-index: 99;
}

#header UL.topmenu {
float:right;
width:auto;
margin: 10px 10px;
padding: 0;
list-style: none;
}

#header .topmenu LI {
display:inline;
color: #999;
}

#header .topmenu A {
font : 11px Verdana, sans-serif; 
color: #fff; 
text-decoration: none;
}

#header .topmenu A:hover {
color: #000; 
text-decoration: underline;
}

#header DIV.logo {
display: block;
clear: both;
height: 105px;
position: relative;
top: 5px;
left: 60px;
background: url('../img/logo.png') no-repeat;
}


/* Site Menu */

DIV.menu {
display: block;
width: 1000px;
height: 50px;
margin: 0;
padding: 0 0 10px 0;
}

.tophat_menu{
width: 1000px;
position: relative;
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

.horizontal .mainmenu {
display: block;
height: 32px;
margin: 0;
padding: 0;
float: left;
	
}

.horizontal .mainmenu a {
display: block;
height: 32px;
line-height: 32px;
text-decoration: none;
background: url('../img/gfx_v2.png') no-repeat 0 -40px;
color: #000;
font-weight: bold;
font-size: 110%;
padding: 0;
margin: 0;
}

.horizontal .mainmenu span {
display: block;
height: 32px;
background: url('../img/gfx_v2.png') no-repeat 100% -40px;
padding: 0 15px 0 0;
position: relative;
margin-left: 15px;
margin-right: -7px;
}

.horizontal .mainmenu a:hover {
background: url('../img/gfx_v2.png') no-repeat 0 0;
}

.horizontal .mainmenu a.current {
background: url('../img/gfx_v2.png') no-repeat 0 0;
color: #cc0000;
}

.horizontal .mainmenu a:hover span {
background: url('../img/gfx_v2.png') no-repeat 100% 0;
padding: 0 15px 0 0;
}

.horizontal .mainmenu a.current span {
background: url('../img/gfx_v2.png') no-repeat 100% 0;
color: #cc0000;
padding: 0 15px 0 0;
}



.horizontal li ul.is_submenu{
display: none;
left: 0;
width:100%;
height: 26px;
position: absolute;
top: 26px;
margin: 0 0 0 -2px;
padding: 1px 1px 1px 0;
list-style: none;
background: none;
z-index: 999;
}

.horizontal li.current ul.is_submenu{
display:block;
left: 0;
width:100%;
position: absolute;
top: 26px;
margin: 0 0 0 -2px;
padding: 1px 1px 1px 0;
list-style: none;
background: none;
line-height: 13px;
z-index: 999;
}


.horizontal li ul.is_submenu li{
float:left;
margin: 0;
padding: 0;
list-style: none;
background: none;
height: 26px;
border-right: 1px solid #ccc;
}


.horizontal li ul.is_submenu li a {
font: 13px Verdana, sans-serif;
font-weight: bold;
color: #000;
text-decoration: none;
background: url('../img/bpoint.png') 5px 8px no-repeat;
z-index: 999;
padding: 5px 10px 0px 15px;
margin: 0;
height: 26px;
}

.horizontal li ul.is_submenu li a:hover, .horizontal li ul.is_submenu li a:active{
font: 13px Verdana, sans-serif;
font-weight: bold;
color: #cc0000;
text-decoration: none;
background: url('../img/rpoint.png') 5px 8px no-repeat;
z-index: 999;
padding: 5px 10px 0px 15px;
margin: 0;
height: 26px;
}

.horizontal li.current ul.is_submenu li a:hover, .horizontal li.current ul.is_submenu li a:active{
font: 13px Verdana, sans-serif;
font-weight: bold;
color: #cc0000;
text-decoration: none;
background: url('../img/rpoint.png') 5px 8px no-repeat;
z-index: 999;
padding: 5px 10px 0px 15px;
margin: 0;
height: 26px;
}


.mainmenu span:hover, .mainmenu a:hover, .is_submenu a:hover {
cursor: pointer;
_cursor: hand;
}


ul.forummenu{
display:block;
left: 0;
width:100%;
position: absolute;
top: 26px;
margin: 0 0 0 -2px;
padding: 1px 1px 1px 0;
list-style: none;
background: none;
line-height: 13px;
z-index: 999;
}

.horizontal li ul.forummenu li{
float:left;
margin: 0;
padding: 0;
list-style: none;
background: none;
height: 26px;
border-right: 1px solid #ccc;
}

.horizontal li ul.forummenu li ul li{
border-right: 1px solid #000;
}

.horizontal li ul.forummenu li a{
font: 13px Verdana, sans-serif;
font-weight: bold;
color: #000;
text-decoration: none;
background: url('../img/bpoint.png') 5px 8px no-repeat;
z-index: 999;
padding: 5px 5px 0 0;
margin: 0;
height: 26px;
}

.horizontal li ul.forummenu li a:hover{
font: 13px Verdana, sans-serif;
font-weight: bold;
color: #cc0000;
text-decoration: none;
background: url('../img/rpoint.png') 5px 8px no-repeat;
z-index: 999;
padding: 5px 5px 0 0;
margin: 0;
height: 26px;
}

.horizontal li ul.forummenu li a span, .horizontal li ul.forummenu li a:hover span {
background: none;
}

span.static {
position: relative;
left: -1px;
top: 26px;
display:block;
width: 100%;
height: 26px;
background: #fff url('../img/bottom_bg.png') bottom repeat-x;
border: 3px solid #440000;
border-top: 1px solid #330000;
margin: 0 3px 0 -3px;
z-index: 10;
}

/* Support SMF Dropdown Menu

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu
{
display: block;
width: 999px;
height: 50px;
margin: 0;
padding: 0 0 0 0;
}

.dropmainmenu, .dropmenu ul
{
	list-style: none;
	line-height: 1em;
	padding: 0;
	margin: 0;
}
.dropmainmenu
{
	padding: 0;
}
.dropmainmenu a
{
	display: block;
	color: #000;
	text-decoration: none;
	background: none;
}
.dropmainmenu a span
{
	display: block;
	padding: 0;
	background: none;
}

/* the background's first level only */
.dropmainmenu li a.firstlevel
{

}
.dropmainmenu li a.firstlevel span.firstlevel
{
}
.dropmainmenu li
{
	float: left;
	position: relative;
}
.dropmainmenu li ul
{
	z-index: 90;
	display: none;
	position: absolute;
	top: 26px;
	width: 19em;
	font-weight: normal;
	border-bottom: 1px solid #000;
	/* no longer valid path */
	background: url(../../../forum/Themes/AFv1/images/theme/menu_gfx.png) 0 -128px no-repeat;
	padding: 9px 2px 0 0;
}
.dropmainmenu li li
{
	width: 19em;
	margin: 0;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
.dropmainmenu li li a span
{
	display: block;
	padding: 0;
	background: #fff;
	font-size: 90%;
}
.dropmainmenu li ul ul
{
	margin: -1.8em 0 0 0;
}

/* the active button */
.dropmainmenu li a.active
{
	/* background: url(../images/theme/menu_gfx.png) no-repeat 100% 0; */
	background: none;
	color: #fff;
	font-weight: bold;
}
.dropmainmenu li a.active span.firstlevel
{
	/* background: url(../images/theme/menu_gfx.png) no-repeat 0 0; */
	background: none;
}
/* the hover effects */
.dropmainmenu li a.firstlevel:hover, .dropmainmenu li:hover a.firstlevel
{
	/* background: url(../images/theme/menu_gfx.png) no-repeat 100% -30px; */
	background: none;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.dropmainmenu li a.firstlevel:hover span.firstlevel, .dropmainmenu li:hover a.firstlevel span.firstlevel
{
	/* background: url(../images/theme/menu_gfx.png) no-repeat 0 -30px; */
	background: none;
}
/* the hover effects on level2 and 3 */
.dropmainmenu li li a:hover, .dropmainmenu li li:hover a
{

	color: #000;
	text-decoration: none;
}
.dropmainmenu li:hover ul ul, .dropmainmenu li:hover ul ul ul
{
	top: -999em;
}
.dropmainmenu li li:hover ul
{
	top: auto;
}
.dropmainmenu li:hover ul
{
	display: block;
}
.dropmainmenu li li.additional_items
{
	background-color: #fff;
}

/* The dropdown menu toggle image */
#mainmenu_toggle
{
	float: right;
	margin-right: 10px;
	padding-top: 3px;
}
#mainmenu_toggle span
{
	position: relative;
	right: 5000px;
}

/* End Menu */

/* Content */

#content {
width: 999px;
background: url('../img/top_bg.png') top repeat-x #fff;
margin: 0 1px 0 1px;
padding: 10px 0 0 0;
}

/* other style properties of the contents are set in the theme's stylesheet */

/* Footer */

#endpage {
clear: both;
display: block;
width: 999px;
height: 22px;
background: url('../img/bottom_bg.png') repeat-x;
text-align: center;
margin: 0 1px 0 1px;
padding: 0;
}

#endpage A {
color: #cc3333;
font: 10px Verdana;
text-decoration: underline;
}

#footer {
display: block;
width: 1008px;
margin: 0 -4px -9px -4px;
padding: 0 4px 0 4px;
background: url('../img/footer_bg.png') repeat-x #bb0000;
}

#footer DIV.nav {
width: 155px;
height: auto;
display: block;
float: left;
padding: 10px 5px 2px 5px;
margin: 0;
}

#footer DIV.logos {
width: 160px;
height: 100px;
display: block;
float: left;
padding: 10px 5px 2px 5px;
margin: 0;
background: url('../img/CID-logo.png') right bottom no-repeat;
}

#footer .border {
border-right: 1px solid #660000;
}

#footer P.copyright {
clear: both;
width: 950px;
color: #330000;
font: 10px Verdana;
text-align: center;
border-top: 1px solid #660000; 
padding: 5px 10px 5px 10px;
margin: 5px auto;
}

#footer SPAN.left {
float:left;
width: 9px;
height: 9px;
background: url('../img/bg_corners.gif') no-repeat bottom left;
margin-left: -4px;
margin-top: -14px;
}

#footer SPAN.right {
float:right;
width: 9px;
height: 9px;
background: url('../img/bg_corners.gif') no-repeat bottom right;
margin-right: -4px;
margin-top: -14px;
}

#footer A {
color: #000000;
font: 10px Verdana;
}

#footer A:hover {
text-decoration: underline;
color: #fff;
}

.nav UL A {
text-decoration: underline;
}

.nav LI A {
text-decoration: none;
}

.nav UL {
font: 10px Verdana;
list-style: none;
padding-left: 20px;
}

.nav LI {
height: 12px;
font: 10px Verdana;
list-style: none;
line-height: 1em;
padding-left: 0;
}


DIV.debug {
clear: all;
width: auto;
background: #ffcccc;
border: 1px dotted #990000;
color: #cc0000;
font: 10px verdana;
margin: 10px 20px;
padding: 5px;
}


.left {
text-align: left;
}

.right {
text-align: right;
}

.center {
text-align: center;
}