/* reset */
* {
	outline-style:none;
}
html, body, h1, h2, h3, h4, p, a, ul, ol, li, form, fieldset, label, input, select, option, map, area, img {
	margin: 0;
	padding: 0;
	border: 0;
}
ul, ol { list-style: none; }
a {	text-decoration: none;}
.hide {	display: none !important;}

body {
	background: url('../gfx/bg.png') center top repeat-x;
	font-family: "Helvetica Neue LT Pro", "Helvetica Neue", Helvetica, Arial, Verdana;
	color: #000;
}
#wrapper {
	width: 950px;
	margin: 0 auto;
}
#container {
	width: 900px;
	margin: 0 auto 10px auto;
	overflow: hidden;
}
#top {
	background: url('../gfx/top.jpg') center top no-repeat;
	width: 100%;
	height: 199px;	
	overflow: hidden;
}
#submenu {
	height: 39px;
	background: url('../gfx/submenu_bg.png') center top repeat-x;
	float: right;
	line-height: 39px;
	vertical-align: middle;
	font-size: 0.85em;
}
#submenu li {
	float: left;	
	background: url('../gfx/sub_red_label.png')right no-repeat;
}
#submenu li.last {
	background: url('../gfx/submenu_conrner_right.png') right no-repeat;
}
#submenu li a {
	display: block;
	padding: 0 20px;
	color: #fff;
}
#submenu li a.first {
	background: url('../gfx/submenu_conrner_left.png') left no-repeat;
}
#top h3 {
	color: #4e4a44;
	font-weight: 200;
	margin: 5px 0 0 12px;
}
#logo {
	float: left;
	width: 300px;
	height: 150px;
}
#logo a{
	display:block;
	height:100px;
	width: 300px;
	margin-top: 50px;
}

#info {
	float: left;
	width: 370px;
	height: 150px;
}
#info p {
	color: #4e4a44;
	font-size: 0.80em;
	margin: 4px 10px 4px 19px;
}
#info a {
	color: #841139;
	font-size: 0.8em;
	margin-left: 10px;
}
#lastRelease {
	float: right;
	width: 230px;
	height: 150px;
}
#lastRelease h3 {
    margin-left: 30px;
}
#lastRelease div {
	width: 100%;
	height: 118px;
	margin: 5px 0;
        text-align: center;
}
#lastRelease div a {
    display: block;
    margin: 0 auto;
    
}
#quickBar {
	clear: both;
	width: 100%;
	height: 39px;
	background: url('../gfx/menu_bg.png') center top repeat-x;	
	font-size: 0.80em;
	color: #fff;
}
#quickBar a {
	color: #fff;
}
#quickBar li {
	float: left;
	height: 39px;
	line-height: 39px;
	vertical-align: middle;
	display: block;
	background: url('../gfx/red_label.png') right no-repeat;
	text-align: center;
}
#quickBar label {
	float: left;
	padding: 0 8px 0 10px;
}
#quickBar input.text {
	width: 135px;
	font-size: 0.9em;
	padding: 2px 0;
	float: left;
	margin-top: 10px;
	margin-right: 4px;
}
#newsletterForm  form{
	width: 250px;
	background: url('../gfx/menu_conrner_left.png') left no-repeat;
	height: 39px;
}
#loginForm {
	width: 400px;
}
#remindPassword {
	width: 140px;
}
#quickBar li#registerAccount {
	width: 110px;
	background: url('../gfx/menu_conrner_right.png') right no-repeat;
}
#main {
	clear: both;
	width: 100%;
}
#leftSidebar {
	width: 195px;
	background: url('../gfx/leftBg.png') top no-repeat;
	float: left;
}
#content {
	width: 480px;
	float: left;
	background: #fff url('../gfx/contentBg.png') top repeat-x;
        min-height: 185px;
        height:auto !important;
        height: 185px;
}
#content.bigContent {
    width: 705px;
}
#rightSidebar {
	width: 225px;
	background: url('../gfx/rightBg.png') top no-repeat;
	float: right;
}
#main h3 {
	color: #4e4a44;
	font-weight: 200;
	margin: 5px 5px 5px 12px;
	font-family: "Helvetica Neue LT Pro", "Helvetica Neue", Helvetica, Arial, Verdana;
}
#main h3 a {color: #4e4a44;}
#main h3 a:hover {color: #841139;}
#main .box {
	padding-bottom: 5px;
	border-bottom: 1px solid #e8e8e8;
	overflow: hidden;
}
#main .box .link {
	color: #841139;
	font-size: 0.9em;
	margin-left: 45px;
}
#main .box .shit {
	padding-left: 3px;	
	color: #797979;
	font-size: 0.80em;
	display: block;
	float: left;
	margin: 10px 0 0px 13px;
        font-weight: 700;
}
#main .box .boxShit {
    overflow: hidden;
    margin: 6px 0 0 35px;
}
#main .box .shitTwo {
        width: 79px;
        height: 21px;
        background: url('../gfx/reklama1.png') top no-repeat;
        padding-top: 5px;
        text-align: center;
	margin-right: 1px;
	color: #000;
	font-size: 0.75em;
	display: block;
	float: left;	
        font-weight: 300;
}
#main .box .p {
	background: url('../gfx/www_prenumerata.gif') top no-repeat;
}
#main .box .shitX {
        width: 159px;
        height: 23px;
        background: url('../gfx/reklama3.png') top no-repeat;
        padding-top: 5px;
        padding-left: 3px;
	color: #fff;
	font-size: 0.75em;
	display: block;
	float: left;
        font-weight: 300;
}
/*#main .box .shitTwo:hover {
    background: url('../gfx/reklama2.png') top no-repeat;
}*/
#main .box .shit:hover {
	color: #fa6463;
}
#main .box .en {
        padding: 26px 0 0;
	background: none;
        margin: 0 0 0 8px;
	
}
#main .box .en:hover {background: none;}
#categoriesMenu li a {
	display: block;
	background: url('../gfx/arrowGrey.png') 10px center no-repeat;
	padding:  4px 5px 4px 30px;
	color: #4e4a44;
	font-size: 0.9em;
}
#categoriesMenu li a:hover {
	background: #841139 url('../gfx/arrowRed.png') 10px center no-repeat;
	color: #fff;
}

#friendsLinks li a {
	display: block;
	background: url('../gfx/arrowGrey.png') 10px center no-repeat;
	padding:  4px 5px 4px 30px;
	color: #4e4a44;
	font-size: 0.85em;
}
#friendsLinks li a:hover {
	background: #eaf0d1 url('../gfx/arrowGreen.png') 10px center no-repeat;
        color: #841139;
}
#searchForm input {
	border: 1px solid #b1c654;
	width: 205px;
	margin: 1px 0 2px 15px;
	padding: 3px 0;
}
#searchForm input.submit {
	border: 0;
	height: 16px;
	width: 82px;
	margin-left: 130px;
	margin-top: 3px;
}
#forumNews li {
	display: block;
	font-size: 0.9em;
	overflow: hidden;
}
#forumNews li h5 {
	background: #eaf0d1;
	padding: 3px 0;
	font-weight: 600;
	margin: 0;
}
#forumNews li h5 a {
	color: #000;
	margin: 3px 0 3px 0;
}
#forumNews li h5 a:hover {
	color: #841139;
}
#forumNews li p {
    font-size: 0.85em;
    padding-left: 5px;
}
#forumNews li span  {
	color: #b7b7b7;
	font-size: 0.85em;
	float: right;
	margin: 1px 0;
}
#forumNews li span a {
	color: #b7b7b7;
}
#forumNews li span a:hover {
	color: #000;
}


#footer {
	clear: both;
	padding-top: 15px;
	text-align: center;
	overflow: hidden;
	font-size: 0.9em;
}
#footer li {
	display: inline;
	padding: 0 2px;
}
#footer li a {
	color: #000;
	border-bottom: 1px dotted #000;
}
#footer li a:hover {
	color: #841139;
	border-bottom: 1px solid #841139;
}
#footer p {
	margin-top: 5px;
}

#news h3 {
	color: #9DA442;
	font-size: 1em;
	font-weight: 400;
	margin: 5px 0 5px 0;
        
}
#news .news h3 a {
	color: #7e8525;
        text-decoration: none;
        
}
#news .news {
	padding: 5px 5px 4px 10px;
	font-family: Arial;
}
#news .image {
    overflow: hidden;
}
#news .image img {
    float: left;
    padding: 10px 5px 0 5px;
}
#news p {
	color: #000;
	font-size: 0.85em;
}
#news .news .more {
	color: #7e8525;
        text-decoration: none;
        display: block;
        text-align: right;
        font-size: 0.8em;
}
#news .more:hover {
	color: #841139;
}
#news p {
	text-indent: 0;
	line-height: 1.3;
}
#news p.info {
	margin-top: 3px;
	text-align: right;
	font-size: 0.8em;
	color: #a4a29f;
	height: 15px;
	line-height: 15px;
	vertical-align: middle;
        text-indent: 0;
}
#news p.info a {
	color: #a4a29f;
        text-decoration: none;
}
#news p.info a:hover {
	color: #000;
}
#news .info .readComments {
	padding-right: 20px;
	background: url('../gfx/arrowGrey.png') right no-repeat;
}
#recommend {
	overflow: hidden;	
	width: 430px;
	margin: 0 auto;
	position: relative;
}
#recommendedContainer {
	width: 430px;
	height: 322px;
	overflow: hidden;
	position: relative;
}
.recommendImage {
	background: #e5ebc5;
	width: 100%;
	height: 322px;
	position: relative;
}
.recommendImage img {
	border: 5px solid #e0e8bb;
	width: 418px;
	height: 310px;
	margin: 1px;
}
.recommendImage h2 {
	position: absolute;
   	top: 230px;
   	left: 0;
   	width: 100%;
}
.recommendImage h2 span {
	color: #000;
   	font-size: 0.8em;
   	letter-spacing: -1px;
   	background: rgb(255, 255, 255); /* fallback color */
  	background: rgba(255, 255, 255, 0.7);
   	padding: 8px 15px;
   	margin-left: 6px;
}
#recommendedMenu {
	background: url('../gfx/recMenuBg.png') repeat-x;
	height: 21px;
	float: right;
	font-size: 0.85em;	
	line-height: 21px;
	vertical-align: middle;
}
#recommendedMenu li {
	float: left;
	padding: 0 5px;
	background: url('../gfx/recMenuLabel.png') right center no-repeat;
}
#recommendedMenu li.last {
	background: none;
}
#recommendedMenu li a.wactive {
	color: #000;
}
#recommendedMenu li a {
	display: block;
	color: #454c24;
}
#content .article {
	margin: 20px 5px 15px 10px;
	font-family: Arial;
}
#content .article h2 {
	color: #7e8525;
	text-align: center;
	font-weight: 500;
	font-size: 1.3em;
}
#content .article .info {
	text-align: center;
	font-size: 0.8em;
	color: #a4a29f;	
	text-indent: 0;
}
#content .article .info a {color: #841139; text-decoration: none;}
#content .article .info a:hover {color: #b1c654;}
#content .article .info a.author {color: #a4a29f;}
#content .article .info a.author:hover {color: #000;}
#content .article p {
	font-size: 0.85em;
	text-indent: 0;
	padding: 5px 0;
	line-height: 1.4;
}
#content .article p a {
	color: #b1c654;
	text-decoration: underline;
}
#content .article p a:hover {
	color:#841139;
}
#content .article ul a {
	color: #b1c654;
	text-decoration: underline;
}
#content .article ul a:hover {
	color:#841139;
}
#content .article ul {
	font-size: 0.88em;
	list-style: disc;
	margin: 3px 0 3px 45px;
}
#content .news ul {
	font-size: 0.88em;
	list-style: disc;
	margin: 3px 0 3px 45px;
}
#news .news a {
	color: #b1c654;
	text-decoration: underline;
}
#content .news a:hover {
	color:#841139;
}
#content .news ul a {
	color: #b1c654;
	text-decoration: underline;
}
#content .news ul a:hover {
	color:#841139;
}
#comments {
	background: url('../gfx/commentsBg.png') repeat-x;
	font-family: Arial;
        width: 450px;
        margin: 5px auto;
}
#comments .comment {
	border-bottom: 1px solid #e8e8e8;
	margin: 10px 0;
	overflow: hidden;
	padding-bottom: 10px;
}
#comments .comment .avatar {
	float: left;
	width: 90px;
}
#comments .comment .avatar img {
	margin: 0 auto;
	display: block;
	border: 1px solid #000;
}
#comments .comment .content {
	float: right;
	width: 355px;
	padding-left: 5px;
} 
#comments .comment .content .info {
	font-size: 0.75em;
	color: #98a26f;
	text-align: right;
}
#comments .comment .content .info a {
	color: #98a26f;
}
#comments .comment .content .info a:hover {
    color: #000;
}
#comments .comment .content p {
    font-size: 0.8em;
    text-indent: 10px;
}
#answers {
    font-size: 0.85em;
    font-family: Arial;
}
#answers li {
    margin: 3px 0;
}
#answers input {
    margin-left: 10px;
}
#answers .submit {
    float: right;
    margin-right: 10px;
    line-height: 15px;
    vertical-align: middle;
    height: 15px;
}
#answers .submit input {
    margin-right: 10px;
}
#answers .submit a{
    color: #b7b7b7;
    font-size: 0.9em;
    float: left;
}
#answers .submit a:hover {
    color: #000;
}
#answers label {
    padding-left: 10px;
}
.pagination {
    clear: both;
    text-align: center;
    margin: 5px auto 5px auto;
}
.pagination li {
    display: inline;
    color: #000;
    font-size: 0.8em;
    margin: 0 3px;
}
.pagination li a {
    color: #841139;
    padding: 3px 5px;
}
.pagination li.active a {
    background-color: #B1C654;
    color: #fff;
}
.pagination li a:hover {
    background-color: #B1C654;
    color: #000;
}
.contentForm {
    width: 410px;
    margin: 2px auto;
    background: #EAF0D1;
    padding: 3px 10px;
    font-size: 0.8em;
    overflow: hidden;
    position: relative;
}
.contentForm legend {
    font-size: 1.2em;
    font-family:"Helvetica Neue LT Pro","Helvetica Neue",Helvetica,Arial,Verdana;
    font-weight:200;
    margin: 0 3px 0 5px;
    padding-bottom: 8px;
}
.contentForm .description {  
    font-size: 0.8em;
    margin: 5px 3px 0 0;
    position: absolute;
    top: 5px;
    right: 5px;   
}
.contentForm .description a {  color: #841139; }
.contentForm label {
    width: 80px;
    display: block;
    float: left;
    font-size: 0.88em;
    padding-top: 2px;
}
.contentForm .text, .contentForm .textaera {
    clear: both;
    margin: 5px 0;
    overflow: hidden;
}
.contentForm input, .contentForm textarea {
    width: 320px;
    border:1px solid #B1C654;
    padding:3px 0;
    float: right;
    margin-right: 5px;
}
.contentForm textarea {
    height: 250px;
}
#contentForm .contentForm div p.description-element {
    clear: both;
    font-size: 0.8em;
    color: #4E4A44;
    padding: 1px 5px 0 0;
    margin-left: 60px;
}
#submit-element input {
    background: #fff url('../gfx/arrowGrey.png') center right no-repeat;
    padding: 5px 25px 5px 5px;
    width: 100px;
    height: 22px;
    border: 0;
    margin: 5px 10px;
    font-weight: 600;
    clear: both;
    outline: none;
}
.contentForm .errors {
    font-size: 0.85em;
    clear: both;
    color: #841139;
    margin-left: 10px;
}
#contentForm {
    width: 100%;
    background: #EAF0D1;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
#contentForm p{
    font-size: 0.85em;
    padding: 4px 10px;
}
#notice {
    background: #841139;
    color: #fff;
    font-size: 0.9em;
    font-weight: 100;
    text-align: center;
    margin: 10px auto;
    padding: 2px;
    width: 80%;
}
#onlyUsers {
    width: 90%;
    margin: 10px auto;
    text-align: center;
    background: #EAF0D1;
    padding: 5px 0;
}
#content #onlyUsers p {
    text-align: center;
    padding: 0;
    font-weight: 600;
}
#content #onlyUsers p a {color: #841139;}
#content #onlyUsers p a:hover {text-decoration: none;}
#flashMessage {
    background: #841139;
    color: #fff;
    font-size: 0.9em;
    font-weight: 100;
    text-align: center;
    margin: 10px auto;
    padding: 2px;
    width: 90%;
    position: relative;
}
#flashMessage h4 {
    font-weight: 200;
}
#flashMessage .close {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 0.7em;
    color: #B1C654;
    font-weight: 800;
}
#flashMessage h4 a { color: #B1C654;}
#avatarUpload {
    width: 280px;
    float: left;
}
#avatarUpload label {
    width: 120px;
    margin-bottom: 5px;
}
#avatarUpload input {
    border: 0;
    width: 250px;
    float: left;
}
#contentForm #avatarUpload .description-element {
    margin:0;
    text-indent: 0;
}
#contentForm #avatarUpload .description-element a {
    color: #841139;
}
#avatarContent {
    width: 80px;
    float: right;
    background: #B1C654;
}
#avatarContent img {
    width: 80px;
    height: 80px;
    margin: auto;
    display: block;
    border: 2px solid  #B1C654;
}

#contentForum {
	width: 705px;
	float: right;
	background: #fff url('../gfx/contentBg.png') top repeat-x;
}
#contentForum h3 {
	float: left;
}
#contentForum .startNewEvent {
	display: block;
	float: right;
	color: #b1c654;
	background: url('../gfx/arrowGreen2.png') center right no-repeat;
	padding: 4px 20px 4px 0;
	margin: 10px 10px 0 0;
	font-size: 0.9em;
}
#contentForum .startNewEvent:hover {
	color: #841139;
	background: url('../gfx/arrowRed2.png') center right no-repeat;
}
#forum {
	clear: both;
	width: 700px;
	margin: 5px auto;
	font-size: 0.9em;
	border: 0;
	border-collapse: collapse;
}
#forum thead {
	font-size: 0.8em;
	color: #4e4a44;
	text-align: center;
	background: #e8e8e8;

}
#forum thead td {
	padding: 2px 0;
}
#forum thead .title {
	text-align: left;
	padding-left: 10px;
}
#forum tbody tr {
	height: 40px;
	border-bottom: 1px solid #e8e8e8;
}
#forum tbody tr a:hover {
	color: #4e4a44;
}
#forum td.title {
	padding-left: 5px;
}
#forum td.title a {
	color: #000;
}
#forum td.answers {
	width: 50px;
	font-size: 0.85em;
	text-align: center;
}
#forum td.answers a {
	color: #98a26f;
}
#forum td.author {
	font-size: 0.85em;
	width: 80px;
	text-align: center;
}
#forum td.author a {
	color: #841139;
}
#forum td.lastAction {
	width: 100px;
	font-size: 0.8em;
}
#forum td.lastAction .date {
	color: #4e4a44;
}
#forum td.lastAction a {
	color: #841139;
}




#contentForum .contentForm {
    width: 660px;
    margin: 2px auto;
    background: #EAF0D1;
    padding: 3px 10px;
    overflow: hidden;
    position: relative;
    font-size: 0.9em;
}
#contentForum  .contentForm label {
    width: 125px;
    display: block;
    float: left;
    font-size: 0.95em;
    padding-top: 2px;
}
#contentForum .contentForm .text, #contentForum  .contentForm .textaera {
    clear: both;
    margin: 5px 0;
    overflow: hidden;
}
#contentForum .contentForm input, #contentForum  .contentForm textarea {
    width: 485px;
    border:1px solid #B1C654;
    padding:3px 0;
    float: left;
    margin-right: 5px;
}
.contentForm textarea {
    height: 100px;
}
#contentForum .contentForm #submit-element input {
    width: 120px;
    float: right;
    margin-right: 50px;
}
#postContent {
    clear: both;
    padding: 10px 5px;
}
#postContent .post {
    overflow: hidden;
    min-height: 70px;
    height: auto !important;
    height: 70px;
    border-bottom: 1px solid #e8e8e8;
    margin: 5px 0;
    width: 100%;
}
#postContent .authorInfo {
    float: left;
    width: 120px;
}
#postContent .authorInfo ul {
    font-size: 0.75em;
    color: #4E4A44;
    margin: 5px 2px 4px 10px;
}
#postContent .authorInfo h4 {
    text-align: center;
}
#postContent .authorInfo h4 a {
    color: #B1C654;
    
}
#postContent .authorInfo h4 a:hover {
    color: #841139;
}
#postContent .avatar {
    margin: 5px auto;
    display: block;
    border: 2px solid #B1C654;
}
#postContent .postContent {
    float: right;
    width: 550px;
}
#postContent .postContent .info {
    font-size: 0.8em;
    color:#4E4A44;
    text-align: right;
}
#postContent .postContent p {
    text-indent: 15px;
    font-size: 0.85em;
    line-height: 1.5;
}
#profil {overflow: hidden;}
#profil .avatar {
    float: left;
    width: 180px;
    padding: 5px 0;
}
#profil .avatar img { margin: 0 auto; display: block; border: 1px solid #000;}
#profil .userInfo {
    float: right;
    width: 230px;
}
#profil .userInfo h2 {
    color: #B1C654;
    text-align: right;
    margin: 0 15px 10px 0;
    font-size: 1.7em;
}
#profil .userInfo ul {
    font-size: 0.9em;
}
#profil .userInfo a {color: #841139;}
#profil .userInfo a:hover { color: #B1C654;}
#profil .extra {
    clear: both;
}
#profil h3 {
    clear: both;
    margin: 10px 15px;
}
#profil .userActive {
    clear: both;
}
#profil .about {
    font-size: 0.8em;
    padding: 2px 10px;
    margin: 5px 5px;
    text-indent: 15px;
}
#profil .userActive li {
    font-size: 0.79em;
    border-bottom:1px solid #E8E8E8;
    padding: 2px 10px;
    margin: 5px 5px;
    overflow: hidden;
    clear: both;
}
#profil .userActive li p {display: inline ;line-height: 1.3;}
#profil .userActive li .arrow {margin-left: 5px;}
#question {
    font-size: 0.85em;
}
#pollContent div {
    margin: 2px 5px;
}
#pollContent div p {
    color: #4E4A44;
    font-size: 0.75em;
}
#pollContent span span {
    font-size: 0.85em;
}
#photosContent {
    overflow: hidden;
    margin: 0 auto;
    width: 410px;
}
#photosContent.big {
    width: 680px;
}
#photosContent div {
    float: left;
    width: 120px;
    margin: 4px;
}
#subscription {margin-top: 10px;}
#subscription label {
    width:85px;
}
#subscription input {
    width: 265px;
}
#contentForm p.agree {
    font-size: 0.75em;
    padding: 5px;
    
}

#emailbot {
	display: none;
}