/*   
Theme Name: Udi Online
Theme URI: http://udionline.hu
Description: Udi's theme
Author: Gábor Udvari
Author URI: http://udionline.hu
Template: 
Version: 0.4
.
General comments/License Statement if any.
.
*/
/* ==== Eric Meyer's CSS reset ====
   - URL: http://meyerweb.com/eric/tools/css/reset/
   - License: Public Domain
   - v1.0 | 20080212 
*/

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}/* ==== Ultimate 3-column blog layout ===============
  - URL: http://matthewjamestaylor.com/blog/ultimate-3-column-blog-style-pixels.htm
  - License: public domain
*/

body {
	margin: 0;
	padding: 0;
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:640px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
}
/* ==== Ultimate 3-column blog layout ===============
  - URL: http://matthewjamestaylor.com/blog/ultimate-3-column-blog-style-pixels.htm
  - License: public domain
*/

body {
	margin: 0;
	padding: 0;
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:640px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
}

#header {
	clear: both;
	float: left;
}

/** navbar **/
#navbar {
	position: absolute;
	top: 20px;
	right: 0;
}

#navbar ul { 
	margin: 0;
	padding: 0;
	text-align: left;
}

#navbar li {
	display: inline;
	padding: 0 10px 0 0;
}

#colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

#colmid {
	float:left;
	width:200%;
	margin-left:-210px; 	/* Width of right column */
	position:relative;
	right:100%;
	/* Centre column background colour */
}

#colleft {
	float:left;
	width:100%;
	margin-left:-210px; 	/* Width of centre column */
	/* Left column background colour */
}
#col1wrap {
	float:left;
	width:50%;
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
#col1 {
	margin:0 0 0 420px;	/* Centre column side padding:
                            	Left padding = left column width + centre column width
                            	Right padding = centre column right padding width */
	position:relative;
	left:100%;
	overflow:hidden;
}
#col2 {
	float:right;
	width:200px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	left:210px;         	/* Width of the left-hand side padding on the left column */
}
#col3 {
	float:right;
	width:200px;        	/* Width of right column content (right column width minus left and right padding) */
	position:relative;
	left:620px; /* 400px+210px+10px */
}
#footer {
	clear: both;
	float: left;
	width: 100%;
}
/*
	grid typeset based on 14px font size and 22px whitespace
*/

body {
	font-family: Arial, Tahoma, sans;
	font-size: 0.875em; /* browser default = 16px, 16*0.875=14px */
	line-height: 1.571em; /* 14px*1,571 = 22px */
}

p {
	margin-bottom: 1.571em;
}

ol, ul {
	margin-top: 0.7855em; /* 1.571/2 */
	margin-bottom: 0.7855em;
	margin-left: 0;
	margin-right: 0;
}

li {
	margin-left: 1em;
	list-style-position: outside;
}

.meta {
	font-size: 0.857em; /* 14*0.857=12px */
	line-height: 1.833em; /* 12px*1,833 = 22px */
}

h1 {
	font-size: 2em; /* 28px */
	line-height: 2em;
	margin-top: 0;
	margin-bottom: 0.357em; /* (3*22)/28=2,357 - 2*/
}

h2 {
	font-size: 1.714em; /* 24px */
	line-height: 1.714em;
	margin-top: 0;
	margin-bottom: 1em; /* (3*22)/24=2,75 -1,7 */
}

h3 {
	font-size: 1.429em; /* 14*429 = 20px */
	line-height: 1.429em;
	margin-top: 0;
	margin-bottom: 0.8em; /* 44/20 = 2,2 - 1.4*/ 
}

#footer, .sidebar {
	font-size: 0.857em; /* 14*0.857= 12px */
	line-height: 1.833em; /* 12px*1,833 = 22px */
}

.sidebar p {
	font-size: 1em;
	margin-bottom: 1.833em;
}

.sidebar h2 {
	font-size: 1.667em; /* 20px */
	line-height: 1.667em;
	margin-top: 0;
	margin-bottom: 1.6em; /* 44/20 = 2,2em - 1.667 */
	text-align: center;
}

.sidebar h3 {
	font-size: 1.333em; /* 16px */
	line-height: 1.333em;
	margin-top: 0;
	margin-bottom: 1.4em; /* 44/16 = 2,75em - 1.33 */
	text-align: center;
}
body {
	text-align: center;
	background: #ebebeb url(design/hatter-atmenet.jpg) top repeat-x;
	color: #484848;
}

#page {
	width: 90%;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#header {
	height: 120px;
	width: 100%;
	margin: 0;
	padding: 1.2em 0;
	background: transparent url(design/szaggatott-vonal.gif) no-repeat right bottom;
}

#logo /* Wrapper for logo */ {
    margin: 0;
    padding: 0;
}

#navbar {
	width: 75%;
	height: 100px;
	margin: 0 auto 0 160px;
	text-align: right;
	background: url(design/menu.png) repeat-x 0 -105px;
}
  
#navbar-inner {
    height: 70px;
    padding: 15px 0.5em 15px 50px;
    margin: auto;
    background: url(design/menu.png) no-repeat left top;
}
  
#primary /* Primary links */, #secondary /* Secondary links */ {
    font-size: 1.143em /* 14px in the page, 14*1.143=16px */;
}
#secondary{
    margin-top: 1.2em;
}
	
#primary ul, #secondary ul{
	text-align: right;
	display: block;
	margin: 0;
}
	
#primary li, #secondary li{
	padding: 0.2em 0.8em;
	display: inline;
}
	
#primary a:link, #primary a:visited, #primary a:active {
	color: #777;
	font-size: 1.3em;
	text-decoration: none;
}
	
#primary a:hover {
	color: #C22;
}
	
#secondary a:link, #secondary a:visited, #secondary a:active {
	margin-top: 20px;
	color: #777;
	font-size: 1.2em;
	text-decoration: none;
}
	
#secondary a:hover {
	color: #C22;
}

#primary .current-menu-item>a, #secondary .current-menu-item>a {
	color: #922 !important;
}


#breadcrumb {
	margin: 0 auto 4em auto;
	padding: 0;
	font-size: 0.857em; /* 14*0.857=12px */
	line-height: 1.8333em; /* 22/12 = 1.8333 */
}

#breadcrumb-inner {
	float: left;
	padding: 8px 30px 4px 0;
	background: #ccc url(design/ceruza.png) bottom right;
	color: #888;
}

#breadcrumb-inner a:link, #breadcrumb-inner a:visited, #breadcrumb-inner a:active {
	color: #666;
	text-decoration: none;
}
#breadcrumb-inner a:hover {
	color: #a22;
	text-decoration: none;
}
/** sidebars **/

.sidebar h2, .sidebar h3, .sidebar h4 {
	color: #777;
}

ul.widgets{
  padding: 0;
}

li.widget{
  display: block;
  list-style: none inside none !important;
	margin-bottom: 0;
	padding-bottom: 3.666em; /* 12*3,666 = 44px */
}

.widget_search {
	text-align: center;
}

#s {
	width: 100%;
}

.block{
  display: block;
  /*margin: 0 0 3.666em 0;*/ /* 12*3,666 = 44px */
}
.close-block {
	float: none;
	clear: both;
}

#footer-inner {
	padding-top: 1.571em; /* 12*1,571 = 22px */
	height: 100%;
	background: transparent url(design/szaggatott-vonal.gif) no-repeat right top;
}

#site-avatar {
	float: left;
	margin: auto 1.571em auto 0;
}

/* ==== content container ==== */
#col1-inner {
	padding: 1.5714em;
	background: #d2d2d2;
}

a:link, a:visited, a:active {
	color: #922;
	text-decoration: none;
}
	
a:hover {
	color: #c11;
	text-decoration: underline;
}
	
li {
	list-style-image: url(design/lista-jel.gif);
}

img.wp-smiley {
	margin: 0 !important;
	padding: 0;
}

blockquote {
	font-style: italic;
	margin-left: 2em;
	margin-bottom: 2em;
	padding: 1em;
	background: #eee;
}

dt {
	margin-top: 1em;
	font-weight: bold;
}

dl {
	margin-bottom: 1em;
}

#col1 img {
	margin: 0.5em;
}

#col1 .sociable img {
	margin: 0;
}

.post {
	margin-bottom: 4.7142em;
}

.post-date {
	font-size: 0.85em;
	font-style: italic;
	color: #666;
}

.postmetadata, .comment-help {
	font-size: 0.85em; /* 14*0.85=12px */
	line-height: 1.8333em;
	margin-bottom: 1.8333em;
	padding: 0.5em;
	background: #c4c4c4 url(design/sotet-sarok.png) no-repeat right bottom;
}

.postmetadata>div {
	margin-top: 0.5em;
}

.commentlist ul {
	padding: 0 0 0 2em;
}

.commentlist {
	padding: 0;
}

.commentlist li  {
	list-style: none outside none;
	margin: 1em auto;
}

.comment {
	padding: 0.5em;
	background: #c4c4c4;
}

.avatar {
	border: 4px solid #d2d2d2;
	float: right;
	margin: auto auto 1em 1em;
}

.comment-author {
	font-size: 1.142em; /* 14px*1,142=16px  */
	font-weight: bold;
}

.comment-meta {
	font-size: 0.85em;
	font-style: italic;
}
.comment-reply-link {
	clear: both;
	float: none;
}

.navigation .alignleft {
	float: left;
}
.navigation .alignright {
	float: right;
}
/* image replacement using the Gilder/Levin Method */

.replace a{
  position: relative;
  display:block;
  float: left;
  margin: 2px;
  padding:0;
  overflow: hidden;
}
.replace span{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1; /*for Opera 5 and 6*/
}

ul#blogring, #blogring li{
	list-style: none outside none;
	margin: 0;
	padding: 0;
	display: inline;
}

#blogring a, #blogring span{
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-color: #CCC;
}

#blogring-lavmetendor span {
	background: url(/kepek/bookshelf-sprite.jpg) 0 -48px;
}
#blogring-lavmetendor:hover span {
	background: url(/kepek/bookshelf-sprite.jpg) 0 0;
}
#blogring-szelkakas span{
	background: url(/kepek/bookshelf-sprite.jpg) -48px -48px;
}
#blogring-szelkakas:hover span{
	background: url(/kepek/bookshelf-sprite.jpg) -48px 0;
}
#blogring-hup span{
	background: url(/kepek/bookshelf-sprite.jpg) -96px -48px;
}
#blogring-hup:hover span{
	background: url(/kepek/bookshelf-sprite.jpg) -96px 0;
}
#blogring-weblabor span{
	background: url(/kepek/bookshelf-sprite.jpg) -144px -48px;
}
#blogring-weblabor:hover span{
	background: url(/kepek/bookshelf-sprite.jpg) -144px 0;
}
#blogring-alistapart span{
	background: url(/kepek/bookshelf-sprite.jpg) -192px -48px;
}
#blogring-alistapart:hover span{
	background: url(/kepek/bookshelf-sprite.jpg) -192px 0;
}

ul#powered, #powered li{
	list-style: none outside none;
	margin: 0;
	padding: 0;
	display: inline;
}

#powered a, #powered span{
	width: 80px;
	height: 15px;
	background-repeat: no-repeat;
	background-color: #CCC;
}

#valid-xhtml span{
	background: url(/kepek/powered-sprite.png) 0 -15px;
}
#valid-xhtml:hover span{
	background: url(/kepek/powered-sprite.png) 0 0;
}
#valid-css span{
	background: url(/kepek/powered-sprite.png) -80px -15px;
}
#valid-css:hover span{
	background: url(/kepek/powered-sprite.png) -80px 0;
}
#licenced-cc span{
	background: url(/kepek/powered-sprite.png) -160px -15px;
}
#licenced-cc:hover span{
	background: url(/kepek/powered-sprite.png) -160px 0;
}
#powered-wordpress span{
	background: url(/kepek/powered-sprite.png) -240px -15px;
}
#powered-wordpress:hover span{
	background: url(/kepek/powered-sprite.png) -240px 0;
}
#powered-php span{
	background: url(/kepek/powered-sprite.png) -320px -15px;
}
#powered-php:hover span{
	background: url(/kepek/powered-sprite.png) -320px 0;
}
#powered-mysql span{
	background: url(/kepek/powered-sprite.png) -400px -15px;
}
#powered-mysql:hover span{
	background: url(/kepek/powered-sprite.png) -400px 0;
}
#made-inkscape span{
	background: url(/kepek/powered-sprite.png) -480px -15px;
}
#made-inkscape:hover span{
	background: url(/kepek/powered-sprite.png) -480px 0;
}
#made-gimp span{
	background: url(/kepek/powered-sprite.png) -560px -15px;
}
#made-gimp:hover span{
	background: url(/kepek/powered-sprite.png) -560px 0;
}
div.sociable { margin: 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: #000;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

/* CSS3 */
.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}