@import url('elements.css');
@import url('essentials.css');

@font-face
    {
    font-family: 'FontAwesome';
    src: url('../font-awesome/fontawesome-webfont.eot?v=3.2.1');
    src: url('../font-awesome/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),
         url('../font-awesome/fontawesome-webfont.woff?v=3.2.1') format('woff'),
         url('../font-awesome/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),
         url('../font-awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight: normal;
    font-style: normal;
    }

html, body
{
background: #333333;
font-family: lucida sans unicode, sans-serif;
font-size: 12px;
color: #333333;
line-height: 1em;
margin: 0px;
}

#wrapper
{
margin: 0px auto;
padding: 0px;
width: 100%;
min-height: 100%;
height: auto !important;
}

header
{
position: relative;
background-color: #000000;
width: 100%;
height: 80px;
margin: 0px auto;
text-align: left;
border-bottom: 1px solid #737373;
}
.header_content
{
position: relative;
width: 1000px;
color: #ffffff;
margin: auto;
text-align: left;
}
.header_left
{
float: left;
padding-top: 33px;
}
.header_right
{
float: right;
display: inline;
text-align: right;
padding-top: 15px;
}

#menu_wrapper
{
position: relative;
display: block;
background-color: #e1e1e1;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(241,241,241)),to(rgb(225,225,225)));
background-image: -webkit-linear-gradient(top, rgb(241,241,241), rgb(225,225,225));
background-image: -moz-linear-gradient(top, rgb(241,241,241), rgb(225,225,225));
background-image: -o-linear-gradient(top, rgb(241,241,241), rgb(225,225,225));
background-image: -ms-linear-gradient(top, rgb(241,241,241), rgb(225,225,225));
background-image: linear-gradient(top, rgb(241,241,241), rgb(225,225,225));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f1f1f1', EndColorStr='#e1e1e1');
width: 100%;
height: 29px;
margin: 0px auto;
text-align: left;
border-bottom: 1px solid #c3c3c3;
}
.menu
{
position: relative;
width: 1000px;
color: #686868;
margin: auto;
text-align: left;
}
.menu_left
{
float: left;
}
.menu_right
{
float: right;
display: inline;
text-align: right;
}

#content_wrapper
{
position: relative;
display: block;
width: 1000px;
min-height: 500px;
margin: 0px auto;
text-align: left;
}
.content
{
position: relative;
color: #ffffff;
width: 100%;
min-height: 460px;
padding: 30px 0px 10px 0px;
margin: auto;
}

#content_navi
{
position: absolute;
bottom: 5px;
width: 100%;
padding: 0px;
}
.content_left
{
float: left;
margin-top: -10px;
}
.content_right
{
float: right;
display: inline;
text-align: right;
margin-top: -9px;
}

footer
{
position: relative;
display: block;
width: 100%;
height: 50px;
margin: 50px 0px 0px 0px;
text-align: left;
}
footer a
{
color: #cecece;
}

.footer_content
{
position: relative;
width: 1000px;
font-size: 11px;
color: #cecece;
margin: auto;
text-align: left;
}
.footer_left
{
float: left;
}
.footer_right
{
float: right;
display: inline;
text-align: right;
}

.left
{
float: left;
width: 500px;
}
.right
{
float: right;
display: inline;
width: 450px;
}
.latest_right
{
float: left;
display: inline;
text-align: left;
width: 200px;
margin-left: 52px;
}
.birthday_right
{
float: left;
display: inline;
text-align: left;
width: 200px;
margin-left: 50px;
}
.album_right
{
float: left;
display: inline;
text-align: left;
width: 400px;
margin-left: 40px;
}

.main_menu
{
float: left;
width: 180px;
}
.main_content
{
float: left;
display: inline;
width: 770px;
margin-left: 50px;
}

.propic
{
float: right;
display: inline;
background-color: #f6f6f6;
text-align: right;
min-width: 150px;
padding: 0px 10px 5px 10px;
border: 1px solid #dbdbdb;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}

.rss_right
{
float: right;
overflow: hidden;
display: inline;
text-align: right;
margin-top: -20px;
}

.sign_in
{
background-color: #f1f1f1;
width: 100%;
padding: 5px;
border: 1px solid #dfdfdf;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}

.clear
{
clear: both;
}
.clear_long
{
clear: both;
margin-bottom: 30px;
}
.clear_features
{
clear: both;
margin-bottom: 100px;
}
.clear_pagination
{
clear : right;
}
.spacer
{
clear: both;
margin-bottom: 10px;
}
.head_spacer
{
margin-top: 35px;
}

a
{
font-size: 12px;
color: #f1f1f1;
font-weight: normal;
text-decoration: none;
}
a:visited
{
color: #f1f1f1;
font-weight: normal;
text-decoration: none;
}
a:active
{
color: #ffffff;
font-weight: normal;
text-decoration: none;
}
a:hover
{
color: #ffffff;
font-weight: normal;
text-decoration: none;
}

a.title
{
color: #ffffff;
font-size: 30px;
font-weight: bold;
text-decoration: none;
text-shadow: 0px 1px 1px #000000;
}
a.title:active
{
color: #ffffff;
font-size: 30px;
font-weight: bold;
text-decoration: none;
text-shadow: 0px 1px 1px #000000;
}
a.title:hover
{
color: #ffffff;
font-size: 30px;
font-weight: bold;
text-decoration: none;
text-shadow: 0px 1px 1px #000000;
}

a.signin
{
color: #ffffff;
font-size: 11px;
font-weight: normal;
text-decoration: none;
text-shadow: 0px 1px 1px #000000;
}
a.signin:active
{
color: #ffffff;
font-size: 11px;
font-weight: normal;
text-decoration: none;
text-shadow: 0px 1px 1px #000000;
}
a.signin:hover
{
color: #efefef;
font-size: 11px;
font-weight: normal;
text-decoration: none;
text-shadow: 0px 1px 1px #000000;
}

a.contact
{
color: #333333;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
a.contact:active
{
color: #333333;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
a.contact:hover
{
color: #000000;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

h1
{
font-size: 30px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
text-shadow: 0px 1px 1px #000000;
}
h2
{
font-size: 16px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
margin-bottom: 40px;
text-shadow: 0px 1px 1px #000000;
}

.awesome
{
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
font-variant: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
.a-add:before
{
content: "\f00c";
}
.a-logo:before
{
content: "\f041";
}

.textfields
{
outline: none;
background: #ffffff;
font-size: 16px;
color: #333333;
width: 350px;
height: 20px;
padding: 8px;
border: 1px solid #222222;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.textfields:hover
{
outline: none;
background: #ffffff;
font-size: 16px;
color: #333333;
width: 350px;
padding: 8px;
border: 1px solid #222222;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.textfields:focus
{
outline: none;
background: #ffffff;
font-size: 16px;
color: #333333;
width: 350px;
padding: 8px;
border: 1px solid #222222;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}

.contactfields
{
outline: none;
background: #ffffff;
font-size: 16px;
color: #333333;
width: 350px;
height: 20px;
padding: 8px;
border: 1px solid #d3d3d3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.contactfields:hover
{
outline: none;
background: #ffffff;
font-size: 16px;
color: #333333;
width: 350px;
padding: 8px;
border: 1px solid #d3d3d3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.contactfields:focus
{
outline: none;
background: #ffffff;
font-size: 16px;
color: #333333;
width: 350px;
padding: 8px;
border: 1px solid #d3d3d3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}

.dropdown
{
outline: none;
background: #ffffff;
font-size: 16px;
color: #333333;
width: 250px;
height: 35px;
padding: 8px;
border: 1px solid #cecece;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.dropdown:hover
{
outline: none;
background: #ffffff;
font-size: 16px;
color: #333333;
width: 250px;
height: 35px;
padding: 8px;
border: 1px solid #b9b9b9;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.dropdown:focus
{
outline: none;
background: #ffffff;
font-size: 16px;
color: #333333;
width: 250px;
height: 35px;
padding: 8px;
border: 1px solid #b9b9b9;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}

.register
{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
background: -moz-linear-gradient(top, #89c403 5%, #77a809 100%);
background: -webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
background: -o-linear-gradient(top, #89c403 5%, #77a809 100%);
background: -ms-linear-gradient(top, #89c403 5%, #77a809 100%);
background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
background-color: #89c403;
border: 1px solid #74b807;
display: inline-block;
color: #ffffff;
font-size: 14px;
font-weight: normal;
padding: 6px 18px;
text-decoration: none;
margin-top: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: inset 0px 1px 0px 0px #a4e271;
-webkit-box-shadow: inset 0px 1px 0px 0px #a4e271;
box-shadow: inset 0px 1px 0px 0px #a4e271;
text-shadow:0px 1px 0px #528009;
}
.register:hover
{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
background: -moz-linear-gradient(top, #77a809 5%, #89c403 100%);
background: -webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
background: -o-linear-gradient(top, #77a809 5%, #89c403 100%);
background: -ms-linear-gradient(top, #77a809 5%, #89c403 100%);
background: linear-gradient(to bottom, #77a809 5%, #89c403 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
background-color: #77a809;
}
.register:active
{
position: relative;
top: 1px;
}

.signinfield_user
{
outline: none;
background: #ffffff url('../icons/user.png') no-repeat +5px;
font-size: 12px;
color: #333333;
width: 180px;
height: 18px;
padding: 4px 4px 4px 21px;
border: 1px solid #000000;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}

.signinfield_pass
{
outline: none;
background: #ffffff url('../icons/pass.png') no-repeat +4px;
font-size: 12px;
color: #333333;
width: 180px;
height: 18px;
padding: 4px 4px 4px 21px;
border: 1px solid #000000;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}

.signinfield_button
{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9c9c9c), color-stop(1, #474747));
background: -moz-linear-gradient(top, #9c9c9c 5%, #474747 100%);
background: -webkit-linear-gradient(top, #9c9c9c 5%, #474747 100%);
background: -o-linear-gradient(top, #9c9c9c 5%, #474747 100%);
background: -ms-linear-gradient(top, #9c9c9c 5%, #474747 100%);
background: linear-gradient(to bottom, #9c9c9c 5%, #474747 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c9c9c', endColorstr='#474747',GradientType=0);
background-color: #9c9c9c;
border: 1px solid #6b6b6b;
display: inline-block;
color: #ffffff;
font-size: 12px;
font-weight: normal;
padding: 4px 18px;
text-decoration: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: inset 0px 1px 0px 0px #c9c9c9;
-webkit-box-shadow: inset 0px 1px 0px 0px #c9c9c9;
box-shadow: inset 0px 1px 0px 0px #c9c9c9;
text-shadow: 0px 1px 0px #000000;
}
.signinfield_button:hover
{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #474747), color-stop(1, #9c9c9c));
background: -moz-linear-gradient(top, #474747 5%, #9c9c9c 100%);
background: -webkit-linear-gradient(top, #474747 5%, #9c9c9c 100%);
background: -o-linear-gradient(top, #474747 5%, #9c9c9c 100%);
background: -ms-linear-gradient(top, #474747 5%, #9c9c9c 100%);
background: linear-gradient(to bottom, #474747 5%, #9c9c9c 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#9c9c9c',GradientType=0);
background-color:#474747;
}
.signinfield_button:active
{
position: relative;
top: 1px;
}

.textareas
{
color: #333333;
width: 453px;
height: 150px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.textareadiv
{
color: #333333;
}

.nicEdit
{
color: #333333;
}
.nicEdit-selected
{
color: #333333;
padding: 0px 3px 0px 3px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.nicEdit-panel
{
color: #333333;
background-color: #ededed !important;
}
.nicEdit-button
{
color: #333333;
background-color: #ededed !important;
}

.captchas
{
outline: none;
background: #ffffff;
font-size: 14px;
color: #333333;
width: 50px;
padding: 3px;
border: 1px solid #222222;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.captchas:hover
{
outline: none;
background: #ffffff;
font-size: 14px;
color: #333333;
width: 50px;
padding: 3px;
border: 1px solid #222222;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.captchas:focus
{
outline: none;
background: #ffffff;
font-size: 14px;
color: #333333;
width: 50px;
padding: 3px;
border: 1px solid #222222;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}

.contactcaptcha
{
outline: none;
background: #ffffff;
font-size: 14px;
color: #333333;
width: 50px;
padding: 3px;
border: 1px solid #d3d3d3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.contactcaptcha:hover
{
outline: none;
background: #ffffff;
font-size: 14px;
color: #333333;
width: 50px;
padding: 3px;
border: 1px solid #d3d3d3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.contactcaptcha:focus
{
outline: none;
background: #ffffff;
font-size: 14px;
color: #333333;
width: 50px;
padding: 3px;
border: 1px solid #d3d3d3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}

#line
{
clear: both;
width: 100%;
height: 1px;
margin: 10px 0px 10px 0px;
border-bottom: 1px solid #cecece;
}
#min_line
{
clear: both;
width: 100%;
height: 1px;
margin: 10px 0px 30px 0px;
border-bottom: 1px solid #cecece;
}
#gb_line
{
clear: both;
width: 100%;
height: 1px;
margin: 3px 0px 3px 0px;
border-bottom: 1px solid #cecece;
}
#pr_line
{
clear: both;
width: 100%;
height: 1px;
margin: 20px 0px 20px 0px;
border-bottom: 1px solid #cecece;
}
#guestbook_line
{
width: 966px;
margin: 0px auto;
}
#search_line
{
clear: both;
width: 100%;
height: 1px;
margin: 20px 0px 20px 0px;
border-bottom: 1px dotted #888888;
}

.cloudtags
{
color: #444444;
font-size: 11px;
text-decoration: none;
text-align: justify;
width: 100%;
padding: 5px;
}
.cloudtags a
{
color: #808080;
text-decoration: none;
}

.tag1
{
font-size: 24px;
}
.tag2
{
font-size: 16px;
}
.tag3
{
font-size: 13px;
}
.tag4
{
font-size: 19px;
}
.tag5
{
font-size: 9px;
}

#memberchoice
{
float: left;
background: none;
width: 100%;
padding: 0px 5px 15px 5px;
margin: -25px 0px 0px -45px;
}
#letters li
{
float: left;
list-style-type: none;
width: 3em;
height: 2em;
padding: 0px;
margin: 0.65em 0.3em;
}
#letters a:link,
#letters a:visited
{
display: block;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
background: -webkit-linear-gradient(top, #ffffff, #efefef);
background: -moz-linear-gradient(top, #ffffff, #efefef);
background: -ms-linear-gradient(top, #ffffff, #efefef);
background: -o-linear-gradient(top, #ffffff, #efefef);
background: linear-gradient(top, #ffffff, #efefef);
border: 1px solid #cccccc;
color: #808080;
text-align: center;
text-decoration: none;
height: 2em;
width: 3em;
padding: 0.75em 0px 0px 0px;
}
#letters a:hover
{
background: #6acdf0;
color: #ffffff;
text-decoration: underline;
}

#chat_wrapper
{
background: #ededed;
width: 100%;
padding-bottom: 25px;
margin: 13px auto;
border: 1px solid #cecece;
border-radius: .3em;
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
-khtml-border-radius: .3em;
-ms-border-radius: .3em;
-o-border-radius: .3em;
transition: all .3s ease-out;
}
#chatbox
{
overflow: auto;
background: #ffffff;
text-align: left;
width: 92%;
height: 270px;
padding: 10px;
margin: 0px auto;
margin-bottom: 25px;
border: 1px solid #5db7d7;
}
#usermsg
{
outline: none;
background: #ffffff;
font-size: 14px;
color: #808080;
width: 400px;
padding: 3px;
margin-left: 19px;
border: 1px solid #cecece;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
#menu_chat
{
padding: 12.5px 25px 12.5px 25px;
}
.welcome
{
float: left;
background: #dcdcdc;
overflow: hidden;
color: #444444;
font-weight: normal;
text-decoration: none;
padding: 5px;
margin-left: 19px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.logout
{
float: right;
margin-right: 20px;
}
.msgln
{
margin: 0px 0px 2px 0px;
}

.noscript
{
position: absolute;
z-index: 5;
color: #ff544a;
font-weight: normal;
text-decoration: none;
text-align: center;
width: 100%;
padding: 5px 0px 5px 0px;
margin: auto;
}

ul
{
list-style-type: none;
}
ol
{
list-style: none;
width: 500px;
margin: 0px auto;
margin-top: 20px;
}

label
{
display: block;
float: left;
width: 160px;
margin: 5px 10px 0px 0px;
text-align: right;
}

header, footer
{
display: block;
}

@media print
{
#menu_wrapper
{
display: none;
}
.footer_content
{
display: none;
}
}