* {
	margin				: 0px;
	padding				: 0px;
}

body {
	font				: 11px Arial,Sans-Serif;
	background			: #fbfbfb url(/images/bg-body.jpg) repeat-x 0px 0px;
	color				: #3c4449;
}

body * {
    overflow            : hidden;
}

img,form,fieldset {
	border				: 0px;
}

img.avatar {
    padding             : 1px;
    border              : 1px solid #999999;
    width               : 93px;
    height              : 93px;
}

a {
	color				: #3c4449;
	text-decoration		: none;
}

a:hover {
	text-decoration		: underline;
}

input,select {
	font       			: 11px Arial,sans-serif;
	height				: 14px;
	border				: 1px solid #dadada;
	color				: #8d8d8d;
	padding				: 3px;
	margin              : 1px 0px;
}

input.checkbox {
    border              : 0px;
    margin              : 1px 0px -2px 0px;
}

input.file {
    height              : 19px;
    padding             : 1px;
}

select {
    height              : 20px;
    width               : 308px;
}

textarea {
	font				: 11px Arial,sans-serif;
    width               : 302px;
    padding             : 2px;
    color               : #666666;
    height              : 100px;
    border				: 1px solid #dadada;
}

img.captcha {
    margin              : 2px 0px;
    border              : 1px solid #dadada;
}

.clear {
	display				: block;
	clear				: both;
	height				: 0em;
	margin				: 0em;
	padding				: 0em;
	overflow			: hidden;
}

input.btn {
    font-size           : 12px;
    font-weight         : bold;
    color               : #ba5800;
    background          : #f9fbf4;
    border              : 1px solid #d9dcce;
    height              : 23px;
    cursor              : pointer;
}

input.btn:hover,button.btn:hover {
    border-color        : #aa0000;
}

input.btn.disabled {
    background          : #efefef;
    color               : #999999;
    border              : 1px solid #d9dcce;
}

input.btn.disabled:hover {
    background          : #efefef;
    color               : #999999;
    border              : 1px solid #d9dcce;
}

input.btn2 {
    border              : 0px;
    font                : 10px Verdana,Sans-Serif;
    font-weight         : bold;
    color               : #fbfbfb;
    cursor              : pointer;
    width               : 146px;
    height              : 20px;
    background          : url(/images/bg-btn.png) no-repeat;
}


/** CONTAINERS */
#page {
    margin              : 0px auto 20px auto;
    width               : 980px;
}

#top {
    height              : 205px;
    background          : url(/images/bg-top.jpg) no-repeat 0px 0px; 
}

#menu {
    list-style-type     : none;
    height              : 44px;
    width               : 980px;
}

#menu li {
    display             : inline;
    float               : left;
}

#ads {
    padding             : 5px 0px;
    text-align          : center;
    overflow: visible;
}

#ads * { overflow: visible; }

#others {
    margin              : 10px auto 0px auto;
    text-align          : center;
}

#others img {
    vertical-align      : middle;
    margin              : 0px 1px;
}

#others li {
    padding             : 0px 20px;
    display             : inline;
}

#others a {
    text-decoration     : none;
    font                : 11px Verdana,Sans-Serif;
    font-weight         : bold;
    color               : #3399ff;
    margin              : 10px 0px;
}

#wrapper {
    padding             : 5px 0px 0px 0px;
}

#left {
    width               : 166px;
    float               : left;
}

#content {
    width               : 664px;
    float               : left;
    padding             : 3px 3px 0px 3px;
}

#right {
    width               : 144px;
    float               : left;
}

#footer {
    text-align          : center;
}

#footer table {
    margin              : 0px auto;
}

/** LEFT COLUMN */
#left div.box {
    background          : url(/images/bg-left-box.jpg) repeat-y;
    margin              : 0px 0px 10px 0px;
    width               : 166px;
}

#left div.box.center {
    text-align          : center;
}

#left div.box div.user {
    background          : url(/images/bg-left-user.jpg) no-repeat 0px 0px;
    height              : 93px;
    text-align          : center;
    padding             : 12px 0px;
}

#left div.box div.corners {
    background          : url(/images/bg-left-box-corners.jpg) no-repeat 0px 0px;
    height              : 7px;
}

#left div.box ul {
    list-style-type     : none;
}

#left div.box ul.user {
    width               : 151px;
    margin              : 4px auto;
}

#left div.box li {
    margin              : 0px 0px -3px 0px;
}

#left div.box ul.user li {
    padding             : 1px 0px;
}

#left div.box ul.links {
    margin              : 5px auto;
    width               : 140px;
}

#left div.box ul.links li {
    margin              : 0px;
    padding             : 0px 0px 0px 10px;
    text-align          : left;
    background          : url(/images/bg-li.gif) no-repeat 2px 4px;
}

#left div.box li.forum {
    background          : url(/images/btn-left-blank.png) no-repeat 0px 0px;
    text-align          : right;
    padding             : 7px 14px 0px 0px;
    height              : 24px;
}

#left div.box li.forum a {
    color               : red;
    font-size           : 12px;
    font-weight         : bold;
}

#left div.profile {
    background          : url(/images/bg-left-profile.jpg) repeat-y 0px 0px;
    width               : 166px;
    overflow            : hidden;
}

#left div.profile div.header {
    background          : url(/images/bg-left-profile-header.jpg) no-repeat 0px 0px;
    height              : 34px;
}

#left div.profile ul {
    background          : url(/images/bg-left-profile-footer.jpg) no-repeat 0px bottom;
    padding             : 0px 0px 15px 13px;
    width               : 151px;
    overflow            : hidden;
}

#left div.profile li {
    padding             : 1px 5px 1px 10px;
    background          : url(/images/bg-li.gif) no-repeat 1px 5px;
    font-size           : 11px;
    width               : 136px;
}

#left div.profile li.head {
    background          : none;
    padding             : 6px 5px 1px 10px;
    font-weight         : bold;
    font-size           : 12px;
}

/** RIGHT COLUMN */
#right div.box {
    background          : url(/images/bg-right-box.jpg) repeat-y;
    margin              : 0px 0px 10px 0px;
}

#right div.box.center {
    text-align          : center;
}

#right div.box div.corners {
    background          : url(/images/bg-right-box-corners.png) no-repeat 0px 0px;
    height              : 7px;
}

#right div.box div.container {
    padding             : 0px 5px 0px 8px;
    font-size           : 12px;
}

#right div.box ul {
    margin              : 3px 0px;
}

#right div.box li {
    margin              : 0px;
    padding             : 0px 0px 0px 8px;
    text-align          : left;
    background          : url(/images/bg-li.gif) no-repeat 1px 4px;
    font-size           : 11px;
}

#right div.box li a {
    text-decoration     : none;
}

#right div.box li a:hover {
    text-decoration     : underline;
}

/** CONTENT */
#content div.item {
    height              : 274px;
    background          : url(/images/bg-item.png) no-repeat 0px 0px;
    position            : relative;
    margin              : 0px 0px 10px 0px;
}

#content h1 {
    background          : url(/images/bg-content-h1.png) no-repeat 0px 0px;
    height              : 15px;
    text-align          : center;
    padding             : 7px 0px;
    font-size           : 13px;
    color               : #0089f3;
    font-weight         : bold;
    margin              : 0px 0px 20px 0px;
}

#content h1 a {
    color               : #0089f3;
}

#content div.box {
    width               : 664px;
    margin              : 0px auto 20px auto;
    background          : url(/images/bg-content-box.png) repeat-y 0px 0px;
}

#content div.box h1 {
    background          : url(/images/bg-content-box-h1.png) no-repeat 0px 0px;
    height              : 20px;
    padding             : 7px 0px 13px 0px;
}

#content div.box div.bottom {
    background          : url(/images/bg-content-box-bottom.png) no-repeat 0px 0px;
    height              : 9px;
}

#content div.box form.login {
    width               : 300px;
    margin              : 0px auto;
    text-align          : right;
    font-size           : 12px;
}

#content div.box form.login input.field {
    width               : 180px;
    width               : 180px;
}

#content div.box form.login a {
    font-weight         : bold;
}

#content div.box form.form {
    width               : 480px;
    font-size           : 12px;
    text-align          : left;
}

#content div.box form.form b {
    float               : left;
    clear               : both;
    width               : 100px;
    height              : 17px;
    padding             : 2px 0px 0px 0px;
}

#content div.box input.text {
    width               : 200px;
}

#content div.box form.form input.text {
    width               : 300px;
}

#content div.box textarea.text {
    width               : 400px;
    height              : 200px;
}

#content div.box strong {
    float               : left;
    clear               : both;
    width               : 120px;
    height              : 15px;
    padding             : 5px 0px 0px 0px;
}

#content div.box strong.normal {
    padding             : 0px 0px 3px 0px;
}

#content div.box select {
    width               : 208px;
}

#content div.box p {
    margin              : 0px 15px 5px 15px;
    text-align          : justify;
    font-size           : 12px;
}

#content div.box p a {
    color               : #0089f3;
    text-decoration     : underline;
}

#content div.box p a:hover {
    text-decoration     : none;
}

#content b {
    color               : #0089f3;   
}

#content div.item h1 {
    background          : none;
}

#content div.item div.photo {
    position            : absolute;
    top                 : 37px;
    left                : 11px;
    width               : 179px;
    height              : 204px;
    text-align          : center;
}

#content div.item div.photo img {
    padding             : 1px;
    border              : 1px solid #999999;
}

#content div.item a.zoom {
    width               : 178px;
    height              : 24px;
    background          : url(/images/btn-zoom.png) no-repeat 0px 0px;
    position            : absolute;
    top                 : 245px;
    left                : 11px;
}

#content div.item a.zoom:hover {
    background-position : 0px -24px;
}

#content div.item a.favadd {
    position            : absolute;
    bottom              : 5px;
    right               : 8px;
    text-decoration     : none;
    font                : 10px Verdana,Sans-Serif;
    font-weight         : bold;
}

#content div.item a.favadd:hover {
    color               : #dd4713;
    text-decoration     : underline;
}

#content div.item div.vote {
    position            : absolute;
    bottom              : 0px;
    left                : 265px;
}

#content div.item div.stats {
    position            : absolute;
    top                 : 33px;
    left                : 202px;
    width               : 460px;
    height              : 14px;
    text-align          : center;
    color               : #3c4449;
    padding             : 4px 0px 0px 0px;
    font                : 10px Verdana,Sans-Serif;
}

#content div.item div.stats b {
    color               : #3c4449;
}

#content div.item div.comments {
    position            : absolute;
    top                 : 88px;
    left                : 208px;
    width               : 447px;
    height              : 150px;
    font                : 11px Verdana,Sans-Serif;
    line-height         : 18px;
}

#content div.item div.comments b {
    color               : #1970a6;
}

#content div.ads {
    text-align          : center;
}

#photo { margin: 10px auto; border-collapse: collapse; }
#photo img { margin: 8px; border: 0px; }
#photo td.tl { width: 5px; height: 5px; background: url(/images/bg-content-photo-tl.jpg) no-repeat; }
#photo td.tb { height: 5px; background: url(/images/bg-content-photo-tb.jpg) repeat-x; }
#photo td.tr { width: 5px; height: 5px; background: url(/images/bg-content-photo-tr.jpg) no-repeat; }
#photo td.bl { width: 5px; height: 5px; background: url(/images/bg-content-photo-bl.jpg) no-repeat; }
#photo td.bb { height: 5px; background: url(/images/bg-content-photo-bb.jpg) repeat-x; }
#photo td.br { width: 5px; height: 5px; background: url(/images/bg-content-photo-br.jpg) no-repeat; }
#photo td.lb { width: 5px; background: url(/images/bg-content-photo-lb.jpg) repeat-y; }
#photo td.rb { width: 5px; background: url(/images/bg-content-photo-rb.jpg) repeat-y; }
#photo td.c { text-align: center; vertical-align: middle; }

#description { padding-top: 2px; width: 500px; min-height: 15px; margin: 5px auto; background: url(/images/fotka_icon.jpg) no-repeat 0px 1px; text-align: left; font-size: 12px; }
#description b { padding-left: 15px; }

#content div.details {
    width               : 354px;
    margin              : 10px auto;
    background          : url(/images/bg-content-details.png) repeat-y;
}

#content div.details div.bottom {
    background          : url(/images/bg-content-details-bottom.png) no-repeat 0px 0px;
    height              : 4px;
}

#content div.details div.top {
    background          : url(/images/bg-content-details-top.png) no-repeat 0px 0px;
    height              : 36px;
}

#content div.details ul {
    margin-left         : 5px;
}

#content div.details ul li {
    padding             : 0px 8px;
    background          : url(/images/bluepoint.png) no-repeat 0px 5px;
    font-size           : 11px;
}

#content div.details ul li a {
    color               : #ca0000;
}

#content div.details ul li a.redlink {
    color               : #bb0000;
    font-weight         : bold;
    text-decoration     : underline;
}

#content div.details ul li a.redlink:hover {
    text-decoration     : none;
}

#content div.comment {
    width               : 646px;
    height              : 140px;
    position            : relative;
    background          : url(/images/bg-comment.png) no-repeat 0px 0px;
    margin              : 0px auto;
}

#content div.comment img {
    width               : 93px;
    height              : 93px;
    position            : absolute;
    top                 : 16px;
    left                : 19px;
}

#content div.comment p {
    display             : block;
    left                : 140px;
    top                 : 38px;
    height              : 80px;
    width               : 495px;
    position            : absolute;
    font-size           : 12px;
}

#content div.comment span {
    position            : absolute;
    display             : block;
    left                : 140px;
    top                 : 7px;
    font-size           : 12px;
    width               : 500px;
    height              : 18px;
}

#content div.comment a.abuse {
    position            : absolute;
    bottom              : 16px;
    right               : 5px;
    color               : #0089f3;
}

#login_first {
    font-size           : 11px;
    color               : #ff6c00;
    text-align          : center;
    overflow            : hidden;
    margin              : 5px auto;
    width               : 345px;
    height              : 40px;
    background          : url(/images/bg-loginfirst.png) no-repeat;
    padding             : 12px 10px 0px 10px;
}

#login_first a {
    color               : #ff6c00;
    font-weight         : bold;
}

/** HEADERS */
h3.options {
    height              : 38px;
    background          : url(/images/h-options.png) no-repeat 0px 0px;
}

h3.recommend {
    height              : 34px;
    background          : url(/images/h-recommend.png) no-repeat 0px 0px;
}

h3.recommend2 {
    height              : 38px;
    background          : url(/images/h-recommend2.png) no-repeat 0px 0px;
}

h3.stats {
    height              : 60px;
    background          : url(/images/h-stats.png) no-repeat 0px 0px;
}

h3.users {
    height              : 24px;
    background          : url(/images/h-users.png) no-repeat 0px 0px;
}

h3.user {
    background          : url(/images/bg-left-h-empty.jpg) no-repeat 3px 0px;
    height              : 18px;
    padding             : 7px 10px 7px 0px;
    font                : 14px Tahoma,Sans-Serif;
    text-align          : right;
    font-weight         : bold;
    color               : #777777;
}

h4 {
    font-size           : 16px;
    margin              : 0px;
    padding             : 10px 0px 10px 3px;
    font-weight         : bold;
    font-style          : italic;
    color               : #008ff6;
}

h5 {
    font-size           : 12px;
    font-weight         : bold;
    color               : #008ff6;
}

/** FORMS */
#search {
    padding             : 35px 0px 0px 11px;
    height              : 63px;
    background          : url(/images/bg-left-search.png) no-repeat 0px 0px;
    font-weight         : bold;
}

#search input.field {
    font                : 11px Tahoma,Sans-Serif;
    font-weight         : normal;
    border              : 1px solid #8D8D8D;
    padding             : 2px 1px;
    margin              : 3px 0px;
    color               : #999999;
    width               : 140px;
}

#search input.field.active {
    color               : #333333;
    border-color        : #bb0000;
}

#search input.transparent {
    padding             : 0px;
    font                : 11px Verdana,Sans-Serif;
    font-weight         : bold;
    border              : 0px;
    background          : transparent;
    cursor              : pointer;
    color               : #4d4d4d;
    width               : 140px;
    text-align          : center;
}

/** PAGER */
#page div.pager {
	margin				: 15px 0px;
	font-size			: 12px;
	font-weight			: bold;
	text-align			: center;
	padding				: 4px 0px;
}

#page div.pager a {
	font-size			: 12px;
	padding				: 3px 5px;
	background			: #fff;
	color				: #abd3e1;
	border				: 1px solid #cde6ee;
	text-decoration		: none;
}

#page div.pager a:hover {
	text-decoration		: underline;
}

#page div.pager a.active {
	background			: #ffe9d0;
	color				: #c06816;
	border-color		: #c06816;
}

/** google map styles */
#map {
    width               : 600px;
    height              : 400px;
    margin              : 0px auto;
    overflow            : visible;
    border              : 1px solid #0089f3;
}

#map * {
    overflow            : visible;
}

/** errors list */
#content ul.errors {
    list-style-type     : none;
    margin              : 10px 30px;
    background          : #ffffd7;
    border              : 2px solid #008200;
    padding             : 5px;
}

#content ul.errors li {
    padding             : 2px;
    text-align          : center;
    font-size           : 11px;
    color               : #ca0202;
}

/** radio */
#content div.radio {
    margin              : 5px 6px;
    font-size           : 12px;
    position            : relative;
}

#content div.radio a.play {
    position            : absolute;
    top                 : 15px;
    right               : 15px;
}

#content div.radio table {
    width               : 620px;
    border-collapse     : collapse;
    margin              : 0px auto;
}

#content div.radio th {
    font-size           : 13px;
    font-weight         : bold;
    padding             : 3px;
    border-bottom       : 1px dashed #dddddd;
    text-align          : left;
}

#content div.radio .who {
    width               : 120px;
}

#content div.radio .hour {
    width               : 90px;
}

#content div.radio td {
    font-size           : 12px;
    padding             : 3px;
    vertical-align      : top;
}

#content div.radio dl {
    width               : 540px;
    margin              : 0px 0px 0px 18px;
}

#content div.radio dt {
    font-weight         : bold;
    color               : #0089f3;
    font-size           : 11px;
    text-decoration     : underline;
}

#content div.radio dd {
    font-weight         : bold;
    padding             : 0px 0px 10px 0px;
}

#content div.radio div.radio_stats {
    padding             : 5px 0px 20px 0px;
    text-align          : center;
    color               : #0089f3;
}

#content div.radio div.crew {
    width               : 620px;
    margin              : 0px auto;
    font-weight         : bold;
    line-height         : 18px;
    text-align          : justify;
}

#content div.radio div.crew a img {
    padding             : 1px;
    border              : 1px solid #999999;
    float               : left;
    margin              : 12px 10px 30px 0px;
}

#content div.radio div.crew a:hover img {
    border              : 1px solid #0089f3;
}

#content div.radio div.crew b {
    text-decoration     : underline;
}

#content div.radio div.crew div.clear {
    height              : 5px;
}

/** photos list */
#content dl.photo {
    float               : left;
    display             : inline;
    margin              : 5px;
    width               : 145px;
    height              : 200px;
    padding             : 5px;
}

#content dl.photo.fav {
    height              : 170px;
}

#content dl.photo.active {
    background          : #d6ebad;
}

#content dl.photo dt {
    height              : 110px;
    line-height         : 110px;
    text-align          : center;
}

#content dl.photo dt a img {
    padding             : 1px;
    border              : 1px solid #999999;
    vertical-align      : middle;
}

#content dl.photo dt a:hover img {
    border              : 1px solid #0089f3;
}

#content dl.photo dd b {
    float               : left;
    clear               : both;
    width               : 55px;
}

#content dl.photo dd strong {
    color               : #aa0000;
    display             : block;
    text-align          : center;
    padding             : 3px 0px 0px 0px;
}

#content dl.photo dd a {
    font-weight         : bold;
}

#content dl.friend {
    height              : 140px;
}

#content dl.friend dd {
    text-align          : center;
}

#content dl.friend dd b {
    float               : none;
    width               : auto;
}

/** messages box */
#content div.mail_limit {
    position            : relative;
    height              : 15px;
    border              : 1px solid #999999;
    background          : #f3ffa6;
    margin              : -10px auto 15px auto;
    width               : 500px;
}

#content div.mail_limit div.percent {
    position            : absolute;
    height              : 15px;
    background          : #b0ff95;
    top                 : 0px;
    left                : 0px;
}

#content div.mail_limit b {
    display             : block;
    text-align          : center;
    height              : 15px;
    color               : #000000;
    position            : absolute;
    top                 : 0px;
    left                : 0px;
    width               : 100%;
}

#content table.mail {
    width               : 600px;
    margin              : 0px auto;
    border-collapse     : collapse;
}

#content table.mail th {
    text-align          : left;
    text-decoration     : underline;
    padding             : 1px 3px;
}

#content table.mail td {
    border              : 1px solid #dee5eb;
    padding             : 3px;
    overflow            : visible;
    vertical-align      : top;
}

#content table.mail td a {
    color               : #0089f3;
}

#content table.mail td.tdr a {
    margin              : 0px 1px;
}

#content table.mail td.tdl,#content table.mail th.tdl {
    border-left         : 0px;
    width               : 90px;
}

#content table.mail td.tdr,#content table.mail th.tdr {
    border-right        : 0px;
    text-align          : center;
    width               : 75px;
}

#content table.friends td.tdl,#content table.friends th.tdl {
    width               : auto;
}

#content table.friends td.tdr,#content table.friends th.tdr {
    width               : 100px;
}

/** default form style */
#content dl.default_form {
    margin              : 0px 30px;
    font-size           : 12px;
}

#content dl.default_form dt {
    float               : left;
    width               : 150px;
    clear               : both;
    font-weight         : bold;
    color               : #0089f3;
    padding             : 4px 0px 0px 0px;
}

#content dl.default_form input.field {
    width               : 300px;
    color               : #232323;
}

#content dl.default_form select {
    width               : 308px;
    color               : #232323;
}

#content dl.default_form ul.errors {
    background          : none;
    border              : 0px;
    padding             : 3px 3px 15px 20px;
    margin              : 0px;
    list-style-type     : square;
    text-align          : left;
}

#content dl.default_form ul.errors li {
    text-align          : left;
    padding             : 0px;
    margin              : 0px;
    overflow            : visible;
}

#content div.blogs {
    padding             : 20px 20px 20px 130px;
    position            : relative;
    height              : 70px;
    font-size           : 12px;
    line-height         : 20px;
}

#content div.blogs a {
    text-decoration     : underline;
    font-weight         : bold;
    float               : right;
}

#content div.blogs a:hover {
    text-decoration     : none;
}

#content div.blogs img {
    position            : absolute;
    top                 : 3px;
    left                : 20px;
}

/** error page */
#error_page {
    padding             : 30px 0px 150px 0px;
    width               : 800px;
    margin              : 0px auto;
    font-size           : 12px;
}

#error_page h1 {
    padding             : 0px 0px 20px 0px;
    font-size           : 24px;
    color               : #0089f3;
    font-style          : italic;
}

#error_page a {
    color               : #0089f3;
    text-decoration     : underline;
}

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