/*
Theme Name: IonMoraru.com CSS style
Theme URI: http://ionmoraru.com/
Description: Special Theme for Ion Moraru
Version: 0.0.9
Author: Beltskij Andy
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:14pt Tahoma,Verdana,Arial,Sans-serif; color:#A05858; margin:15px 30px 15px}
h2 {font:8pt Tahoma,Verdana,Arial,Sans-serif; color:#A05858; margin:0px; font-weight:bold}
h3 {font:10pt Tahoma,Verdana,Arial,Sans-serif; color:#A05858; margin:0px 30px; font-weight:bold}
a { color:#A05858; text-decoration:none}
a:hover {color:#A05858; text-decoration:underline}
p {margin:10px 35px 15px}
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:821px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; text-align:left}

/* ID: Header _____________________________________*/
#header { width:821px}
#header h1 {font:14pt Tahoma,Verdana,Arial,Sans-serif; color:#A05858; margin:0px}
#header-bg {width:821px; height:211px;background: url("i/top-bg.gif") no-repeat bottom}
#header-in { width:795px; height:163px; background:#EBEBEB; border:2px solid #B2B3B3; margin:0px auto}
#header-nav { height:32px}
#header-nav div{ width:165px; position:relative; top:5px; left:618px; padding:0px;  color:#D1D1D1}
#logo-text h1{ color:RED}
#header-nav a, #footer-bg a, #copyright a{ color:#D1D1D1; text-decoration:none}
#header-nav a:hover, #footer-bg a:hover, #copyright a:hover{color:#FFF; text-decoration:underline}
#logo-text {width:165px; position:relative; top:5px; left:618px; padding:0px;  color:#D1D1D1}
#logo {width:194px; height:163px; float:left;background:url("i/logo.jpg") no-repeat; float:left}
#book-illiustration {background: url("i/book-illiustration.jpg") no-repeat}
#graphic {background: url("i/graphic.jpg") no-repeat}
#oil-on-canvas { background: url("i/oil-on-canvas.jpg") no-repeat}
#water-color { background: url("i/water-color.jpg") no-repeat}
#water-color, #oil-on-canvas, #graphic ,#book-illiustration {width:145px; height:135px}  

/* ID: Body _____________________________________*/
#body {margin:8px 0px 20px; background:#EBEBEB}
#content { width:613px;background: url("i/top-content0.gif") no-repeat top right #FFF; float:right;min-height:500px;overflow:hidden; height:expression(this.scrollHeight < 500? "500px" : "auto" );}
#content li {list-style-type:none; line-height:18px}
#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;background:#EBEBEB; line-height:16px; padding:20px;border:1px solid #CDCDCD}
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:#B8B8B8}
.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}

.hr {height:3px;	clear: left;	background: transparent url(hr.gif) no-repeat center center}
.hr hr {display: none}


/* ID:Left Column ______________________________*/
#left-column { width:207px; background: url("i/top-leftcolumn0.gif") no-repeat top ; float:left; }
#left-column h2 {font:10pt Tahoma,Verdana,Arial,Sans-serif; color:#505050; margin:10px 20px 15px; text-transform:uppercase; font-weight:bold; padding:0px}
#menu {padding-right: 15px; padding-left: 20px; float: left; padding-bottom: 20px; padding-top: 20px; text-transform:uppercase; font-weight:bold}
#menu li {margin: 0px; list-style-type: none; background:url("i/dot.gif") repeat-x bottom  }
#menu ul li.current_page_item a{background:url("i/dot.gif") repeat-x bottom #646464; color:#D1D1D1 }
#menu ul {padding: 0px; margin: 0px; line-height: 20px}
#menu a {display: block; padding-left: 10px;  width: 160px; color: #A05858; text-decoration:none}
#menu a:hover {	background: #626262; color: #D1D1D1}
#search {padding-right: 15px; padding-left: 20px; float: left; padding-bottom: 20px}



.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}

/* ID: Footer _____________________________________*/
#footer-bg {width:821px; height:54px;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:205px;float:right;color:#D1D1D1;margin-top:35px}

.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 {
#header-in a {cursor: hand;}
}