/* 
	Theme Name: DownEgyesület
	Theme URL: http://4image.hu
	Description: DE két oszlop, bal oldalsáv, barna, fehét
	Author: 4image
	Author URI: http://4image.hu
	Version: 0.1
	Tags: two columns, fixed width, white, brown, sidebar widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v1.0 - 14.02.09
*/

@import url(css/tripoli/tripoli.base.css); 
@import url(css/tripoli/plugins/tripoli.layout.css); 

.hide {
	display: none;
}

html {
	background: transparent;
}

body {
	background: #40332b url(img/bg.jpg) repeat top center;
	font-size: 10px;
	font-family: Trebuchet MS, sans-serif;
	width: 100%;
	height: 100%;
}

body.l2 .column {
	margin-top: -30px;
}

#container {
	width: 960px;
	height: 100%;
	position: relative;
}

body.l2 #secondary {
	width: 250px;
	margin-left:-960px;
}

body.l2 #primary {
	width: 710px;
	margin-left: 250px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img.alignleft {
	padding: 5px 10px 10px 0;
	background: transparent;
}

img.alignright {
	padding: 5px 0 10px 10px;
	background: transparent;
}

div.wp-caption {
	padding: 10px 5px;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	margin: 5px 10px 10px;
}

div.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0;
}

#primary  {
	background: transparent url(img/ie6/content_top_bg.png) no-repeat 0 0;
	padding-top: 85px;
	padding-top: 40px;
}

.column .content a {
	color: #000;
	text-decoration: none;
}

#primary .content {
	background: transparent url(img/ie6/content_middle_bg.png) repeat-y 0 0;
	margin: 0 10px 0 0;
}

#primary .content .content-foot {
	background: transparent url(img/ie6/content_bottom_bg.png) no-repeat 1px -1px;
	height: 69px;
	width:100%;
	clear: both;
}

#primary .content .nocomments ,
.header {
	margin: 15px 0 10px 20px;
	padding: 0;
	background: transparent url(img/headline_bg.png) no-repeat 0 0;
	width: 640px;
	height: 95px;
	line-height: 95px;
}
#primary .content .nocomments {
	color:#208E9E;
	font-size:2em;
	padding:0 40px;
}
.column .header,
.column .header a {
	color: #208e9e;
	text-decoration: none;
}

.no-navigation .header {
	margin: 15px 0 25px 20px;
}

.header .title {
	font-size: 3em;
	line-height:95px;
	margin: 0 0 0 40px;
}

.header h1,
.header h3 {
	margin: 0;
	padding: 0;
	font-size: 28pt;
	height: 95px;
	line-height: 95px;
}

/**
 * @start Header
 */
#header,
#wrapper-head {
	background: url(img/header_bg.jpg) repeat-x top center;
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
}

#header {
	height: 285px;
	color: #999;
	padding-top: 15px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
	width: 960px;
}

#header #logo {
	font-size: 2em;
	width: 250px;
	height: 272px;
	line-height: 100px;
	text-align: center;
	color: #fff;
	float: left;
}

#header a {
	text-decoration: none;
	color: #fff;
}

#header h1,
#header h1 a {
	display: block;
	width: 250px;
	height: 272px;
	position: relative;
	overflow: hidden;
	color: #eee;
}

#header h1 a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	height: 272px;
	background: url(img/logo.png) no-repeat top center;
	cursor: pointer;
	overflow: hidden;
}

#header h1 a:hover {
	color: #fff;
}

#header h1 a:hover span {
	background-position: 13px -272px;
}

#header #photos {
	float: right;
	width: 650px;
	height: 290px;
	position: relative;
	background: url(img/header_polaroids.png) no-repeat top center;
}

#photos ul {	
	position: absolute;
	top: 230px;
	width: 100%;
	height: 45px;
	list-style-type: none;
}

#photos ul li {
	position: absolute;
	text-align: center;
	font-size: 1.7em;
}

#photos ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #eee;
	overflow: hidden;
	text-indent: -999px;
}

#photos ul li a span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#photos ul li a:hover {
	color: #fff;
}

#photos ul li a:hover span {
}

#photos #photo-link-dada {
	top: 5px;
	left: 40px;
	width: 70px;
	height: 30px;
	line-height: 30px;
}

#photos #photo-link-ambulancia {
	top: 5px;
	left: 230px;
	width: 115px;
	height: 30px;
	line-height: 30px;
}

#photos #photo-link-shop {
	top: 0;
	left: 425px;
	width: 125px;
	height: 45px;
	line-height: 45px;
}

/**
 * @end Header
 */

/**
 * @start Footer
 */
#footer ,
#wrapper-foot {
	background: url(img/footer_bg.jpg) repeat-x bottom center;
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
}

#footer {
	height: 250px;
	color: #999;
}

#footer a {
	text-decoration: none;
	color: #999;
}

#footer .copy {
	font-size: 1.2em;
}

#footer .content {
	padding: 100px 0 20px;
}

#footer .content address {
	margin: 0;
}

#footer .vcard {
	line-height: 1.3em;
	color: #666;
}

#hcard-nyde {
	padding: 10px 0;	
}

#hcard-nyde .url {
	display: none;
}

#footer .content .footer-box {
	float: left;
}

#footer .content .datas {
	width: 430px;
}

#footer .content .sticks {
	float: right;
	text-align: right;
}

#footer .content .sticks .stick {
	float: left;
	width: 140px;
	height: 120px;
	text-align: center;
}

/**
 * @end Footer
 */

/**
 * @start Sidebar
 */
ul.sidebar {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.sidebar li.widget {
	margin: 10px 0;
	padding: 0;
}

#egyszazalek,
#egyszazalek a, 
#egyszazalek a span {
	background: transparent;
	display: block;
	width: 100%;
	height: 118px;
	line-height: 118px;
	text-align: center;
	position: relative;
	text-decoration: none;
	color: #eee;
	cursor: pointer;
	margin: 20px 0;
}

#egyszazalek a span {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(img/donation.png) no-repeat top center;
	cursor: pointer;
}

#downbabatvarok {
	margin-bottom: -60px;
}

#downbabatvarok,
#downbabatvarok a, 
#downbabatvarok a span {
	background: transparent;
	display: block;
	width: 100%;
	height: 180px;
	line-height: 180px;
	text-align: center;
	position: relative;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	z-index: 20;
}

#downbabatvarok a span {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(img/postit_bg.png) no-repeat top center;
}

#search,
#search form,
#search form div,
.sidebar .widget_search,
.sidebar .widget_search form,
.sidebar .widget_search form div
 {
	position: relative;
}

#search,
.sidebar .widget_search
 {
	background: transparent url(img/search.png) no-repeat top center;
	height: 90px;
}

#search #s,
.sidebar .widget_search #s {
	border: none;
	background: transparent;
	width: 135px;
	height: 15px;
	position: absolute;
	top: 25px;
	left: 30px;
	font-family: sans-serif;
}

#search #searchsubmit,
.sidebar .widget_search #searchsubmit {
	border: none;
	color: #000;
	background: transparent;
	position: absolute;
	overflow: hidden;
	margin:0;
	padding: 0;
	width: 45px;
	height: 40px;
	top: 15px;
	left: 180px;
}

#pages,
.sidebar .widget_pages
{
	color: #fff;
}

#pages a,
.sidebar .widget_pages a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#pages .widgettitle,
.sidebar .widget_pages .widgettitle
{
	border-bottom: 1px dotted #FFFFFF;
	margin: 0 40px 10px 25px;
	padding: 0 0 10px 25px;
	text-align: left;
}

#pages .menu-wrapper,
.sidebar .widget_pages .menu-wrapper
{
	background: transparent url(img/menu_bg.png) no-repeat 0 0;
	padding-top: 35px;
	width: 250px;
	text-align: center;
	overflow: hidden;
}

#pages .widget-footer,
.sidebar .widget_pages .widget-footer
{
	background: transparent url(img/menu_bg_bottom.png) no-repeat 0 0;
	width: 240px;
	height: 120px;
	position: relative;
}

li#pages div.widget-footer div.content,
.sidebar .widget_pages div.widget-footer div.content
{
	line-height: 140px;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 5px;
	left: -5px;
	z-index: 30;
	font-size: 1.25em;
}

#pages ul,
.sidebar .widget_pages  ul
{
	list-style-type: none;
	margin-left: 0;
	text-align: left;
	margin: 0 auto;
	width: 200px;
	background: #208E9F;
}

#pages ul ul,
.sidebar .widget_pages ul ul
{
	padding-left: 25px;
	width: auto;
}

/**
 * @end Sidebar
 */

/**
 * @start Navigation
 */

.navigation {
	margin: 0 50px;
	height: 30px;
	width: 600px;
}

.navigation .prev {
	float: left;
}

.navigation .next {
	float: right;
}

.navigation a {
	color: #000;
}

/**
 * @end Navigation
 */

/**
 * @start Posts
 */
.post,
.post .post-wrapper,
.post .post-content-wrapper,
.post .post-content-cover {
	position: relative;
}

.post {
	background: transparent url(img/postfooter_bg.png) no-repeat bottom center;
	padding-bottom: 40px;
	margin: 0 15px 20px;
	color: #000;
	clear: left;
}

.post .post-wrapper {
	background: #fff url(img/postcontent_bg.png) repeat-y top center;
}

.post .post-content-wrapper {
	background: transparent url(img/posttitle_bg.png) no-repeat top center;	
	padding: 25px 60px 0;
	position: relative;
}

.post .posttitle {
	margin: 0;
	padding: 0 0 0 .5em;
	width: 400px;
}

.post .date {
	background: transparent url(img/postdate_bg.png) no-repeat 0 0;
	width: 50px;
	height: 50px;
	text-align: center;
	position: absolute;
	top: -5px;
	left: -55px;
}
.sticky .date { display: none; }

.single .post .date {
	top: -10px;
}

.post .date .month {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 50px;
	font-size: 10px;
}
.post .date .month,
.post .date .month a {
	color: #44362f;
}

.post .date .day {
	position: absolute;
	top: 21px;
	left: 5px;
	width: 40px;
	font-size: 24px;
}

.post .date .day,
.post .date .day a {
	color: #f60;
	font-weight: bold;
}

.post .closure {
	clear: left;
	font-size: 1px;
	line-height: 1px;
}

.post a.more-link {
	white-space:nowrap;
	display: block;
	text-align: right;
	color: #208E9F;
}

.content .post a {
	color: #208E9F;
	text-decoration: none;
}
.content .post a:hover {
	text-decoration: underline;
}

.post-content a {
}

.post .postmeta {
	padding: .5em 0 1em;
}

.post .category {
	text-align: right;
	position: absolute;
	right: -10px;
	top: 0;
	width: 150px;
}

#primary .post .post-foot a,
#primary .post .category a {
	color: #aaa;
}

#primary .post .post-foot a:hover,
#primary .post .category a:hover {
	color: #000;
}

.post .post-foot {
	width: 100%;
	height: 2em;
}

.post .post-foot .post-foot-box{
	float: left;
	width: 200px;
}

.post .post-foot .tags {
	float: right;
	text-align: right;
	width: 330px;
}

.post blockquote {
	font-style: italic;
	margin-bottom: 1.6em;
	background: #fff url(img/quote.png) no-repeat .5em 1em;
	padding: 1em 1.6em .5em 5em;
	border: 1px solid #ddd;
}

.post blockquote p {
	margin-top: 1px;
}

.post blockquote p + p {
	margin-top: -0.5em;
}

/**
 * @start Posts.Tables
 */
.content .post table,
.content .post table thead,
.content .post table tfoot {
	width: 100%;
	border: 1px solid #aaa;
	border-bottom: 2px solid #ddd;
	border-right: 2px solid #ddd;
	background: #fff;
	border-collapse: collapse;
}

.content .post table thead,
.content .post table th,
.content .post table thead a,
.content .post table th a,
.content .post table tfoot,
.content .post table tfoot a {
	color: #208E9E;
}

.post table td,
.post table th {
	padding: .5em;
	border: 1px solid #ddd;
}

/**
 * @end Posts.Tables
 */

/**
 * @end Posts
 */

/**
 * @start Comments
 */
#commentblock {
	float: left;
	width: 670px;
}

.comments .post-content-wrapper {
}

.comments #commentlist {
	list-style-type: none;
	margin: 0;
}

.comments .commentleft {
	float: left;
	width: 135px;
	padding-right: 10px;
}

.comments .commentright {
	float: left;
	width: 390px;
	border-left: 1px dotted #999;
	padding-left: 10px;
	min-height: 120px;
}

.comments .commentfoot {
	border-bottom: 1px dotted #999;
	margin-bottom: 20px;
	padding: 0;
	clear:both;
}

.comments li.comment {
	position: relative;
}

.comments li.comment .count {
	display: block;
	position: absolute;
	right: 420px;
	bottom: 10px;
	font-size: 100px;
	color: #ddd;
	height: 1em;
	line-height: 1em;
}

#respond h3 {
	margin: 0;
	padding: 0 0 .5em;
}

#respond input,
#respond textarea,
#respond button {
	border: 1px solid #999;
	background: #fff;
}

#respond input,
#respond textarea {
	width: 460px;
}

#respond button {
	background: #208E9F;
	color: #fff;
	border: none;
	padding: 0;
}

#respond button span {
	padding: .3em .5em;
	height: 2em;
	line-height: 2em;
}

#respond .help {
	margin: 0;
	padding: .5em 0;
}

#respond .help h4 {
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/**
 * @end Comments
 */


/**
 * @start Search list
 */
.search-list .post .postmeta {
	text-align: right;
}

.search-list .post .posttitle {
	text-align: left;
}

.search-list ol {
	list-style-type: none;
	margin: 0;
}

.search-list .post .number {
	background: transparent url(img/postdate_bg.png) no-repeat 0 0;
	width: 50px;
	height: 50px;
	text-align: center;
	position: absolute;
	top: -30px;
	left: -55px;
	font-size: 2em;
	line-height: 50px
}

/**
 * @end Search list
 */

/**
 * @start Gallery
 */
html body .post .ngg-album,
html body .post .ngg-gallery-thumbnail-box  {
	width: 240px;
	float: left;
	margin: 0 10px;
	text-align: center;
	border: none;
}

html body .post .ngg-gallery-thumbnail-box  {
	height: 230px;
	width: 230px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #ddd;
	background: #fff;
	float: left;
	text-align: center;
}

html body .post .ngg-gallery-thumbnail-box a {
	height: 220px;
	line-height: 220px;
	width: 220px;
	display: table-cell;
	vertical-align: middle;
}

html body .post .ngg-gallery-thumbnail-box a img {
	vertical-align:middle;
	border: 1px solid #DDDDDD;
	padding: 4px;
}

.post .ngg-album .ngg-description,
.post .ngg-album .ngg-albumtitle {
	text-align: center;
}

.post .ngg-thumbnail {
	float: none;
	margin: 0;
}

.post .ngg-gallery-thumbnail {
	float: none;
}

.post .ngg-gallery-thumbnail img {
	margin: 0 auto;
}

#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
    display: none;
}

/**
 * @end Gallery
 */