/*  
Theme Name: Gloriart
Theme URI: hhttp://gloriart.org/
Description: Gloriart theme
Version: 1.01
Author: pix
Author URI: http://2px.net/
*/


html, body { margin:0px; padding:0px; font:8pt Tahoma,Verdana,Arial,Sans-serif; color:#505050; height:100%; width:100%}
div {padding:0px; margin:0px}
h1 {font:19pt Tahoma,Verdana,Arial,Sans-serif; color:#154D90; margin:25px 10px 25px;font-weight:bold}
h2 {font:16pt Tahoma,Verdana,Arial,Sans-serif; color:#505050; margin:30px 50px 10px;; font-weight:bold}
h3 {font:10pt Tahoma,Verdana,Arial,Sans-serif; color:#154D90; margin:0px 30px; font-weight:bold}
a { color:#154D90; text-decoration:none}
a:hover {color:#154D90; text-decoration:underline}
p {margin:10px 35px 15px;font:11pt Geneva,Verdana,Arial,Sans-serif; line-height:20px }
form { margin:0px; padding:0px}
input.input,input.submit, textarea {padding:2px ; margin:0px auto;font:8pt Tahoma,Verdana,Arial,Sans-serif; color:#505050}
td{ vertical-align:top}

#container { width:770px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; text-align:left}

/* ID: Header _____________________________________*/
#header { width:770px; height:100px;margin:8px 0px 10px}
#logo {width:190px; height:100px; float:left;background:url("i/logo.gif") no-repeat center; float:left}
#header-splash {background:#EBEBEB;width:570px; height:100px;background:url("i/header-splash.jpg") no-repeat center; float:right}
/* ID: Navigation_________________________________*/
#navigation-bg {width:770px; height:34px;background: url("i/nav-bar-bg.gif") no-repeat}
#navigation{ width:580px;padding:0px;  color:#D1D1D1; float:left; margin-left:10px; margin-top:10px}
#navigation a, #footer-bg a, #copyright a{ color:#FFF; text-decoration:none}
#navigation a:hover, #footer-bg a:hover, #copyright a:hover{color:#FFF; text-decoration:underline}
.ico-home {background:url('i/ico-home.gif') no-repeat top left; padding-left:20px}
/* ID: Body _____________________________________*/
#content { width:560px;float:right;min-height:500px;overflow:hidden; height:expression(this.scrollHeight < 500? "500px" : "auto" );}
#content ul { margin-left:60px}
#content li {list-style-image:url("i/li.gif"); line-height:20px; font-size:11pt}
#gallery {margin:0 auto; text-align:center}
#gallery img{border:2px solid #959595; display:block; padding:3px}
#gallery td{ vertical-align:middle; text-align:center}
#contact,#contact-error,#contact-successfull { margin:10px auto 15px; width:430px; line-height:16px; padding:20px;border:1px solid #8AA6C7}
#contact-error h3 { background:url('i/alert.png') no-repeat top left; margin:0; padding:0 20px}
UL#sitemap UL {margin-left:-25px}
.input-error {padding:2px ; margin:0px auto;font:8pt Tahoma,Verdana,Arial,Sans-serif; color:#505050;border:1px solid #F00;}
.date {color:#000000}
.keyword {background: #626262; color: #D1D1D1; padding:2px}
.mainp {background: #626262; color: #D1D1D1; padding:3px; font:10pt Tahoma,Verdana,Arial,Sans-serif; font-weight:bold; border:1px solid #EBEBEB}
.motto {float:right; width:270px; margin-right:0px; margin-top:-220px}
.motto p {font-style:italic}
.font-11pt {font-size:11pt}
.hr {height:3px;	clear: left;	background: transparent url(hr.gif) no-repeat center center}
.hr hr {display: none}
.main-promo {background:url("i/main-bg.gif") no-repeat; padding:8px; margin:0px; width:520px; height:102px; font:bold 16pt Verdana,Arial,Sans-serif;}
.main-bg {background:url("i/main-body-bg.jpg") no-repeat top right; padding:8px; margin:0px;}

.p1 {font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;}
.p2 {font-family: Arial, Helvetica, sans-serif;}
.p3 {font-family:Georgia, "Times New Roman", Times, serif;}
.p4 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.p5 {font-family: Geneva, Arial, Helvetica, sans-serif;}

.ct {float:right; width:300px}

.preview td,#photogallery td{border:1px solid #8AA6C7; padding:3px; margin:3px; height:auto; width:auto; vertical-align:middle; text-align:center}
#photogallery th {padding:3px; margin:3px; text-align:center}

/* ID:Left Column ______________________________*/
#left-column { width:190px;float:left;  }
#left-column h2 {font:11pt Tahoma,Verdana,Arial,Sans-serif; color:#505050; margin:10px 20px 10px ; text-transform:uppercase; font-weight:bold; padding:0px}
.side-div {background:  url("i/forms-border.gif") #fff repeat-y; float: left;  margin: 0px; width: 190px;margin:5px 0px 5px}
.side-div-bottom {background:url("i/forms-bottom.gif") no-repeat  bottom; float: left;width: 190px;  height: 5px; margin:10px 0px 0px}
.side-div-top {background:url("i/forms-top.gif") no-repeat top; float: left;width: 190px; height: 5px;}

#search {padding-right: 15px; padding-left: 20px; float: left; padding-bottom: 20px}

/* ID:Menu _____________________________________*/
#menu {font:10pt Tahoma,Verdana,Arial,Sans-serif; padding: 20px 15px 20px 15px;float: left;text-transform:uppercase; font-weight:bold; background:url("i/menu-bottom.gif") no-repeat bottom #154D90}
#menu ul li.page_item {margin:0px 0px 2px; list-style-type: none; background:url("i/menu-spacer.gif") no-repeat bottom center }
#menu ul a#current {background:url("i/menu-bg-hover.gif") no-repeat; color:#154D90;}
#menu ul {padding: 0px; margin: 0px; line-height: 28px}
#menu a {display: block; padding-left: 10px;  width: 160px; color: #FFF; text-decoration:none; margin-right:-10px}
#menu ul li.page_item a:hover  {	background:url("i/menu-bg-hover.gif") no-repeat; color:#154D90}
#menu ul li.current_page_item a{	background:url("i/menu-bg-hover.gif") no-repeat; color:#154D90}



.hr-mini {height:3px;	clear: left;	background: transparent url(hr-mini.gif) no-repeat center center}
.hr-mini hr {display: none}
.side-links li {margin: 0px; list-style-image:url("i/li.gif"); height:18px;margin:0px 0px 0px; padding:0px}
.side-links ul {margin:0px 35px 0px; padding:0px}


/* ID: Footer _____________________________________*/
#footer-bg {width:770px; height:34px;background: url("i/footer-bg.gif") no-repeat}
#footer-nav{ width:580px;padding:0px;  color:#D1D1D1; float:left; margin-left:10px; margin-top:10px}
#copyright {width:120px;float:right;color:#D1D1D1;margin-top:10px}




.thumb-nav { float:left; height:158px; width:145px; padding-left:1px; margin-top:4px}
.thumb-nav-link {width:145px; margin-top:5px;text-align:center; text-transform:uppercase; font-weight:bold}
.rasporka {float:left; width:12px; height:162px; background:url("i/0.gif") repeat-y}
.clear {clear: both; font-size: 1px; float: none; color: #fff}

/*IE Hacks yeah, yeah... for the best browser on the Earth */
@media screen {
#logo {cursor: hand;}
}
