/*
Theme Name: f12
Theme URI: http://frontember.hu/
Description: noting *yet*
Author: Gabor Gyorvari
Version: 1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

body { background: #f9f9f9 url(gfx/body_bg.jpg) repeat-x 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
#wrapper { width: 1000px; margin: 0 auto; position: relative; }
#header { height: 137px; position: relative; }
#menu { position: absolute; top: 92px; height: 45px; }
#menu li { display: block; margin: 0; padding: 0; float: left; }
#menu li a { line-height: 23px; color: #222222; display: block; font-family: 'Istok Web',sans-serif; font-size: 16px; height: 23px; padding: 11px 20px; text-decoration: none; text-shadow: 1px 1px white; }
#menu li.current_page_item a,
#menu li a:hover { color: #111; background-color: #fff; }
#header .phone { position: absolute; right: 0; top: 30px; background: transparent url(gfx/telephone.png) no-repeat 0 0; color: #444444; line-height: 1.3; font-size: 15px; font-weight: bold; height: 28px; padding: 8px 0 0 45px; text-shadow: 1px 1px #FFFFFF; width: 123px; }
#container { background-color: #fff; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; min-height: 400px; margin: 30px 0 0 0; padding: 30px; overflow: auto; }
#footer { background: transparent url(gfx/footer_bg.jpg) repeat-x 0 0; height: 80px; }
#footer .wrapper { width: 1000px; margin: 0 auto; overflow: hidden; }
#footer a { color: #ccc; }
#footer p { color: #ccc; margin: 35px 0 0 0; line-height: 20px; display: block; float: left; text-shadow: 1px 1px #111111; }

h1 { background: transparent url(gfx/h1_bg.jpg) repeat-x 0 0; border-radius:10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; color: white; display: block; font-family: 'Istok Web',sans-serif; font-size: 36px; font-weight: normal; line-height: 28px; margin-bottom: 15px; text-shadow: 1px 1px #234C06; }
h1 span { background: transparent url(gfx/h1_shadow.jpg) no-repeat 0 bottom; display: block; height: 32px; padding: 30px 30px 47px; }
h2 { color: #222222; font-family: 'Istok Web',sans-serif; font-size: 24px; font-weight: bold; line-height: 1.3; }
h2 a { text-decoration: none; }
h2 a:hover { color: #444444; }
h4 { color: #418311; font-family: 'Istok Web',sans-serif; font-size: 16px; font-weight: bold; line-height: 1.3; }
h4.padtop { padding-top: 30px; }
a { color: #444444; }
a:hover { color: #222222; }

.shadowl { background: transparent url(gfx/content_left.png) no-repeat 0 0; height: 400px; position: absolute; left: -5px; top: 167px; width: 5px; }
.shadowr { background: transparent url(gfx/content_right.png) no-repeat 0 0; height: 400px; position: absolute; right: -5px; top: 167px; width: 5px; }
.col-left { float: left; padding-right: 30px; width: 606px; }
#sidebar { float: left; width: 304px; background: transparent url(gfx/sidebar_bg.jpg) repeat-y 0 0; }
#sidebar .top { background: transparent url(gfx/sidebar_top_bg.png) repeat-x 0 top; }
#sidebar .bottom { background: transparent url(gfx/sidebar_bottom_bg.png) repeat-x 0 bottom;  padding: 0 30px 10px 30px; }
#sidebar ul { line-height: 22px; list-style: disc; padding-left: 15px; padding-top: 10px; }

#content .page .entry-meta,
#content .post .entry-meta { color: #666666; font-size: 11px; border-bottom: 1px solid #EDEDED; margin-bottom: 15px; padding-bottom: 15px; }
#content .page .entry-meta a,
#content .post .entry-meta a { color: #666666; }
#content .page .entry-content p,
#content .post .entry-content p { margin: 0; padding: 5px 0 15px; line-height: 20px; }
#content .page,
#content .post { background: transparent url(gfx/post_footer_bg.jpg) repeat-x 0 bottom; margin-bottom: 30px; padding-bottom: 30px; }

.more-link {background: transparent url(gfx/read-on.jpg) no-repeat 0 0; color: #333333; display: inline-block; height: 24px; padding: 5px 0 0 12px; text-decoration: none; text-shadow: 1px 1px #F1F1F1; width: 83px;}
img.alignleft { background-color: #fff; border: 1px solid #EDEDED; float: left; margin: 15px 15px 15px 0; padding: 5px; }
img.alignright { background-color: #fff; border: 1px solid #EDEDED; float: right; margin: 15px 0 15px 15px; padding: 5px; }

.used .entry-content table { width: 80%; margin: 0 auto; }
.used .entry-content .even { background-color: #fff; }
.used .entry-content .odd { background-color: #eee; }
.used .entry-content .even.hover,
.used .entry-content .odd.hover { background-color: #ccc; }
.used .entry-content th { border-bottom: 1px solid #ccc; }
.used .entry-content th,
.used .entry-content td { padding: 5px; }
.used .entry-content h3 { text-align: center; color: #000; font-weight: bold; margin: 0 0 10px 0; }
#overDiv { background-color: #fff; border: 1px solid #ccc; }