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 { 
     background:url(http://csajblog.hu/px/back_header.jpg) repeat-x;  
     line-height:1; 
     font:14px Arial, "Trebuchet MS", Helvetica, sans-serif;  
     background-color:#520000}

/* --= Logo =-- */
h1 a { display:block; width:378px; float: left; color: #cc2a43; font: bold 40px "Helvetica Neue", Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: -2px; text-indent: 35px; height: 60px; padding-top: 51px; }
h1 a:hover { color: #6e604f; }

h1 a { text-indent:-9009px; background:url(images/hardblog_logo.png) no-repeat; height:111px; padding-top: 0; }	
	
/* --= Typography & Colors =-- */

.entry { 
     font: 14px Arial, "Trebuchet MS", Helvetica, sans-serif; 
     color: #332b26; 
     font-style:italic;
     margin-bottom: 25px;
     color: #332b26; }

.post a { color: #6e604f; border-bottom: 1px dotted #cc2a43; text-decoration: none; }
.post a:hover { color: #cc2a43; }
.commenttext a { color: #cc2a43; border-bottom: 1px dotted #cc2a43; text-decoration: none; }
.commenttext a:hover { color: #6e604f; }

.postwrapper h2 { 
     font: bold 27px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; 
     color: #fff;  
     display: inline; }

.postwrapper h2 a { 
     color: #cc2a43; 
     text-decoration: none; 
     padding:3px; 
     border: none;}

.postwrapper h2 a:hover { 
     color: #fff; 
     background-color: #cc2a43; 
     text-decoration: underline; 
     padding: 3px; }

h2 a.single , h2.single, #comments, #respond { display: block; font: bold 16px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; color: #cc2a43; text-decoration: none; margin-bottom: 7px; border: none; }

h2 a.single:hover { color: #332b26; }

.entry h3 { font: bold 16px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; border-bottom: 1px solid #998d76; padding-bottom: 2px; margin-bottom: 10px; }
.undertitle { display: block; color: #998d76; font: bold 11px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; margin: 1px 0 8px 0; }
.undertitle a { color: #998d76; text-decoration: none; }
.undertitle a:hover { color: #332b26; text-decoration: underline; }

.postmeta { color: #ccc; font-size: 11px; }
.postmeta a { color: #6e604f; text-decoration: none; border: none; }
.postmeta a:hover { color: #cc2a43; }

#sidebar h2.widgettitle { 
     /* background: transparent url(images/widget-title.gif) right no-repeat;*/ 
     color: #fff; 
     background-color: #cbb1b2;
     border-top: 1px solid #88301a;
     border-bottom: 1px solid #88301a; 
     font:bold 16px 
     display: block; 
     padding: 8px; 
     margin-bottom: 15px; 
}

#subfooter h2.widgettitle { font-size: 14px; background: none; font-weight: normal; color: #fff; border-bottom: 1px solid #fff; display: block; padding: 5px; }
.pagetitle { font:bold 14px; color: #978b74; display: block; margin-bottom: 15px; font-style: italic; }
#sidebar .recentcomments a { border: none; }

#sidebar ul li a, #sidebar .recentcomments { 
     display: block; 
     color:#666666;
     margin-left: 20px; 
     padding: 3px 8px; 
     font-size: 14px; 
     text-decoration: none; 
     border-bottom: 1px dotted #cbb1b2; 
     width: 250px;}

#sidebar ul li a:hover { 
     color: #fff; 
     background-color: #cc2a43;}

#subfooter li a { color: #968a73; text-decoration: none; display: block; padding: 3px 5px; font-size: 12px; border-bottom: 1px solid #453a32; }
#subfooter li a:hover { color: #cc2a43; background-color: #3a2f28; }

#menu a { 
     font-family: Arial, "Trebuchet MS", Helvetica, sans-serif; 
     font-size: 15px;
     font-weight: bold;
     color: #fff; 
     text-decoration: none; 
     padding: 3px 8px;}

#menu a:hover { 
     color: #fff; 
     text-decoration: underline;}

blockquote { padding: 0 45px; background: url(images/quote.gif) 15px top no-repeat; color: #998d76; height: 100%; font-style: italic; }
#rss a { float: right; margin-top: -18px; width: 62px; height: 64px; text-indent:-9009px; background: url(images/rss.gif) bottom no-repeat; }
#rss a:hover { background: url(images/rss.gif) top no-repeat; }
/* --= End Typography & Colors =-- */

/* --= Begin Structure =-- */
#wrapper { padding: 30px 0 0 0; }
#page { width: 980px; margin: 0 auto; }
#header { height: 169px; background: url(images/header.png) no-repeat; }
#headerimg { padding: 0px 0px 36px 20px;}


#topad { 
     float: left; 
     margin: 0px 0px 36px 35px;}

#topad li { list-style: none; border: 0; margin: 0; padding: 0; }
#sidead { text-align: center; margin: 0 28px 15px 0; }
#sidead img { margin: 0 0 10px 10px; }

#menu { 
     margin: 15px 8px 4px 8px; 
     clear: both; }

#content { 
     background-color: #fff;
     /* background: url(images/whitebgtop.png) no-repeat; */ 
     clear: both; 
     padding: 25px 19px 25px 45px; 
     float: left; 
     min-height: 300px; 
     width: 527px; }

#contentbottom { 
     height: 22px; 
     /* background: url(images/contentbottom.png) no-repeat; */ 
     margin-left: 14px; }

#contentwrapper { 
     background-color: #fff;
     /*background: url(images/whitebg.gif);*/}

#contentbump { margin-top: 25px; }


.post { clear: both; width: 570px; }
.postwrapper { height: 135px; overflow: hidden; margin-bottom: 15px; }
.postmetadata { 
     /* clear: both; */
     font: 12px Arial, "Trebuchet MS", Helvetica, Verdana, sans-serif; 
     background-color:#fdf7f8;
     padding: 5px; 
     margin: 0 0 25px 0; 
     }
.postmetadata a { text-decoration: none; border: none; }
.postmetadata a:hover { color: #cc2a43; text-decoration: underline;}


.thecategory, .editthispost, .thecomments { 
   background: url(images/divider.gif) no-repeat 0px 4px;
   padding: 0 12px; }


.widget { margin-bottom: 25px; }
#sidebar { 
     float: left; 
     background-color: #eddfde;
     margin-right: 5px;
     /* width: 285px; */ }

#sidebarbump { padding-top: 20px; float: right; width: 319px; }
#subfooter { background: url(images/bg-alpha.png); margin: 0 13px; border-top: 1px solid #6e604f; border-left: 1px solid #453a32; border-right: 1px solid #453a32; border-bottom: 1px solid #453a32; padding-left: 20px; }
#footer { clear: both; padding: 12px 0; text-align: right; font-size: 12px; color: #fff; }
#footer a { color: #cc2a43; text-decoration: none; }
#footer a:hover { border-bottom: 1px dotted #cc2a43; }
/* --= End Structure==- */



/* --= Begin Images =-- */
.alignnone { padding-top: 4px; border: 1px solid #d6cfbc; background-color: #e0d9c5; text-align: center; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; padding-top: 4px; border: 1px solid #d6cfbc; background-color: #e0d9c5; text-align: center; }
.alignright { padding-top: 4px; border: 1px solid #d6cfbc; background-color: #e0d9c5; margin: 4px 0 0 15px; display: inline; text-align: center; }
.alignleft { padding-top: 4px; border: 1px solid #d6cfbc; background-color: #e0d9c5; margin: 4px 15px 1px 0; display: inline; text-align: center; }
.alignnone a, .aligncenter a, .alignleft a, .alignright a { border: none; }
.wp-caption .wp-caption-text { line-height: 1; padding-bottom: 4px; font-size: 10px; color: #998d76; }
.entry .img a { border: 0; }
.alignright { float: right; }
.alignleft {float: left; }
.post .thumbnail { width: 125px; height: 125px; padding: 3px; background-color: #e0d9c5; border: 1px solid #d6cfbc; float: left; margin-right: 15px; }
.post .thumbnail:hover { background-color: #d6cfbc; border: 1px solid #bfb9a7; }
.attachment a { border: none; }
p img { padding: 0; max-width: 100%; }
.entry img { padding-left: 4px; padding-right: 4px; padding-bottom: 4px; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
/* --= End Images =-- */



/* --= Begin Lists =-- */
ol,ul { list-style:none; }
.entry ul { list-style:disc inside; padding: 0 0 15px 15px; }
.entry ol { list-style:decimal inside; padding: 0 0 15px 15px; }
.entry li { padding-bottom: 0.2em; }
#menu ul { margin-left: 5px; float: left; }
#menu li { display: inline; }
#subfooter li { width: 100%; }
#subfooter .widget { width: 185px; float: left; margin: 15px; display: inline; }
/* --= End Entry Lists =-- */



/* --= Begin Comments =-- */

/* comments area 
--------------------------------------------------*/
.comments{ 
	margin-bottom: 20px;
	}
h4#comments {
	margin: 0 0 15px;
	padding: 0px 0 0;
	clear: both;
	font-size: 120%;
	font-family: georgia,Verdana, Times, sans-serif;
	}
h4#respond {
	margin: 0;
	padding: 10px 0 0;
	font-size: 120%;
	font-family:georgia, Verdana, Times, sans-serif;
	}
.commentlist {
	margin: 0px 0;
	padding-left: 0px;
	}
.commentlist p {
	margin: 0 7em 0 0;
	}
	
.commentlist li{
	padding:10px;
	margin: 0px 0px ;
	border: 1px dashed #fdf7f8;
	}
.commentlist .alt {
	background:#fdf7f8;
	border: 1px dashed #fdf7f8;
	}
	
.commentlist li .avatar { 
	float: right;
	border: 1px solid #d9d9d9;
	padding: 2px;
	margin:0 0 0 10px;
	background: #fff;
	}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
        color: #ecb0ba;
	}
.commentlist cite a {
        color: #ecb0ba;
	}

.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
	}
#commentform {
	font: 110% georgia,Arial, Helvetica, sans-serif;
	}
#commentform p {
	padding: 6px 0;
	margin: 0;
	}
#commentform label {
	padding-left: 5px;
	color: #666;
	font-size: 80%;
	}
#commentform input {
	width: 200px;
	background: #f6f5f0;
	border: 1px dashed #cbcbcb;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	padding: 3px;
	margin-top: 3px;
	}
#commentform textarea {
	width: 90%;
	height: 120px;
	margin-top: 3px;
	padding: 2px;
	border: 1px dashed #cbcbcb;
	background: #fdf7f8;
	}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #fff;
	color:#484848;
	}
#commentform #submit {
	width: 165px;
	height: 40px;
	margin-bottom: 10px;
	padding:7px 0 10px;
	color: #000;
	font: bold 11px georgia, Helvetica, sans-serif;
	border: none ;
	font-style:italic;
	background: #fdf7f8;
	}




/* --= End Comments =-- */




/* --= Begin Searchbox =-- */
#searchetc { padding: -2px 8px 0 0; float:right; }
#searchetc #searchbox { width:192px; height:26px; background:url(images/searchbox.gif) no-repeat; }
#searchetc #searchbox #s { float:left; padding:0; margin:5px 0 0 5px; border:0; width:154px; background:none; font:12px Arial, "Trebuchet MS", Helvetica, Verdana, Sans-serif; font-weight:700; color:#6e604f; }
#searchetc #searchbox #go { float:left; }
/* --= End Searchbox =-- */

/* --= Begin Various Tags & Classes =-- */
.postwrapper .entry p { line-height: 1.6; }
.entry p { padding-bottom: 1.5em; line-height: 1.85; }
.thetime { padding: 0 10px; }
.readmore a { width:69px; height:24px; text-indent:-9009px; background:transparent url(images/read-more.gif) top no-repeat; float: right; margin-top: -19px; margin-right: 3px; }
.readmore a:hover { background: url(images/read-more.gif) bottom no-repeat; }
.navigation { width: 570px; float: left; }
.navigation a { color: #fff; text-decoration: none; width: 137px; height: 18px; font: bold 14px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; display: block; }
.navigation a:hover { color: #f5d5da; }
.navigation .navleft { background: url(images/nav-previous.gif) no-repeat; float: left; }
.navigation .navleft a { padding: 1px 0 0 15px; }
.navigation .navright { background: url(images/nav-next.gif) no-repeat; text-align: right; float: right; }
.navigation .navright a { padding: 1px 15px 0 0; }
.clr { clear: both; }
#respond { margin-bottom: 15px; }
#sidebar #tag_cloud a { display: inline; padding: 3px; border: none; }
#sidebar #tag_cloud a:hover { color: #cc2a43; background-color: transparent; }
#subfooter #tag_cloud a { display: block; float: left; padding: 3px; border: none; }
/* --= End Various Tags & Classes =-- */