/*
Theme Name: Pearl Hungary Kft.
Theme URI: http://www.pearlhungary.hu
Description: A Pearl Hungary Kft. weboldal designja.
Version: 1.0
Author: Szalai Gergő
Author URI: http://www.codeedesign.hu
Tags: letisztult, egyszerű
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


body
{
		background: #ffffff;
		font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-style:normal; line-height:18px; color:#084271;
}

a:link, a:active, a:visited
{
		color:#00a0dc;
		text-decoration:none;
}

a:hover
{
		text-decoration:underline;
}

img.widget-image-right
{
		float:right;
		margin:0 0 5px 10px;
}

#header_wrapper
{
		width:100%; height:150px;
		background: url(style/images/bg_header.jpg) no-repeat top center;
}

blockquote
{
		font-style:italic;
		margin:20px 0 20px 40px;
		background:#f8f8f8;
		border:1px solid #e8e8e8;
		padding:10px;
}

.post blockquote p
{
		margin:0;
}


#header
{
		width:960px;
		margin:0 auto;
}

#header h1
{
		padding:20px 0 0 0;
		width:250px;
}

a.header_logo
{
		display:block;
		width:239px; height:103px;
		text-indent:-9999px;
		background: url(style/images/header_logo.png) no-repeat;
}

p.description
{
		font-size:18px; color:#99cc33; font-style:italic; text-indent:-9999px;
		margin-top:15px;
		width:250px;
}

#header_meta
{
		float:right;
		width:262px;
		margin:10px 0 0 0;
}

form#searchform label
{
		color:#ffffff; text-transform:uppercase;
}

form#searchform input
{
		color:#57b7df; font-style:italic; font-size:11px;
		width:162px; height:16px;
		padding:2px 2px 2px 4px;
		border:none;

}

form input#searchsubmit
{
		width:12px; height:12px;
		top:3px;
		position:relative;
}

#menu_wrapper
{
		width:100%; height:50px;
		background: url(style/images/bg_menu.jpg) repeat-x top left;
}

#nav
{
		width:960px; height:40px;
		margin:0 auto; padding:10px 0 0 0;
}

ul.menu
{
		height:40px;
		margin:0;
}

ul.menu li
{
		
}

ul.menu li a
{
		float:left;
		color:#57b7df; font-size:14px;
		margin:0 23px 0 0; padding:5px 10px;
}

ul.menu li a:hover
{
		color:#ffffff; text-decoration:none; text-shadow:0 0 2px #999999;
		background:#57b7df;
		border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
		behavior: url(/PIE.htc);
		background-image: -moz-linear-gradient(100% 100% 90deg, #50a7cc, #57b7df);
	 	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#50a7cc), to(#57b7df));
}

#container_wrapper
{
		width:100%; min-height:300px;
		background: url(style/images/bg_container.jpg) repeat-x top left;
}

#container
{
		width:960px;
		margin:0 auto;
		padding:40px 0 20px 0;
}

#container h2
{
		font-size:24px; line-height:normal; font-weight:normal; color:#00a0dc;
		border-bottom: 2px solid #00a0dc;
		margin:0 0 20px 0; padding:0 0 5px 0;
}

div#about_us
{
		margin:0 0 40px 0;
}

div#about_us h3
{
		font-size:28px; line-height:normal; font-weight:normal;
		margin:0 0 15px 0;
}

div#about_us h3 a
{
		color:#57b7df; text-decoration:none;
}

div#about_us h3 a:hover
{
		color:#57b7df; text-decoration:none;
}

.attachment-post-thumbnail
{
		margin:0 0 15px 0;
}

div#about_us p
{
		margin:0 0 10px 0; 
}

a.more_link, a.more_link:active, a.more_link:visited
{
		margin:0 0 15px 0; padding:3px 15px 3px 3px;
		background:#26abf4 url(style/images/arrow.png) no-repeat 106px 7px;
		border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
		color:#ffffff; text-shadow: 0 0 2px #999999;
		float:right;
}

a.more_link:hover
{
		text-decoration:none;
		background:#69b6e9 url(style/images/arrow.png) no-repeat 106px 7px;
}

#services_border
{
		background: #ffffff;
		border: 2px solid #f3f3f3;
		padding:5px; margin:0 0 40px 0;
}

#services
{
		background: #f3f3f3;
		padding:15px; margin:0;
}

#services h3
{
		font-size:16px; line-height:normal; text-transform:uppercase;
		margin:0 0 15px 0;
		color:#57b7df;
}

div#services h3 a
{
		color:#57b7df; text-decoration:none;
}

div#services h3 a:hover
{
		color:#57b7df; text-decoration:none;
}

#services p
{
		margin:0 0 15px 0;
		font-size:12px;
}


#ref_left
{
		width:270px;
		float:left;
		margin:0 0 0 20px;
}

#ref_center
{
		width:270px;
		float:left;
		margin:0 0 0 20px; padding:0 0 0 20px;
		border-left:1px solid #cccccc;
}

#ref_right
{
		width:270px;
		float:right;
		margin:0 0 0 20px; padding:0 0 0 20px;
		border-left:1px solid #cccccc;
}

#drportal_widget
{
		background: #ffffff;
		border: 2px solid #00a0dc;
		padding:5px; margin:0 0 40px 0;
		font-size:12px;
}

#text-3
{
		background: #00a0dc;
		padding:20px; margin:0;
		color:#ffffff;
}

div#text-3 h3
{
		font-size:18px; line-height:normal; text-transform:uppercase;
		margin:0 0 15px 0;
		color:#bee8ff;
}

div#text-3 a
{
		color:#bee8ff;
}

div#text-3 a:hover
{
		color:#ffffff;
}


div.widget h3
{
		font-size:18px; line-height:normal; text-transform:uppercase;
		margin:0 0 15px 0;
		color:#57b7df;
}

div.widget h3 a
{
		color:#57b7df; text-decoration:none;
}

div.widget h3 a:hover
{
		color:#57b7df; text-decoration:none;
}

.widget p
{
		margin:0 0 15px 0;
}

.widget ul
{
		padding:0 0 0 20px;
		margin:15px 0;
}

.widget ul li
{
		margin:0 0 5px 0;
		list-style-image:url(style/images/li.png);
}

.post h2
{
		font-size:24px; line-height:normal; font-weight:normal; color:#00a0dc;
		border-bottom: 2px solid #00a0dc;
		margin:0 0 20px 0; padding:0 0 5px 0;
}

.post h3
{
		font-size:18px; line-height:normal; font-weight:normal; color:#00a0dc;
		margin:30px 0 15px 0; padding:0 0 5px 0;
		border-bottom: 1px solid #00a0dc;
}

.post h4
{
		font-size:16px; line-height:normal; font-weight:normal; color:#00a0dc; font-style:italic;
		margin:30px 0 15px 0;
}

.post p
{
		margin:0 0 15px 0;
}

.post ul
{
		padding:0 0 0 40px;
		margin:15px 0;
}

.post ul li
{
		margin:0 0 5px 0;
		list-style-image:url(style/images/li.png);
}

.post ol
{
		padding:0 0 0 40px;
		margin:15px 0;
}

.post ol li
{
		margin:0 0 5px 0;
		list-style-type:decimal;
}

.postmetadata
{
		border:1px solid #e8e8e8;
		background:#f8f8f8;
		padding:10px; margin:40px 0 0 0;
		clear:both;
}

#comments
{
		margin:40px 0;
}

#comments h3
{
		font-size:24px; line-height:normal;
		border-bottom: 2px solid #666666;
		margin:0 0 40px 0; padding:0 0 10px 0;
}

#comments ol
{
		
}

#comments ol li
{
		margin:0 0 20px 0; padding:0 0 20px 0;
		border-bottom:1px solid #e8e8e8;
}

#comments ol li:last-child
{
		border-bottom:none;
}

.commentmetadata
{
		width:125px;
		float:left;
		margin:0 10px 0 0; padding:0 10px 0 0;
		border-right:1px solid #666666;
		text-align:right;
}

.avatar
{
		margin:0 0 10px 0;
}

.comment_text
{
		float:right;
		width:810px;
}

#respond
{
		margin:40px 0 0 0;
}

#respond h3
{
		font-size:18px; line-height:normal;
		border-bottom: 2px solid #666666;
		margin:0 0 20px 0; padding:0 0 10px 0;
}

#respond p
{
		margin:0 0 5px 0;
}

#user_data
{
		float:left;
		width:360px;
}

.login_info
{
		float:left;
}

#respond p.subscribe-to-comments
{
		float:left;
		margin:5px 0 0 0;
		font-size:12px;
}

input#author
{
		width:334px; height:19px;
		padding:3px;
		font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; line-height:normal; font-style:italic; color:#666666;
}

input#email
{
		width:334px; height:19px;
		padding:3px;
		font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; line-height:normal; font-style:italic; color:#666666;
}

input#url
{
		width:334px; height:19px;
		padding:3px;
		font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; line-height:normal; font-style:italic; color:#666666;
}

#comment_text
{
		float:right;
		width:600px;
}

#comment
{
		width:590px; height:121px;
		padding:3px;
		margin:0 0 20px 0;
		font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; line-height:normal; font-style:italic; color:#666666;
}

form#commentform label
{
		color:#999999;
}

input#submit
{
		display:block;
		background:#99cc33 url(style/images/more_link_pointer.png) no-repeat 5px 7px;
		border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border:none;
		color:#ffffff; text-shadow: 0 0 2px #999999;
		padding:5px 5px 5px 35px;
}

input#submit:hover
{
		text-decoration:none; cursor:pointer;
		background:#69b6e9 url(style/images/more_link_pointer.png) no-repeat 5px 7px;
}

#footer_wrapper
{
		width:100%; height:400px;
		background: url(style/images/bg_footer.jpg) no-repeat top center;
}

#footer
{
		width:960px;
		margin:0 auto;
}

#footer_menu
{
		height:50px;
}

#footer_info
{
		margin:40px 0 0 0;
}

.footer_info
{
		text-align:center;
		padding:15px 0 0 0;
		color:#000000;
		font-size:12px;
}

a.footer_logo
{
		display:block;
		width:139px; height:52px;
		text-indent:-9999px;
		background: url(style/images/footer_logo.png) no-repeat;
		float:left;
}

a.h2o_logo
{
		display:block;
		width:98px; height:46px;
		text-indent:-9999px;
		background: url(style/images/h2o_logo.png) no-repeat;
		float:right;
		margin:10px 0 0;
}

#gallery-1 a img
{
		border:4px solid #e8e8e8;
}

#gallery-1 a:hover img
{
		border:4px solid #26abf4;
}

#gallery-1 .gallery-item
{
		margin-top:20px;
}

/* Gomb */
a.hotbut {
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    height: 41px;
    padding-right: 10px;
	margin:0 0 5px 0;
    color: #053c6b;
    background: #00A0DC;
    text-decoration: none;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;

}
a.hotbut:hover {
    color: #00A0DC;
    background: #053c6b;
    text-decoration: none;
    padding-right: 10px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
}

a.hotbut span {
    display: block;
    line-height: 14px;
    padding: 13px 0px 14px 10px;

}
a.hotbut:hover span {
    color: #fff;
    padding: 13px 0px 14px 10px;
}