

/* base styles */

body {
margin:0;
padding:0;
background:#fff url("../img/bg_body.gif") no-repeat top center;
font-family:'Courier New', Courier, monospace;
font-size:13px;
line-height:1.2em;
text-align:center;
color:#000;
}

.bodySpan {
width:100%;
background:url("../img/bg_container.gif") no-repeat top center;
}

body.zoom {
padding-bottom:20px;
background:#fff;
}

a {
color:#000;
text-decoration:none;
}

a:hover {
color:#ffc733;
}

.filter a,
#text a {
text-decoration:underline;
}

a img {
border:none;
}

a:active,
a:focus  {
outline:none;
}

p {
margin:0 0 1.2em 0;
padding:0;
}


h2 {
border-top:5px solid #000;
margin:0;
padding:4px 0 1px 3px;
font-family:"Times New Roman",Times,serif;
font-size:19px;
letter-spacing:1px;
text-transform:lowercase;
font-style:italic;
font-weight:normal;
}

h3 {
margin:0;
padding:0;
font-family:"Times New Roman",Times,serif;
font-size:17px;
letter-spacing:1px;
text-transform:uppercase;
font-weight:normal;
}

h3 em {
font-style:italic;
}

form {
margin:0;
padding:0;
}

input,
text,
select {
padding:2px 5px 2px 5px;
font-family:'Courier New', Courier, monospace;
font-size:12px;
}

input.submit {
cursor:pointer;
}

label {
float:left;
margin:0;
padding:3px 0 0 1px;
font-family:"Times New Roman",Times,serif;
font-size:14px;
letter-spacing:1px;
text-transform:lowercase;
font-style:italic;
font-weight:normal;
}

li {
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:12px;
margin-left:-15px;
}

span.ok {
display:block;
padding:0 5px 0 5px;
background:#6edd15;
}

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}


/* table styles */

td {
padding:0 5px 5px 0;
vertical-align:top;
}

.post td {
padding-bottom:20px;
}

tr.labels td {
padding-bottom:2px;
}

td span.note {
float:left;
padding:3px 0 0 0;
font-size:12px;
line-height:1.3em;
letter-spacing:-1px;
}

span.error {
display:block;
padding:0 5px 0 5px;
background:#ffc733;
font-size:12px;
letter-spacing:-1px;
line-height:1.3em;
}

td span.required {
display:block;
margin:5px 0 0 0;
font-size:18px;
line-height:10px;
}


/* container */

#container {
position:relative;
margin:auto;
width:840px;
text-align:left;
line-height:1.2em;
}

body.zoom #container {
width:auto;
}


/* header */

#header {
position:relative;
width:880px;
height:210px;
}

#header a {
color:#fff;
}

#header a:hover {
color:#ffc733;
}

#header h1 {
position:absolute;
top:18px;
left:0;
margin:0;
padding:0 0 2px 5px;
font-family:"Times New Roman",Times,serif;
font-size:19px;
letter-spacing:1px;
font-style:italic;
color:#fff;
font-weight:normal;
text-transform:lowercase;
}

#header h1 .heart {
color:#ffc733;
font-size:18px;
font-style:normal;
}

#logo {
position:absolute;
top:10px;
right:40px;
}

#login {
position:absolute;
top:15px;
left:0;
color:#fff;
font-size:14px;
}

#login a {
display:block;
float:left;
padding-left:2px;
padding-bottom:1px;
width:125px;
text-transform:uppercase;
}

#login p {
padding:0 0 5px 0;
}

#login p.notlogged {
margin:30px 0 0 0;
padding:0 0 2px 0;
}

#login .dot {
float:left;
padding:1px 3px 0 1px;
color:#ffc733;
}

#globalMenu {
position:absolute;
top:94px;
left:0;
}

#globalMenu a {
display:block;
float:left;
padding-left:2px;
padding-top:1px;
padding-bottom:2px;
color:#000;
text-transform:uppercase;
font-size:14px;
}

#globalMenu a:hover {
color:#fff;
}

a#lStuudionet {
width:105px;
}

a#lBlogi {
width:60px;
}

a#lFotostuudionet {
width:160px;
}

a#lPortree {
width:80px;
}

a#lFotostuudionet.on {
font-family:"Times New Roman",Times,serif;
font-size:16px;
letter-spacing:1px;
text-transform:lowercase;
font-style:italic;
text-decoration:none;
}

#mainmenu {
position:absolute;
top:150px;
left:0;
font-size:15px;
}

#mainmenu p {
margin:0;
}

#mainmenu a {
display:block;
float:left;
padding-left:2px;
padding-top:1px;
padding-bottom:2px;
color:#000;
text-transform:uppercase;
}

#mainmenu .dot {
float:left;
padding:2px 2px 0 1px;
color:#ffc733;
}

a#lAvaleht {
width:80px;
}

a#lAktifoto {
width:85px;
}

a#lReklaamfoto {
width:115px;
}

a#lPortree {
width:80px;
}

a#lFotolavastus {
width:125px;
}

a#lMoefoto {
width:75px;
}

a#lPulmafoto {
width:95px;
}

a#lUritusfoto {
width:95px;
}

.index #lAvaleht,
.login #lLogin,
.account #lAccount,
#lFilter.on,
.post #lPost,
.erotic #lAktifoto,
.ad #lReklaamfoto,
.portrait #lPortree,
.editorial #lFotolavastus,
.fashion #lMoefoto,
.wedding #lPulmafoto,
.event #lUritusfoto {
font-family:"Times New Roman",Times,serif;
font-size:16px;
letter-spacing:1px;
text-transform:lowercase;
font-style:italic;
}

.index #lAvaleht,
.erotic #lAktifoto,
.ad #lReklaamfoto,
.portrait #lPortree,
.editorial #lFotolavastus,
.fashion #lMoefoto,
.wedding #lPulmafoto,
.event #lUritusfoto {
font-size:16px;
letter-spacing:2px;
}

.erotic #lAktifoto {
letter-spacing:2px;
}


/* columns */

#photos {
float:left;
padding-left:15px;
width:625px;
}

#text {
float:left;
padding-right:15px;
width:625px;
}

#text a {
text-decoration:underline;
}

#text li {
padding-bottom:10px;
}

#text h2 {
margin-bottom:1em;
}

#featured {
float:left;
overflow:hidden;
width:200px;
}

#help {
float:left;
border-top:5px solid #ffc733;
padding:15px 0 0 0;
width:200px;
font-size:12px;
line-height:1.3em;
letter-spacing:-1px;
}

.view-author #photos,
.view-photo #photos {
float:right;
}


/* photos column */

.lead {
position:relative;
margin:0 60px 50px 85px;
padding:0 0 0 0;
width:480px;
}

body.zoom .lead {
margin:auto;
width:auto;
}

.lead .image img {
display:block;
}

.lead .manage {
position:absolute;
top:95px;
left:490px;
font-size:12px;
letter-spacing:-1px;
line-height:1.2em;
text-transform:lowercase;
}

.lead .promote {
position:absolute;
top:10px;
left:490px;
font-size:12px;
letter-spacing:-1px;
line-height:1.2em;
text-transform:lowercase;
}

.lead .manage ul,
.lead .promote ul {
margin:0;
padding:0;
}

.lead .manage li,
.lead .promote li {
position:relative;
margin:0;
padding:0 0 5px 0;
width:100px;
list-style:none;
}

.lead .promote li {
position:relative;
padding-left:35px;
padding-top:7px;
padding-bottom:12px;
color:#666;
}

.lead .points {
position:absolute;
top:0;
left:0;
width:29px;
height:29px;
background:url("../img/bg_points.gif") no-repeat top left;
text-align:center;
line-height:29px;
color:#fff;
}

.lead .comments {
position:absolute;
top:0;
left:0;
width:29px;
height:29px;
background:url("../img/bg_comments.gif") no-repeat top left;
text-align:center;
line-height:29px;
color:#000;
}

.lead .author {
float:left;
border-right:1px solid #cfcfcf;
margin:5px 0 0 0;
padding:5px 0 5px 15px;
width:173px;
}

.lead .author .name {
margin:0;
padding:0 0 0 4px;
font-family:"Times New Roman",Times,serif;
font-size:13px;
letter-spacing:1px;
text-transform:uppercase;
font-weight:normal;
}

.lead .author .copyright {
font-size:15px;
}

.lead .author .category {
margin:0;
padding-left:20px;
font-size:12px;
letter-spacing:-1px;
line-height:1.2em;
text-transform:lowercase;
}

.lead .caption {
float:left;
width:275px;
padding:10px 0 0 15px;
overflow:hidden;
}

.lead .caption p {
margin:0;
}

.lead .moreAt {
margin:0;
padding:0.2em 0 0 0;
text-transform:lowercase;
font-size:12px;
letter-spacing:-1px;
}

.lead .moreAt a {
text-decoration:underline;
}

.lead .moreAt a:hover {
text-decoration:none;
}

.lead .editorsPick {
position:absolute;
top:175px;
left:490px;
width:75px;
height:75px;
background:url("../img/bg_notice_4.gif") no-repeat top left;
font-family:"Times New Roman",Times,serif;
text-align:center;
font-size:14px;
letter-spacing:-1px;
}

.lead .editorsPick a {
text-decoration:underline;
}

.lead .editorsPick a:hover {
text-decoration:none;
color:#000;
}

.lead .editorsPick p {
margin:0;
padding:22px 0 0 0;
}


/* user selection */

.filter {
padding:0 0 35px 85px;
width:480px;
}

.filter h2 {
border:none;
margin:-2px 0 0 -1px;
padding:0;
font-family:"Times New Roman",Times,serif;
font-size:25px;
letter-spacing:2px;
text-transform:uppercase;
font-weight:normal;
font-style:normal;
line-height:1.1em;
}

.filter p.website {
padding:2px 0 0 0;
font-size:16px;
font-style:italic;
line-height:1.5em;
}

#more {
padding:0 0 0 85px;
}

#more h3 {
padding-bottom:15px;
font-size:13px;
}

#more h3 .dot {
color:#ffc733;
}

#more img {
float:left;
margin:0 10px 0 0;
}

#zoombox p.back {
margin:20px 0 20px 0;
padding:0;
font-family:"Times New Roman",Times,serif;
font-size:17px;
letter-spacing:1px;
text-transform:uppercase;
font-weight:normal;
wdith:150px;
text-align:center;
}


/* featured column */

#featured h2 {
font-size:17px;
text-align:center;
}

#featured h3 {
padding:2px 0 0 0;
margin-top:20px;
margin-bottom:-1px;
text-align:center;
}

#featured p {
font-size:12px;
letter-spacing:-1px;
text-transform:lowercase;
text-align:center;
color:#555;
}

#featured .dot {
color:#ffc733;
}

#featured .on {
background-color:#ffc733;
}

#featured .on .dot {
color:#000;
}

#featured .on a:hover {
color:#000;
}

#participate {
margin:25px 0 25px 52px;
width:95px;
height:95px;
background:url("../img/bg_notice.gif") no-repeat top left;
text-align:center;
}

#participate p {
padding:28px 0 0 5px;
font-size:15px;
line-height:1.2em;
}

#participate p a {
color:#fff;
}

#participate p a:hover {
color:#ffc733;
}

#featured h2.level2 {
border-top:2px solid #000;
margin-top:40px;
padding-top:2px;
font-size:16px;
}

#featured h3.level2 {
margin-top:15px;
margin-bottom:-3px;
font-size:13px;
}

#featured img.icon {
margin:0 5px -2px 0;
}

#order {
margin:25px 0 25px 56px;
width:95px;
height:95px;
background:url("../img/bg_notice_2.gif") no-repeat top left;
text-align:center;
}

#order p {
padding:20px 0 0 5px;
font-size:16px;
line-height:1.2em;
}

#order a:hover {
color:#000;
text-decoration:underline;
}

.rated {
padding:0 0 10px 0;
text-align:center;
}

.rated img {
margin:auto;
}


/* forms */

.result {
margin:0 0 0 80px;
}

.edit {
border-top:1px solid #cfcfcf;
margin:0 0 10px 80px;
padding:5px 0 0 0;
width:480px;
}

.edit p {
margin:0 0 0.5em 0;
}

a.bEdit {
padding:0 5px 0 5px;
background:#ffc733;
}

a.bConfirm {
padding:0 5px 0 5px;
background:#6edd15;
}

a.bDelete {
padding:0 5px 0 5px;
background:#d73a42;
color:#fff;
}

a.bEdit:hover,
a.bConfirm:hover,
a.bDelete:hover {
color:#fff;
}

.step {
position:relative;
padding:0 0 15px 80px;
width:545px;
}

.login .step {
height:auto !important;
min-height:150px;
height:150px;
}

.step .solution {
position:absolute;
padding:5px;
top:0;
left:15px;
width:40px;
background:#ffc733;
}

.step .solution p {
margin:0;
}

.terms #text span.note {
display:block;
padding:0 5px 0 5px;
background:#ffc733;
}

.terms #text span.note,
.terms #text span.ok {
padding:5px 100px 5px 100px;
font-size:15px;
text-align:center;
line-height:1.3em;
}


/* comments */

#postComment,
#comments {
padding:35px 0 0 85px;
width:480px;
}

textarea#fComment {
margin-bottom:10px;
width:470px;
height:100px;
}

.comment {
position:relative;
padding:0 0 25px 65px;
width:415px;
}

.comment .text {
border-top:2px solid #000;
padding-top:5px;
}

#postComment h3,
#comments h3 {
margin-bottom:10px;
font-size:14px;
font-style:italic;
text-transform:lowercase;
}

#postComment h3 {
font-size:19px;
}

#comments h3 a {
text-transform:uppercase;
font-style:normal;
}

#comments .nr {
position:absolute;
padding:5px;
top:0;
left:0;
width:40px;
background:#ffc733;
}


/* footer */

p.pagination {
margin:0 0 -35px 0;
padding:5px 0 0 300px;
font-family:"Times New Roman",Times,serif;
font-size:19px;
letter-spacing:1px;
font-style:italic;
text-transform:lowercase;
line-height:1.3em;
}

p.pagination strong {
background:#ffc733;
font-weight:normal;
}

#footer {
border-top:5px solid #000;
margin:50px 0 0 0;
padding:3px 0 0 15px;
}