/* main CSS stylesheet - http://mentatea.hu */
/* media:print */

body {
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12pt;
text-align:left;
line-height:120%;
background:white;
}

#wrap, #main, #content {
margin:0;
padding:0;
width:auto;
float: none !important;
color: black; 
background: transparent;
}



/* --------------------- to hide --------------------- */
#header, #nav, #sidetop, #sidebottom, #footer, #firefox, div.prevnext, div.commentform, h1 {
display:none;
}



/* --------------------- links --------------------- */
a:link, a:visited {
color:#336633;
background:transparent;
font-weight:bold;
text-decoration:underline;
}

#content a[href^="http:"]:link:after, #content a[href^="http:"]:visited:after,
#content a[href^="https:"]:link:after, #content a[href^="https:"]:visited:after {
content:" (" attr(href) ") ";
font-size:80%;
font-weight:normal;
text-decoration:none;
}



/* --------------------- content --------------------- */
ul.photo, ul.szoftver, ul.munkak {
list-style-type:none;
padding:0;
margin:0;
}

ul.photo li {
float:left;
display:inline;
width:110px;
margin:20px;
text-align:center;
}

ul.szoftver li {
float:left;
display:inline;
width:220px;
margin:10px;
padding:0;
}

ul.munkak li {
float:left;
display:inline;
margin:10px 0;
padding:0;
}

div.tip {
padding:0;
margin:0;
margin-top:10px;
background:#f8f8f8;
}

div.tip p {
margin:10px;
}

div.float160 {
float:left;
width:160px;
margin:6px;
text-align:center;
margin-bottom:20px;
}

div.float160 img {
border:1px solid #cccccc;
margin-bottom:7px;
}

div.comment {
padding:10px;
margin:10px;
background-color:#eeeeee;
}

div.comment p {
padding:0;
margin:0 0 5px 0;
}

div.comment span {
float:left;
font-size:200%;
line-height:110%;
padding:0;
margin:0 10px 5px 0;
color:#cccccc;
}

p.commentdata {
text-align:right;
font-size:0.8em;
}



/* --------------------- headings --------------------- */
h2 {
font-size:150%;
font-weight:normal;
}

h3 {
font-size:120%;
font-weight:bold;
}

h4 {
font-size:100%;
padding:0;
margin:20px 0 0 0;
font-weight:bold;
line-height:normal;
}

h4.lineabove {
padding-top:20px;
border-top:1px solid #cccccc;
}



/* --------------------- images --------------------- */
img.floatleft {
float:left;
margin:10px 10px 10px 0;
}

img.floatright {
float:right;
margin:10px 10px 0 10px;
}

img.softwareicon {
float:left;
margin:0 10px 10px 0;
}

div.photo a:link img, div.photo a:visited img, 
div.portfolio a:link img, div.portfolio a:visited img {
display: block;
padding:3px;
border:1px solid #cccccc;
margin-bottom:3px;
}



/* --------------------- other --------------------- */
code {
color:#666666;
font-size:90%;
line-height:1.5em;
text-align:left;
}

.underline {
text-decoration:underline;
}

.red {
color:red;
}

.blue {
color:blue;
}

.clearfloat {
clear:both;
}