
/*----------------------------Reset--------------------------------*/
*
{
    padding: 0;
    margin: 0;
    border: none;
    list-style: none;
}
/*-----------------------------Body--------------------------------*/
html, body
{
    height: 100%;
}

body
{
    background: #f7f8f9;
    min-width: 1024px;
}
/*-----------------------Generic Blocks----------------------------*/
#container
{
    background: url( "../images/bg.png" ) repeat-x;
}
.header-light
{
    /*background: #fff !important;*/
    background: #6493B0 !important;
    height: 100%;
}
#header
{
    background: url( "../images/header-bg-dancers.png" ) no-repeat 95% 90%;
    height: 120px;
    margin: 0 auto;
    padding: 48px 0 0 0;
    width: 1024px;
}
#nav
{
    background: url( "../images/menu-bg.png" ) repeat-x; /*#6493B0;*/
    height: 70px;
    overflow: hidden;
}
#wrapper
{

}
#content
{
    background: #fff;
    clear: left;
    float: left;
    margin: 20px 0 10px 20px;
    padding: 20px 20px 20px 20px;
    width: 60%;
    
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}
#sidebar
{
    background: #fff;
    display: inline;
    float: left;
    margin: 14px 10px 10px 1%;
    width: 30%;
}
#footer
{
    clear: both;
    background: url( "../images/three-girls-white.png" ) no-repeat #6493B0; /*#00AEEF;*/
    height: 100px;
    width: 100%;
}

.white-back #content
{
    margin-top: 14px;
}

/*#container .update-hide  
{
    padding: 20px 16px 30px 20px  
}*/
/*----------------------------#header
    div#header
        img (logo)
        ul.nav-main
        div.profile + .guest
            a.avatar
            a.author
            a.message + a.message-empty
------------------------------*/
#header img
{
    float: left;
}
/*---.nav-main---*/
#header ul.nav-main
{
    background: url( "../images/nav-bg-short.png" ) no-repeat; /*#00aeef*/
    height: 120px;
    padding: 0 0 0 40px;
    overflow: hidden;
    width: 620px;
}
#header ul.nav-main li
{
    float: left;
    height: 120px;
    width: 100px;
}
#header ul.nav-main li.active
{
    background: url( "../images/nav-li-active-bg.png" ) no-repeat;
}
#header ul.nav-main li a
{
    display: block;
}

/*---.profile---*/
#header .profile
{
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 99%;
}
#header .guest
{
    padding-top: 10px;
    text-align: right;
}
#header .profile ul
{
    line-height: 46px;
}
#header .profile ul li
{
    float: left;
    padding: 0 5px;
}
/*------------------------------#nav
    div#nav
        div.write
        ul.menu
            u.sub-menu
        div.search
-------------------------------*/
#nav .write
{
    float: left;
    padding: 10px 0 0 10px;
    width: 40px;
}
/*---.menu---*/
.menu
{
    float: left;
    padding: 0 0 0 30px;
}
.menu li
{
    float: left;
    padding: 5px 10px 5px 10px;
}

.menu li.active
{
    background: #fff;
    position: relative;
    border: 1px solid #fff;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
/*.sub-menu---*/
.sub-menu
{
    left: 0;
    position: absolute;
    top: 34px;
    width: 600px;
}
.sub-menu li
{
    line-height: 12px;
    height: 40px;
    padding: 5px 5px 5px 10px;
    width: 75px;
}
.menu .sub-menu li.active
{
    background: none;
    border: 0;
}
/*---.search---*/
#nav .search
{
    float: right;
    padding-top: 10px;
    padding-right: 5px;
    width: 200px;
}
#nav .search form
{
    width: 200px;
    position: relative;
}
#nav .search input
{
    border: 0;
    margin: 0;
    position: absolute;
}
#nav .search .text
{
    /*background: url(../images/searchG.png) no-repeat;  */
    padding: 12px 0 13px 15px;
    width: 151px;
}
#nav .search .button
{
    width: 49px;
    height: 39px;
    top: 0px;
    right: 0px;
    background: url(../images/search-button.png) no-repeat;
}
/*----------------------------#wrapper
------------------------------*/

/*----------------------------#footer
    #footer
        .right
------------------------------*/
#footer .right
{
	float:right;
    padding: 40px 20px 0 110px;
}
#footer #copyright
{
	float:left;
    padding: 40px 0 0 130px;
}
/* Forms------------------------------
-------------------------------------*/
label
{
    margin-bottom: 2px;
}
input, textarea, select
{
    border: 1px solid #ccc;
    font-size: 16px;
}

form p
{
    margin-bottom: 20px;
}
form .note
{
    float: right;
    font-size: 11px;
}
form .buttons
{
    overflow: hidden;
}
form .buttons input
{
    background: #6493B0;
    border: 1px solid #6493B0;
    color: #fff;
    padding: 2px;
}
form .right
{
    float: right;
    font-size: 18px;
    font-family: Tahoma;
    padding: 5px;
}
form .panel_form 
{
    background: #eaecea;
} 
form .panel_form select
{
    width: 73px;
    height: 18px;
    margin: 2px;
    float: left;
} 
textarea
{
    width: 99%;
    height: 200px;
    margin-bottom: 5px;
}
textarea.small
{
    width: 300px;
    height: 70px;
    margin-bottom: 5px;
}
select
{
    width: 99%;
}
.w50
{
    width: 50px;
}
.w70
{
    width: 70px;
}
.w100
{
    width: 100px;
}
.w200
{
    width: 200px;
}
.w300
{
    width: 300px;
}
.w100p
{
    width: 99%;
}
.radio
{
    position: relative;
    top: 2px;
}
.checkbox
{
    position: relative;
    top: 2px;
    margin-left: 0;
}
.form-tags
{
    padding: 10px;
    background: #fafafa;
    color: #999;
}
.form-tags input
{
    width: 99%;
}
.form_note
{
    font-size: 11px;
    color: #aaa;
}
/*----------------------------
Login

    div.login-popup
        div.login-popup-top
            a.close-block
        div.content
            input.input-text
            label.input-checkbox
        div.login-popup-bottom

Register

	div.lite-center div.register
		input.input-text
		.input-note
        div.lite-note
-------------------------------------*/

.login-popup .login-popup-top
{
    background: url( "../images/login-popup-top.png" ) no-repeat;
    height: 30px;
    position: relative;
    width: 500px;
}
.login-popup .close-block
{
    background: url(../images/close-block.png) no-repeat;
    height: 20px;
    right: 15px;
    position: absolute;
    top: 15px;
    width: 20px;
}
.login-popup .content
{
    background: url( "../images/login-popup-bg.png" ) repeat-y;
    padding: 0px 40px;
}
.login-popup dd
{
    position: relative;
    width: 400px;
}
.login-popup button
{
    position: absolute;
    right: 0;
    top: -10px;
}
.login-popup dt
{
    padding: 10px 0 0 0;
    width: 400px;
}
.login-popup a
{
    float: right;
}
.login-popup .login-popup-bottom
{
    background: url( "../images/login-popup-bottom.png" ) no-repeat;
    height: 30px;
    width: 500px;
}

/*.upload-image p { margin-bottom: 5px; }
.upload-image label { color: #aaa; }

.tags-input { width: 400px; font-size: 18px; padding: 4px 4px 6px; border: 1px solid #ccc; color: #555; background: #fafafa; }*/


.lite-center
{
    margin: 0 auto 20px;
    top: 100px;
    width: 400px;
}

.lite-center.register
{
    position: static;
    margin: 0 auto;
}
.lite-note
{
    overflow: hidden;
}
.register p, .register h3
{
    margin-bottom: 10px;
}

.clrfix { height: 1%; }
.clrfix:after { clear: both; height: 0; content: '.'; display: block; visibility: hidden; }

.ls-area { padding: 0 0 0 3px; background: #fff; border: 1px solid #d7d7d7; zoom: 1; }
.ls-area TEXTAREA {
	color: #000;
	width: 100%;
	padding: 2px 0;
	margin: 0;
	display: block;
	vertical-align: top;
	background: none;
	border: none;
}
.ls-editor {
	padding: 6px 6px 0 6px;
	background: #eaecea;
	border: 1px solid #d7d7d7;
	border-bottom: none;
}
.ls-editor .ls-panel { float: left; height: 26px; white-space: nowrap; }
.ls-editor .ls-panel * { display: inline-block; height: 20px; margin: 0 6px 0 0; }
.ls-editor .ls-panel A {
	width: 20px;
	background: url(../images/editor.png);
	border: 1px solid #eaecea;
	cursor: pointer;
}
.ls-editor .ls-panel A:hover { border: 1px solid #d7d7d7; }
.ls-editor .ls-panel I { width: 1px; background: #d7d7d7; }
.ls-editor A.ls-panel-h4 { background-position: 0 0; }
.ls-editor A.ls-panel-h5 { background-position: -20px 0; }
.ls-editor A.ls-panel-h6 { background-position: -40px 0; }
.ls-editor A.ls-panel-b { background-position: -60px 0; }
.ls-editor A.ls-panel-i { background-position: -80px 0; }
.ls-editor A.ls-panel-u { background-position: -100px 0; }
.ls-editor A.ls-panel-s { background-position: -120px 0; }
.ls-editor A.ls-panel-ul { background-position: -140px 0; }
.ls-editor A.ls-panel-ol { background-position: -160px 0; }
.ls-editor A.ls-panel-li { background-position: -180px 0; }
.ls-editor A.ls-panel-link { background-position: -200px 0; }
.ls-editor A.ls-panel-quote { background-position: -220px 0; }
.ls-editor A.ls-panel-code { background-position: -240px 0; }
.ls-editor A.ls-panel-image { background-position: -260px 0; }
.ls-editor A.ls-panel-video { background-position: -280px 0; }
.ls-editor A.ls-panel-user { background-position: -300px 0; }
.ls-editor A.ls-panel-cut { background-position: -320px 0; }

