/* = BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding:0 0 20px 0; font-size:12px; font-family:Arial, sans-serif, Helvetica; background:#550132 url(../images/bg.jpg) left top repeat-x; color:#ffffff;  }
input, textarea, select { font-family:Arial, sans-serif, Helvetica; font-size:12px; }
h1, h2, h3, h4, h5, h6, p, form, ul, table, label, fieldset { padding:0; margin:0; border:0; font-weight:normal; }

/* = TYPOGRAPHY
---------------------------------------------------------------------------------------------------*/
/* headings */
h1, .t1 { font-size:30px; }
h2, .t2 { font-size:16px; font-weight: bold; color: #767673; margin: 0 0 10px 0; }
h3, .t3 { font-size:11px; font-weight: bold; }

/* Text elements */
p { line-height:140%; margin:0 0 15px 0; }
ul li { list-style:none; line-height:140%;  }
ol li { line-height:140%; list-style-position: outside; margin-left:20px; }
ul, ol { margin:0 0 15px 0; }
.noMb { margin-bottom:0 !important; }
.mb30 { margin-bottom:30px !important; }
.mb25 { margin-bottom:25px !important; }
.mb20 { margin-bottom:20px !important; }
.mb15 { margin-bottom:15px !important; }
.mb10 { margin-bottom:10px !important; }
.mb5 { margin-bottom:5px !important; }
img { margin: 0; border:none; padding:0; display:block; }
/* links */
a { color:#ffffff; text-decoration:underline; }
a:hover { text-decoration:none; }
/* misc */
.clear { clear:both; }
.textLeft { text-align:center; }
.textCenter { text-align:center; }
.textRight { text-align:right; }
.center { margin:0 auto; }
.float { float:left; }
.floatRight { float:right; }
.wrap { margin:0 auto; text-align:left; width:960px; }
label { padding-top:2px; }
.rear { margin-right:0px !important; padding-right:0 !important; }
.last { margin-bottom:0px !important; border:0 !important; }
.big { font-size:15px; }
.small { font-size:11px; }
.fat { font-weight:bold; }
a.ad { display: block; outline: none }

/* = header
---------------------------------------------------------------------------------------------------*/
.header { width: 960px; float: left; }
.header ul.top { padding: 2px 0 0 0; height: 21px; text-align: center; margin: 0; }
.header ul.top li { display: inline; background: url(../images/layout/dividers/top.gif) right 3px no-repeat; padding: 0 16px 0 0; margin: 0 12px 0 0; }
.header ul.top li.rear {  }
.header ul.top a { color: #767673; font-size: 10px; text-transform: uppercase; text-decoration: none; }
.header ul.top a:hover { text-decoration: underline; }
.header h1 { margin: 0; }
.header a.logo { display: block; width: 197px; height: 77px; float: left; margin: 0 88px 0 0; }

/*.header .side { width:800px; float: left; }*/

/* = menu
---------------------------------------------------------------------------------------------------*/
.header .menu { margin: 17px 0 0 0; height: 44px; float: right; }
.header .menu li { float: left; background: url(../images/layout/dividers/menu.gif) right top no-repeat; padding: 0 1px 0 0; }
.header .menu li.rear { background: none }
.header .menu a { float: left; height: 44px; line-height: 44px; color:#FF5BC2; text-decoration: none; font-size:15px; text-align: center; display: block; padding: 0 24px 0 25px; background: url(../images/layout/menu/menu-bg.jpg) left top repeat-x; }
.header .menu a:hover,
.header .menu a.active:hover,
.header .menu a.active { background-position: left bottom; color: #ffffff; }

/* = login
---------------------------------------------------------------------------------------------------*/
.header ul.login { float: right; margin: 31px 0 0 0; height: 17px; }
.header .login li { float: left; background: url(../images/layout/dividers/login.gif) right top no-repeat; padding: 0 1px 0 0; }
.header .login li a { float: left; display: block; text-align: center; color: #FF5BC2; padding: 0 11px; text-decoration: none; }
.header .login li a:hover { text-decoration: underline; color:#fff; }
.header .login li a.login { background: url(../images/layout/icons/login.gif) left top no-repeat; padding-left:15px; }
.header .login li.rear { background: none; }
.header .login li.rear a { padding-right:0; }

/* = main
---------------------------------------------------------------------------------------------------*/
.mainTop { width: 960px; float: left; background: url(../images/layout/main-top.jpg); height: 11px; font-size: 1px; }
.main { width: 960px; float: left; background:#131311 url(../images/bg-main.jpg) left top repeat-y; padding: 0 0 10px 0; }

/* = side
---------------------------------------------------------------------------------------------------*/
.main .side { float: left; width: 179px; padding: 0 0 0 16px; }
* html .main .side { display: inline; } /* ie6 fix */

/* = search
---------------------------------------------------------------------------------------------------*/
form.search { margin: 0 0 15px 0; width: 195px; float: left; margin: 0 0 15px 2px; }
* html form.search { display: inline; width: 170px; } /* ie6 fix */
form.search .field { background: url(../images/layout/buttons/search.gif); width: 132px; height: 18px; padding: 3px 0 0 3px; margin: 0 3px 0 0; float: left; }
* html form.search .field { display: inline; } /* ie6 fix */
form.search .field input { width: 129px; height: 15px; margin: 0; padding: 0; border: 0; }
form.search input.submit { float: left; }

/* = sideMenu
---------------------------------------------------------------------------------------------------*/
.sideMenu li { margin: 0 0 2px 0; }
.sideMenu a { width: 149px; height: 21px; line-height: 19px; padding: 0 0 0 16px; display: block; background:#7B014D url(../images/layout/menu/side.jpg) left bottom no-repeat; color: #ffffff; text-decoration: none; font-size: 10px; text-transform: uppercase; }
.sideMenu a:hover { background-position: left top; color: #ffffff;text-decoration:underline; }

/* = sideMenu2
---------------------------------------------------------------------------------------------------*/
.sideMenu2 { width: 165px; float: left; font-size: 10px; text-transform: uppercase; margin: 0 0 10px 0; }
.sideMenu2 li { margin: 0 0 1px 0; width: 165px; float: left; }
.sideMenu2 span { color: #767673; width: 16px; display: block; float: left; text-align: right; overflow: hidden; margin: 0 1px 0 0; }
.sideMenu2 a { width: 148px; float: left; display: block; }

/* = sideMenu-more
---------------------------------------------------------------------------------------------------*/
.sideMenu-more { width: 118px; float: left; margin-left: 2px; }
* html .sideMenu-more { display: inline; } /* ie6 fix */
.sideMenu-more li { margin: 0 0 2px 0; }
.sideMenu-more a { display: block; text-align: center; line-height: 20px; height: 21px; background:#7B014D url(../images/layout/menu/side-more.jpg) left top no-repeat; color: #ffffff; font-size: 10px; text-transform: uppercase; text-decoration: none; }
.sideMenu-more a:hover { background-position: left bottom; color: #ffffff; text-decoration: underline;}

/* = content
---------------------------------------------------------------------------------------------------*/
.main .content { width: 742px; float: right; padding: 0 0 0 23px; overflow: hidden; }
.main .content .ads { padding: 0 0 0 35px; }
.main .content .ads .ad { float: left; margin: 0 38px 0 0; }

/* = gal
---------------------------------------------------------------------------------------------------*/
.gal { width: 742px; float: left; margin: 0 0 13px 0; }
.gal img { border:1px solid #41403E; margin: 0 2px 2px 0; float: left; }

/* = cats
---------------------------------------------------------------------------------------------------*/
.cats { width: 742px; float: left; margin: 0 0 10px 0; }
.cats a { display: block; width:175px;  float: left; font-size:16px; height: 40px; background: url(../images/layout/buttons/door-left.jpg) left top no-repeat; color: #fff; text-decoration: none; margin: 0 5px 4px 0; }
.cats a span { display: block; height: 40px; line-height: 40px; text-align: center; background: url(../images/layout/buttons/door-right.jpg) right top no-repeat; padding: 0 15px; cursor: pointer; }
* html .cats a span { position: relative; width: 200px; } /* ie6 fix */
.cats a:hover { text-decoration: underline; }

/* = catsSingle
---------------------------------------------------------------------------------------------------*/
.catsSingle { width: 742px; float: left; margin: 0 0 10px 0; }
.catsSingle a { display: block; width:716px;  float: left; font-size:16px; height: 40px; background: url(../images/layout/buttons/door-left.jpg) left top no-repeat; color: #fff; font-weight: bold;text-decoration: none; margin: 0 5px 4px 0; }
.catsSingle a span { display: block; height: 40px; line-height: 40px; text-align: center; background: url(../images/layout/buttons/door-right.jpg) right top no-repeat; padding: 0 15px; cursor: pointer; }
* html .catsSingle a span { position: relative; width: 200px; } /* ie6 fix */
.catsSingle a:hover { text-decoration: underline; }

/* = footer
---------------------------------------------------------------------------------------------------*/
.footer { width: 945px; float: left; background: url(../images/layout/main-bottom.jpg) left top no-repeat; padding: 20px 0 0 15px; color: #E927A1; font-size: 10px; text-transform: uppercase; }
* html .footer { display: inline; }
.footer p.copy { float: left; }
.footer a { color: #E927A1; }
.footer ul { float: right; }
.footer ul li { display: inline; margin: 0 15px 0 0; }

/* = ui-tabs
---------------------------------------------------------------------------------------------------*/
@media projection, screen { .ui-tabs-hide { display: none; } }
@media print { .ui-tabs-nav { display: none; } }


fieldset.content-form {
	margin: 20px 10px;
	border: 1px solid #550132;
	padding: 20px;
}

legend.content-form {
	font-size: 14px;
	
}

ul.clist {
	list-style:circle;
}
ul.clist li {
	list-style:circle;
	margin-left: 20px;
	margin-bottom: 10px;
}
ul.clist2 li {
	list-style:circle;
	margin-left: 20px;
	margin-bottom: 2px;
}
/** contents **/
.post {
	margin-bottom: 30px;
}
.post .contents {
	margin: 10px 0px;
	width: 688px;
	background-color: #E7E3DE;
	font-weight: bold;
	padding: 16px;
	color: #666;
	text-align: center;
}
.post .videoArea {
	color: #666;
	width: 688px;
	background-color: #E7E3DE;
	padding: 16px;
	text-align: center;
}
.post  a {
	color: #77014b;
}