@charset "UTF-8";
/*********************************************************/
/*    http://flog.fjunkie.hu                            */
/*    author: Ughoo, Hugo alias Mecs Gergely           */
/******************************************************/

html, body, pre, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li {
	margin:0px; padding:0px; border:0px; outline:0px;
}

div {font-size:1px;}

a, a:hover { text-decoration: none; background-color: transparent; }
a, a:link, a:hover, a:visited, a:focus { outline:0; color:#ffcc00; }


ol {margin-left:30px;margin-right:30px;}
ol li {font-size:12px;color:#eeeeee;width:auto;margin-bottom: 5px;}

body {
	background: #000000 url(img/bg_straff.gif) repeat left top;
	font-family: Arial, sans-serif;
	font-size:12px;
}
/*
  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    height: 100%;
    overflow: auto;
    }
*/

div.clr {clear:both;}
div#line {position:relative;float:left;width:100%;min-width:560px;height:3px;background-color: red;}

div#line {width:550px;display:block;clear:both;height:10px;background:red;}

div#wrap {
	height:100%;

	text-align:center;
}

	div#head {
		position:relative;
		display:block;
		width:auto;
		height:200px;
		background: #ffcc00 url(img/flog_h_bg.jpg) repeat-x left top;

		border-top: 10px solid #000000;

	}

		div#head div#headmiddle, a#headmiddle {
			position:relative;
			display:block;
			width:799px;
			height:200px;
			background: transparent url(img/flog_h.jpg) repeat-x left top;

			margin-left:auto;
			margin-right:auto;

			text-align:left;
			z-index:2;
		}
div#head ul#mainmenu {
			position:absolute;
			display:block;
			bottom:5px;
			left:36px;
			z-index:3;
		}

		ul#mainmenu li { 
			position:relative;
			display:block;
			float:left;
			height: 32px;
			width:auto;
			background: transparent url(img/menu_sep.gif) no-repeat right top;
			}

		ul#mainmenu li a { 
			height: 32px;
			width:auto;
			display:block;
			float:left;
			margin-left:12px;
			margin-right:15px;
			font-family: sans-serif;
			font-size:12px;
			font-weight:bold;
			text-transform: uppercase;
			color: #964b00;
			letter-spacing: 0.07em;
			background: none;
		}

		ul#mainmenu li a:active, ul#mainmenu li a:hover, ul#mainmenu li a:focus {
			color: #000000;
			background: url(img/arrow_up_shine.gif) no-repeat center bottom;			
		}


		div#head h1 {
			margin-top:-50px;
			z-index:1;
		}

	div#site {
		display:block;
		width:90%;
		min-width: 550px;
		height:auto;

		color: #ffffff;
		background-color: #222222;
		border-left: 1px solid #343434;

		margin-left:3%;
		margin-right:3%;

		text-align:left;
		z-index: 1;

	}

		div#left {
			display:inline-block;
			width:60%;
			float:left;

			font-family: Arial, sans-serif;
			font-size:12px;
			line-height:15px;

		}


		div#content {
			position:relative;
			display:block;
			padding-top:30px;
			margin-left: 32px;

			font-family: Arial, sans-serif;
			font-size:12px;
			line-height:15px;

			margin-right:10px;
		}

			div#content pre, .codecolorer-container {
				position:relative;
				display:block;
				
				background: #2F2F2F;
				border: 15px solid #2F2F2F;

				white-space: inherit;
				font-family: Arial, sans-serif;
				font-size:12px;
				line-height:15px;
				color: #CC9900;

				margin-top:10px;
				margin-bottom:10px;

			}

			div#content p {
				margin-top: 10px;
				margin-bottom: 10px;

				font-family: Arial, sans-serif;
				font-size:12px;
				line-height:15px;				
			}

			div.node {
				padding-bottom: 35px;
			}

			div.nodehead {
				background: transparent url(img/grad_top.gif) repeat-x left bottom;

				padding-bottom:5px;
			}

			div#content h2, div.nodehead h2, div.nodehead h3 {
				font-family: Times New Roman, sans-serif;
				text-transform: uppercase;
				line-height:12px;
				color: #ffcc00;

				padding-left:20px;
				background: transparent url(img/arrow_right.gif) no-repeat 5px top;
			}

			div#content h2, div.nodehead h2 { font-size: 15px; }
			div.nodehead h3 { font-size: 15px; }

			div#content h2 a, div.nodehead h2 a, div.nodehead h3 a, div.nodefoot a {color: #ffcc00;text-decoration:none;}
			div.nodehead h2 a:hover, div.nodehead h3 a:hover, div.nodefoot a:hover {color: #ffffff;text-decoration:none;}

			div.nodehead span, div.nodehead small {
				font-family: Times New Roman, sans-serif;
				font-size:10px;
				text-transform: uppercase;	
				color: #ffffff;
				padding-left:20px;
			}

			div.nodefoot {
				background: transparent url(img/grad_bot.gif) repeat-x left top;
				height: 30px;
				line-height:30px;
				vertical-align: middle;
				text-align:center;
				
				padding-top: 5px;
				padding-bottom:5px;
			}

			p.postmetadata {
			/*	margin-top: 6px; */
			}

			h2.pagetitle {
				font-family: Times New Roman, sans-serif;
				text-transform: uppercase;
				line-height:12px;
				font-size: 15px;

				padding-left:20px;
				}

		div#right {
			width:25%;
			display:inline-block;
			float:left;
		}

			div#sidebar {
				position:relative;
				display:block;
				width:213px;
				height:100%;
				min-height:500px;

				background: #ffcc00 url(img/flog_sb.gif) repeat-y 0 top;
				z-index:10;

				margin-top:-5px;
				margin-right:-200px;
				padding-bottom:20px;
				margin-bottom: 5px;
			}

				div#sidebar div#sb_top {
					position:relative;
					display:block;
					width:213px;
					height:20px;
					background: transparent url(img/flog_sb_top.gif) no-repeat 0 top;
				}

				div#sidebar div#sb_bot {
					position:relative;
					display:block;
					width:213px;
					height:100%;
					min-height: 510px;
					background: transparent url(img/flog_sb_bot.gif) no-repeat 0 bottom;
					margin-bottom: -30px;
				}

				ul#sidemenu {
					list-style-type:none;
					width:199px;
					margin-left:6px;
				}

					ul#sidemenu li {
						display: block;
						width:198px;
						padding-bottom:25px;
						background: transparent url(img/sidebar_sep.gif) repeat-x left bottom;
						margin-left:1px;
						margin-bottom: 12px;

						font-family: Arial sans-serif;
						font-size: 11px;
						line-height: 13px;
					}

					ul#sidemenu li h2 {
						height: 14px;
						padding-left: 15px;
						background: url(img/sb_arrow.gif) no-repeat left 1px;
						font-family: sans-serif;
						font-size:12px;
						text-transform: uppercase;
						color: #ffffff;

						margin-bottom: 10px;
					}

					ul#sidemenu li a, div#sidebar p {
						color: #000000;
						font-family: Arial;
						font-size: 11px;
						text-decoration: none;
						padding-left:15px;
					}

					ul#sidemenu li a:hover {
						background: transparent;
						text-decoration: underline;
					}

					ul#sidemenu li ul li {
						display:inline-block;
						background: none;
						padding-bottom:0px;
						margin-bottom:0px;
					}

					li.nobg { background-image:none !important; background: none; padding-bottom:0px !important; margin-bottom:0px; font-size: 0px !important;}
					li.nobg p {font-size: 11px;}

					ul#sidemenu li p a {padding-left:0px;}

					/* searchform */

					div.search {
						position:relative;
						display:block;
						width:196px;
						height:31px;
						background: url(img/searchbar.gif) no-repeat 0px top;
					}

						input.textfield {
						 	border: solid 0 #fff;
							background: transparent; 
							color: #ffffff;
							font-family: sans-serif;
							font-size:11px;

							padding-top:3px;
						}
						div.search input.textfield {
							position:absolute;
							display:block;
							top:6px;
							left:18px;
							width: 95px !important;							
							height: 13px;
							line-height:13px;

							padding-left: 3px;
							padding-right: 3px;
						}

						div.search input.textfield:hover, div.search input.textfield:focus, div.search input.textfield:active {
							background: #000000 url(img/input_bg.gif) repeat-x left top;
							border: 1px solid #ffcc00;
							line-height: 12px;
						}

						input.button { 
							vertical-align:middle;
							/*border: solid 0 #fff;*/
							background: transparent; 
							font-family: sans-serif;
							font-size:11px;
							padding:0px;
						}

						div.search input.button {
							position:absolute;
							display:block;	
							width:70px;
							height:24px;
							top:3px;
							right:0px;
							line-height:20px;
						}

						div.search input.button:hover, div.search input.button:focus, div.search input.button:active {
							outline: none;
							border: none;
						}

			div#footer {
				color: #ffcc00;
				font-size:8px;
				margin-top:10px;
			}


/* wp */ 

.alignright {font-size:12px;display:block;float:right;}
.alignleft {font-size:12px;}

/* comment form */ 

input#author, input#email, input#url, input#submit {
	background: #ffcc00 url(img/flog_h_bg.jpg) repeat-x left -10px;
	border: 3px solid #5f5f5f;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	color: #5f5f5f;

}

textarea#comment {
	background: #ffcc00 url(img/flog_h_bg.jpg) repeat-x left -10px;
	border: 3px solid #5f5f5f;
	height: 130px;
}

input#author:hover, input#email:hover, input#url:hover /* , textarea#comment:hover */ {
	background: #000000 url(img/input_bg.gif) repeat-x left bottom;
	color: #ffcc00;
}

input#submit {
	margin-bottom: 10px;
	color: #000000;
}

input#submit:focus, input#submit:hover {
	outline: 3px solid #5f5f5f;
}

/* tagcloud  */

ul.tagcloud {
background-image:none !important;
}

ul.tagcloud li {
display:inline !important;
width:auto !important;
line-height: 20px;
background-image:none !important;
padding:0px;
}