@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

body {
	background: #ffffff url(../images/bgr.gif) repeat;
    color: #757575;
	font-size: 20px;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
}

#pgbrd {
    display: none;
}

#pgbrd li {
    background-color: #000000;
    position: absolute;
    z-index: 10;
}

#pgbrd-top {
    height: 10px;
    left: 0;
    right: 0;
    top: 0;
}

#pgbrd-right {
    bottom: 0;
    right: 0;
    top: 0;
    width: 10px;
}

#pgbrd-bottom {
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
}

#pgbrd-left {
    bottom: 0;
    left: 0;
    top: 0;
    width: 10px;
}

#wrapper {
    margin: 0 auto;
    width: 900px;
}

#langbar {
    width: 100%;
    height: 20px;
}

#langbar #chooser {
    width: 100px;
    height: 20px;
    float: right;
    margin-right: 10px;
}

#langbar #chooser span {
    float: left;
    font-size: 10px;
    line-height: 20px;
}

#langbar #chooser ul.lang {
    float: right;
    list-style: none;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

#langbar #chooser ul.lang li {
    float: left;
    line-height: 20px;
}

#langbar #chooser ul.lang li a {
    display: block;
    width: 16px;
    height: 11px;
    margin: 4px 2px;
}

#langbar #chooser ul.lang li a.sk_lang {
    background: url(../images/sk.png);
}

#langbar #chooser ul.lang li a.en_lang {
    background: url(../images/gb.png);
}

#main {
    
}

#footer {
    text-align: right;
}

#main #title {
    background-image: url(../images/content-title-bgr.gif);
}

#main #content {
    background-color: #cecece;
    padding: 10px 0px 10px 0px;
    width: 100%;
}

#main #footer {
    background-image: url(../images/content-footer-bgr.gif);
    height: 8px;
    width: 100%;
}

#toolbar {
    height: 40px;
    margin: 0px auto;
    width: 880px;
}

#toolbar #paginator {
    float: left;
    height: 40px;
    line-height: 40px;
    width: 689px;
}

#toolbar #settings {
    float: right;
    height: 40px;
    line-height: 40px;
    width: 110px;
}

/* TYPOGRAPHY */

a {
    color: #e39704;
}

a:hover {
    color: #009caf;
}

.logo-anchor {
    color: #000000;
}

.logo-header {
    font-size: 30px;
    padding-top: 10px;
}

.logo-subheader {
    font-size: 10px;
    padding-bottom: 30px;
}

.footer-text {
    font-size: 14px;
    padding-right: 8px;
}

a.menu-anchor {
    background-image: url(../images/menu-anchor-bgr.gif);
    color: #ffffff;
    display: block;
    height: 50px;
    width: 100%;
}

a.menu-anchor:hover {
    color: #e39704;
}

.menu-header {
    font-size: 24px;
    padding-left: 5px;
}

.menu-subheader {
    font-size: 10px;
    padding-left: 5px;
}

#content h1 {
    color: #626262;
    font-size: 18px;
    padding: 15px 0px 10px 10px;
}

#content a.tech {
    border-bottom: 1px dotted #626262;
}

#content p {
    color: #7e7d7d;
    font-size: 14px;
    padding-left: 10px;
    text-indent: 25px;
}

#content ul.offering {
    list-style: none;
    margin-left: 10px;
    padding-left: 25px;
}

#content li {
    color: #7e7d7d;
    font-size: 14px;
}

#content ul.findme {
    list-style: none;
    margin-left: 30px;
}

#content li a.delicious {
    display: block;
    background-image: url('../images/delicious.png');
    background-position: left center;
    background-repeat: no-repeat;
    height: 40px;
}

#content li a.facebook {
    display: block;
    background-image: url('../images/facebook.png');
    background-position: left center;
    background-repeat: no-repeat;
    height: 40px;
}

#content li a.lastfm {
    display: block;
    background-image: url('../images/lastfm.png');
    background-position: left center;
    background-repeat: no-repeat;
    height: 40px;
}

#content li a.twitter {
    display: block;
    background-image: url('../images/twitter.png');
    background-position: left center;
    background-repeat: no-repeat;
    height: 40px;
}

#content li a.linkedin {
    display: block;
    background-image: url('../images/linkedin.png');
    background-position: left center;
    background-repeat: no-repeat;
    height: 40px;
}

#content li a.picasa {
    display: block;
    background-image: url('../images/picasa.png');
    background-position: left center;
    background-repeat: no-repeat;
    height: 40px;
}

#content li a.youtube {
    display: block;
    background-image: url('../images/youtube.png');
    background-position: left center;
    background-repeat: no-repeat;
    height: 40px;
}

#content li a h1 {
    color: #7e7d7d;
    font-size: 18px;
    margin: 0;
    padding: 2px 0 0 40px;
}

#content li a h3 {
    color: #a7a7a7;
    font-size: 10px;
    margin: 0;
    padding: 0 0 0 40px;
}

#content li a:hover h1 {
    color: #009caf;
}

#content li a:hover h3 {
    color: #57bbc7;
}

#content label {
    color: #7e7d7d;
    font-size: 14px;
}

#content input[type=text] {
    background-color: #e3e2e2;
    border: 1px solid #7e7d7d;
    color: #7e7d7d;
    padding: 3px 3px 3px 3px;
    width: 209px;
}

#content input[type=text]:focus {
    border-color: #e39704;
}

#content input[type=submit] {
    background-color: #e3e2e2;
    border: 1px solid #7e7d7d;
    color: #626262;
    float: right;
    margin: 2px 8px 2px 0px;
    padding: 3px 3px 3px 3px;
}

#content input[type=submit]:hover {
    border-color: #e39704;
}

#content textarea {
    background-color: #e3e2e2;
    border: 1px solid #7e7d7d;
    color: #7e7d7d;
    width: 480px;
}

#content textarea:focus {
    border-color: #e39704;
}

.footer-warning {
    color: #d00000;
}

.footer-text a {
    border-bottom: 1px dashed #000000;
    color: #000000;
}

.footer-text a:hover {
    color: #e39704;
}

#ajax-spinner {
    background-image: url('../images/spinner.gif');
    height: 40px;
    margin: 0 auto;
    width: 40px;
}

/* preview */

#preview {
    background: #000000;
    margin: 5px auto;
    padding: 10px;
    width: 700px;
}

#clearer {
    clear: both;
    height: 0;
    width: 0;
}

#image {
    float: left;
    width: 350px;
}

#informations {
    float: right;
    width: 349px;
}

#informations .left {
    float: left;
    margin-left: 2px;
    padding-top: 20px;
}

#informations .right {
    float: right;
    padding-top: 20px;
}

#informations .clear {
    clear: both;
    padding-top: 20px;
}

#image a img {
    border: 0;
}

#informations a {
    display: block;
    width: 349px;
}

#informations a:hover {
    background-color: #111111;
}

#informations h1 {
    font-size: 24px;
    padding: 0;
}

#informations h3 {
    color: #7e7d7d;
    font-size: 12px;
}

#informations li {
    font-size: 12px;
    list-style-image: url('../images/script_edit.png');
    list-style-position: inside;
}

#flashes {
    float: left;
    width: 250px;
}

#flashes .success {
    background-color: #E6EFC2;
    border: 2px solid #81ba30;
    padding: 2px;
    margin-top: 2px;
    text-align: center;
}

#flashes .success li {
    color: #1a3401;
    list-style-image: url('../images/success.png');
    list-style-position: outside;
    font-size: 12px;
}

#formerror .error {
    background-color: #FBE3E4;
    border: 2px solid #e17722;
    padding: 2px;
    margin-top: 2px;
    text-align: center;
}

#formerror .error li {
    color: #941310;
    list-style-image: url('../images/error.png');
    list-style-position: outside;
    font-size: 12px;
}