/*
Theme Name: Deszkas Piknik
Theme URI: http://frontenders.com/
Description: The official theme for Deszkas Piknik blog site.
Version: 1.0
Author: Laszlo Tamas
Author URI: http://frontenders.com/
Tags: skateboard
*/
/*************************************************************
* author: Frontenders.com
* contact: contact at frontenders dot com
* description: css for screen, projection and print media
*************************************************************/
@media screen, projection {
    /* reset
     * based on Eric Meyer's reset.css
     * http://meyerweb.com/
     *************************************************************/
    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, button,
    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; }
    /* 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;
    }
    /* /reset
     *****************************************************/
    
    /* global elements
     *****************************************************/
    html { height: 100%; }
    body {
        background: #3d3d3d url( images/bg_body.jpg ) repeat 50% 0;
        color: #fff;
        font: 62.5%/1 Verdana, Arial, sans-serif;
        height: 100%;
    }
    a {
		color: #000;
		text-decoration: underline;
	}
    a:hover { text-decoration: none; }
    
    /* /global elements
     *****************************************************/
    
    /* common elements
     *****************************************************/
    .cols, form .item, form .button { overflow: hidden; }
    .col { float: left; }
    .l { float: left; }
    .r { float: right; }
    .print { display: none; }
    .ir {
        display: block;
        overflow: hidden;
        position: relative;
    }
    .ir span {
        cursor: pointer;
        left: 0;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
    }
    /* /common elements
     *****************************************************/
    
    /* base layout
     *****************************************************/
	#bg {
		background: transparent url( images/bg_bg.png ) repeat-y 50% 0;
	}
    #container {
		background: #ffffc0;
		color: #977a5b;
		margin: 0 auto;
		text-align: left;
		width: 900px;
    }
	#header {
		background: #f1f1f1 url( images/bg_header.jpg ) no-repeat 0 0;
		height: 290px;
	}
    #content {
		background: transparent url( images/bg_content.gif ) repeat-y 640px 0;
		font-size: 1.3em;
		line-height: 1.5em;
		overflow: hidden;
	}
    #primary {
		background: transparent url( images/bg_header.jpg ) no-repeat 0 -290px;
		float: left;
		padding: 35px;
		width: 570px;
	}
	#secondary {
		background: transparent url( images/bg_header.jpg ) no-repeat -640px -290px;
		float: right;
		padding: 35px 40px;
		width: 180px;
	}
    /* /base layout
     *****************************************************/
    
    /* header elements
     *****************************************************/
	#siteName {
		display: inline;
		float: left;
		height: 85px;
		margin: 118px 0 0 200px;
		width: 275px;
	}
	#siteName a {
		display: block;
		height: 100%;
		text-indent: -1000em;
	}
    /* /header elements
     *****************************************************/
    
    /* nav elements
     *****************************************************/
	#mainMenu {
		display: inline;
		float: left;
		margin: 47px 0 0 105px;
		width:657px;
	}
	#mainMenu li {
		display: inline;
		float: left;
		height: 36px;
	}
	#navItem0 { width: 145px; }
	#navItem1 {
		margin: 0 0 0 4px;
		width: 132px;
	}
	#navItem2 {
		margin: 0 0 0 3px;
		width: 76px;
	}
	#navItem3 {
		margin: 0 0 0 3px;
		width: 96px;
	}
	#navItem4 {
		margin: 0 0 0 3px;
		width: 152px;
	}
	#navItem5 {
		margin: 0 0 0 3px;
		width: 40px;
	}
	#mainMenu a {
		display: block;
		height: 36px;
		text-indent: -1000em;
	}
	#mainMenu a:hover { background-image: url( images/bg_header.jpg ); }
	#navItem0 a:hover { background-position: -900px 0; }
	#navItem1 a:hover { background-position: -1049px 0; }
	#navItem2 a:hover { background-position: -1184px 0; }
	#navItem3 a:hover { background-position: -1263px 0; }
	#navItem4 a:hover { background-position: -1362px 0; }
	#navItem5 a:hover { background-position: 100% 0; }
    /* /nav elements
     *****************************************************/
    
    /* content elements
     *****************************************************/
	.navigation {
		margin: 0 0 1em;
		overflow: hidden;
	}
	.navigation .prev { float: left; }
	.navigation .next { float: right; }
	#primary h1 {
		font-size: 1.5em;
		font-weight: normal;
		margin: 0 0 1em;
		text-indent: -10px;
		text-transform: uppercase;
	}
	#primary p { margin: 0 0 1em; }
	.post {
		border-bottom: 1px dashed #8ba900;
		margin: 0 0 1em;
	}
	.post h2 {
		color: #424242;
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1em;
		margin: 0 0 0.5em;
		text-indent: -10px;
		text-transform: uppercase;
	}
	.post h2 a {
		color: #424242;
		text-decoration: none;	
	}
	.post h2 a:hover { color: #000; }
	.post small {
		display: block;
		font-size: 0.8em;
		line-height: 1.2em;
		margin: 0 0 0.5em;
		text-transform: uppercase;
	}
	.post p small { line-height: 1.4em; }
	.post .meta {
		font-size: 0.8em;
		text-transform: uppercase;
	}
	.post .meta a {
		background: transparent url( images/bg_meta_links.gif ) no-repeat 5px 0.4em;
		padding: 0 0 0 15px;
	}
	.post .entry img {
		border: 2px solid #fff; 
		max-width: 566px;
	}
	
	#commentform textarea, #commentform input.text {
		background: #fff;
		border: 1px dashed #8ba900;
		font: inherit;
		padding: 4px;
		width: 560px;
	}
	#commentform input.text {
		margin: 0 10px 0 0;
		padding: 2px 4px;
		width: 200px;
	}
	h3#comments {
		font-weight: normal;
		font-size: 1.1em;
		margin: 2em 0 1em;
	}
	li.comment {
		border-bottom: 1px dashed #8ba900;
		margin: 0 0 1em;
	}
	.comment-meta {
		font-size: 0.8em;
		line-height: 1.2em;
		margin: 0.3em 0;
		text-decoration: none;
		text-transform: uppercase;
	}
	.comment-meta a { text-decoration: none; }
	#respond { margin: 2em 0 0; }
	#respond h3 { margin: 0 0 1em; }
	
	p.info { margin: 0 0 1em; }
	#secondary h2 {
		border-bottom: 1px dashed #cdd288;
		color: #8ba900;
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1.5em;
	}
	#secondary li {
		margin: 0 0 2em;
	}
	#secondary li li {
		border-bottom: 1px dashed #e2e7a0;
		font-size: 0.9em;
		line-height: 1.5em;
		margin: 0;
		padding: 2px;
	}
	#secondary a {
		color: #8d1000;
		text-decoration: none;
	}
	#secondary a:hover { text-decoration: underline; }
	
	#links { text-align: center; }
	#secondary #links li {
		border: none;
		margin: 0 0 30px;
		padding: 0;
	}
	#links img {
		background: transparent url( images/logos.png ) no-repeat 0 0;
	}
	#links #pantlika { background-position: -5px -1px; }
	#links #gordeszkamag { background-position: 0 -104px; }
	#links #offline { background-position: -1px -152px; }
	#links #e357 { background-position: -12px -214px; }
	#links a:hover #pantlika { background-position: -139px -1px; }
	#links a:hover #gordeszkamag { background-position: -134px -104px; }
	#links a:hover #offline { background-position: -135px -152px; }
	#links a:hover #e357 { background-position: -146px -214px; }
    /* /content elements
     *****************************************************/
    
    /* footer elements
     *****************************************************/
    /* /footer elements
     *****************************************************/
}
@media print {
    body { font: 12px/140% Verdana,sans-serif; }
    .print { display: block; }
}