/*
Theme Name: 27gigapixel
Theme URI: http:///
Description: 27gigapixel
Version: 1.0
Author: Tamas Marki
Author URI: http://27gigapixel.mandiner.hu/
Tags: 
*/

* {
margin: 0;
padding: 0;
border: 0;
}

body {
background: #e6e6e6;
font-family: Georgia, 'Times New Roman';
}

a {
color: #003399;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#site {
width: 996px;
margin: 0 auto;
background: url(/wp-content/themes/27gigapixel/images/27gp-header.jpg) top center no-repeat #fff;
}

/*===== HEADER =====*/

#header {
margin: 0 0 10px 0;
padding: 6px 10px 0 10px;
}

#header div.left {
width: 440px;
height: 80px;
float: left;
position: relative;
}

#header div.right {
width: 530px;
height: 80px;
float: right;
position: relative;
}

#header div.right div#now {
position: absolute;
bottom: 40px;
right: 1px;
color: #999;
font-size: 0.8em;
}

#header div.right form#searchform {
position: absolute;
bottom: 10px;
right: 0;
font-family: Georgia;
font-size: 0.8em;
letter-spacing: 1px;
}

#header div.right form#searchform input.t {
width: 130px;
padding: 3px;
border: 1px solid #aaa;
color: #777;
outline: none;
}

#header div.right form input.b {
padding: 2px 5px;
border: 1px solid #aaa;
background: #eee;
font-weight: bold;
}

#header div.right form#loginform {
position: absolute;
bottom: 10px;
left: 30px;
}

#header div.right form#loginform p {
margin: 0 0 8px 0;
font-size: 0.8em;
color: #999;
text-align: right;
}

#header div.right form#loginform p a {
color: #999;
}

#header div.right form#loginform p a:hover {
color: #333;
}

#header div.right form#loginform input.t {
width: 100px;
padding: 3px;
border: 1px solid #aaa;
color: #777;
outline: none;
}

#header div.right form#searchform input.t:hover,
#header div.right form#searchform input.t:focus,
#header div.right form#loginform input.t:hover,
#header div.right form#loginform input.t:focus {
border: 1px solid #222;
color: #222;
}

#header div.right form input.b:hover,
#header div.right form input.b:focus {
border: 1px solid #222;
background: #ccc;
color: #222;
}

#header div.left a#home {
width: 392px;
height: 74px;
margin: 3px 0;
display: block;
outline: none;
position: absolute;
left: 300px;
z-index: 1;
}

#header div#menu {
clear: both;
font-family: arial, serif;
font-weight: bold;
letter-spacing: -0.04em;

position: relative;
}

#header div#menu ul {
display: block;
}

#header div#menu ul li {
float: left;
display: inline;
}

#header div#menu ul li a {
text-decoration: none;
float: left;
}

#header div#menu ul li a:hover {
background: #003399;
color: #fff;
text-shadow: 1px 1px 1px #003c65;
}

#header div#menu ul#mainmenu {
height: 34px;
background: #ccc;
background: rgba(204,204,204,0.85);
}

#header div#menu ul#mainmenu li a {
height: 26px;
padding: 8px 16px 0 16px;
display: block;
font-size: 1.1em;
line-height: 1em;
}

#header div#menu ul#mainmenu li.selected a {
background: #ff6600;
color: #fff;
text-shadow: 1px 1px 1px #c20000;
}

#header div#menu ul#submenu {
height: 28px;
background: #ddd;
background: rgba(221,221,221,0.85);
}

#header div#menu ul#submenu li a {
height: 21px;
padding: 7px 14px 0 14px;
display: block;
font-size: 0.90em;
line-height: 1em;
}

#header div#menu a#rss {
width: 28px;
height: 28px;
position: absolute;
right: 10px;
top: 17px;
background: url(/images/design/rss-icon.png) no-repeat;
}

#header div#menu a#rss span {
display: none;
}

/*===== CONTENTS =====*/

#contents {
font-size: 0.9em;
line-height: 1.3em;
}

#contents div.page {
width: 655px;
margin: 0 10px;
float: left;
font-size: 0.9em;
}

#contents div.page h1.band {
margin: 0 0 16px 0;
padding: 10px 0 5px 3px;
background: #eee;
color: #ff6600;
font-family: arial;
font-size: 2.4em;
text-transform: uppercase;
letter-spacing: -1px;
}

#contents div#tag div.news_list_row,
#contents div#videolist div.video_row,
#contents div#searchlist div.news_boxlist {
margin: 0 50px 20px 50px;
padding: 0 0 20px 0;
background: url(/images/design/dot.png) bottom repeat-x;
}

#contents div#tag div.news_list_row span.title,
#contents div#videolist div.video_row span.title,
#contents div#searchlist div.news_boxlist span.title {
font-weight: bold;
}

#contents div#tag div.news_list_row div.img,
#contents div#searchlist div.news_boxlist div.img {
width: 210px;
height: 110px;
float: left;
}

#contents div#videolist div.video_row div.embed {
text-align: center;
}

#contents div#videolist div.video_row div.date,
#contents div#videolist div.video_row div.title,
#contents div#videolist div.video_row div.lead {
width: 425px;
margin: 0 auto;
}

#contents div#tag div.news_list_row div.date,
#contents div#videolist div.video_row div.date,
#contents div#searchlist div.news_boxlist div.info {
color: #777;
font-style: italic;
}

#contents div#signup table.signup {
margin: 0 0 10px 80px;
padding: 5px 10px;
background: #f4f4f4;
}

#contents div#signup table.signup .name {
width: 130px;
}

#contents div#signup table.signup .field {
width: 250px;
}

#contents div#signup table.signup td {
width: 20px;
}

#contents div#signup table.signup .w100 {
width: 244px;
height: 15px;
padding: 3px;
border: 1px #ddd solid;
background: #f9f9f9;
color: #777;
float:right;
font-size: 14px;
font-family: Georgia;
letter-spacing: 1px;
}

#contents div#signup table.signup input#signupBirthday {
width: 90px !important;
height: 15px;
padding: 3px;
border: 1px #ddd solid;
background: #f9f9f9;
color: #777;
font-size: 14px;
font-family: Georgia;
letter-spacing: 1px;
}

#contents div#signup table.signup .w100:hover,
#contents div#signup table.signup .w100:focus,
#contents div#signup table.signup input#signupBirthday:hover,
#contents div#signup table.signup input#signupBirthday:focus {
background: #fff;
border: 1px solid #aaa;
color: #333;
}

#contents div#signup table.signup select.w100 {
width: 250px;
padding: 0px;
}

#contents div#signup table.signup td, table.signup th {
padding: 5px 10px;
}

#contents div#signup .regsubmit {
width: 482px;
margin: 0 0 0 80px;
padding: 4px 0;
border: 1px solid #777;
background: #ccc;
font-weight: bold;
font-family: Georgia;
font-size: 16px;
letter-spacing: 2px;
}

#contents div#signup .regsubmit:hover {
border: 1px #333 solid;
background: #777;
color: #fff;
}

#contents div#lostpw form {
margin: 0 80px;
padding: 10px;
background: #f4f4f4;
text-align: center;
}

#contents div#lostpw p {
font-size: 2.8em;
font-weight: bold;
line-height: 1.3em;
}

#contents div#lostpw input {
width: 440px;
padding: 3px;
font-size: 30px;
font-weight: bold;
font-family: Georgia;
background: #f9f9f9;
border: 1px solid #ddd;
font-family: Georgia;
letter-spacing: 1px;
}

#contents div#lostpw input:hover, 
#contents div#lostpw input:focus {
border: 1px #aaa solid;
background: #fff;
color: #333;
}

#contents div#lostpw input#submit {
width: 448px;
margin: 10px 0 0 0;
padding: 4px 0;
background: #ccc;
border: 1px solid #777;
font-weight: bold;
font-family: Georgia;
font-size: 16px;
letter-spacing: 2px;
}

#contents div#lostpw input#submit:hover {
border: 1px #333 solid;
background: #777;
color: #fff;
}


/*===== HOMEPAGE =====*/

#homepage {
width: 655px;
margin: 0 0 0 10px;
float: left;
}

#homepage div.item {
font-size: 0.90em;
line-height: 1.3em;
}

#homepage #top div.left {
width: 425px;
float: left;
}

#homepage #top div.left div.item {
margin: 0 0 20px 0;
}

#homepage #top div.left div.item p.lead {
margin: 0 0 8px 0;
}

#homepage #top div.left div.title {
margin: 6px 0 8px 0;
padding: 0 5px;
font-size: 2.2em;
line-height: 1em;
}

#homepage #top div.left p.lead,
#homepage #top div.left p.comments,
#homepage #top div.left div.links {
padding: 0 5px;
font-size: 1.1em;
line-height: 1.4em;
}

#homepage #top div.right {
width: 200px;
margin: 0 0 0 10px;
padding: 8px 10px 0 10px;
float: left;
background: #f1f1f1;
}

#homepage #top div.right div.item,
#homepage #middle div.left div.item {
margin: 0 0 6px 0;
padding: 0 0 10px 0;
background: url(/images/design/dot.png) bottom repeat-x;
}

#homepage #top div.right div.item.last,
#homepage #middle div.left div.item.last {
margin: 0;
background-image: none;
}

#homepage #middle div.left {
width: 200px;
padding: 8px 10px 0 10px;
float: left;
background: #f1f1f1;
}

#homepage #middle div.right {
width: 425px;
margin: 0 0 0 10px;
float: left;
}

#homepage #middle div#winnerloser {
margin: 0 0 10px 0;
}

#homepage #middle div#winnerloser a.invert {
margin: 0 0 3px 0;
padding: 3px 0;
display: block;
color: #fff;
font-family: arial;
font-weight: bold;
font-size: 1.8em;
text-align: center;
text-transform: uppercase;
letter-spacing: -1px;
}

#homepage #middle div#winnerloser a.invert:hover {
text-decoration: none;
}

#homepage #middle div#winnerloser div.toleft {
width: 205px;
float: left;
}

#homepage #middle div#winnerloser div.title,
#homepage #middle div#winnerloser p.lead,
#homepage #middle div#winnerloser p.comments {
padding: 0 4px;
}

#homepage #middle div#winnerloser div.toleft a.invert {
background: green;
}

#homepage #middle div#winnerloser div.toright {
width: 205px;
padding: 0 0 0 8px;
background: url(/images/design/dot.png) repeat-y;
float: right;
}

#homepage #middle div#winnerloser div.toright a.invert {
background: #ff6600;
}

#homepage #middle div.right #video a.band {
background: #222;
}

#homepage #middle div.right #video div.title {
padding: 0 3px 6px 3px;
font-size: 1.1em;
}

#homepage #middle div.right #video p.lead {
margin: 6px 0 0 0;
}

#homepage #middle div.right #video p.lead,
#homepage #middle div.right #video p.comments {
padding: 0 3px;
}

#homepage #middle div.block a.band {
width: 425px;
height: 30px;
margin: 0 0 6px 0;
background: #ccc;
display: block;
}

#homepage #middle div.block a.band span {
padding: 7px 0 0 4px;
color: #fff;
display: block;
font-family: arial;
font-weight: bold;
font-size: 1.8em;
letter-spacing: -1px;
text-transform: uppercase;
}

#homepage #middle div.block a.band:hover {
text-decoration: none;
}

#homepage #middle div.block div.item.big div.title {
margin: 0 0 6px 0;
font-size: 2em;
line-height: 1.1em;
}

#homepage #middle div.block div.item.big div.title,
#homepage #middle div.block div.item.big p.lead,
#homepage #middle div.block div.item.big p.comments,
#homepage #middle div.block div.item.big div.links {
padding: 0 3px;
}

#homepage #middle div.block div.item.big p.lead {
line-height: 1.4em;
}

#homepage #middle div.block div.item.small {
width: 200px;
}

#homepage div.block div.toleft {
margin: 0 0 0 3px;
float: left;
}

#homepage div.block div.toright {
margin: 0 3px 0 0;
padding: 0 0 0 10px;
background: url(/images/design/dot.png) repeat-y;
float: right;
}

#homepage #middle div#sport a.band {
background: url(/images/design/mandinersport_fejlec.jpg) #66cc99;
}

#homepage #middle div#culture a.band {
background: #99ccff;
}

#homepage #middle div#autoteszt a.band {
background: url(http://autoteszt.mandiner.hu/images/design/barheader.png) 0 -2px #990000;
}

#homepage #middle div#tabloid a.band {
background: #cc0066;
}

#homepage #middle div#sport a.band span,
#homepage #middle div#autoteszt a.band span {
display: none;
}

/*===== ARTICLE =====*/

#article {
width: 655px;
margin: 0 10px;
float: left;
}

#article div.top {
width: 560px;
margin: 0 auto 20px auto;
}

#article div.img {

}

#article h1 {
margin: 10px 0 16px 0;
font-size: 2.4em;
line-height: 1em;
color: #003399;
}

#article div.taglist {
margin: 0 0 16px 0;
}

#article div.taglist a {
color: #ff6600;
font-weight: bold;
}

#article div.top div.info {
margin: 0 0 16px 0;
color: #777;
}

#article p.lead {
margin: 0 0 20px 0;
font-weight: bold;
line-height: 1.5em;
}

#article div.article_billboard_banner_position {
margin: 10px 0;
text-align: center;
}

#article div.text {
margin: 0 0 16px 0;
line-height: 1.5em;
}

#article div.text p {
margin: 0 0 16px 0;
}

#article div.sources {
padding: 5px 10px;
background: #f8f8f8;
}

#article div.sources ul {
margin: 0 0 0 20px;
list-style-type: square;
}

#article div.sources ul li {
margin: 0 0 6px 0;
}

#article div.sources ul li.sourcetyp1 {
color: #003399;
}

#article div.sources ul li.sourcetyp1 span.site {
padding: 0 5px;
background: #003399;
color: #fff;
}

#article div.sources ul li.sourcetyp2 {
color: #ff6600;
}

#article div.sources ul li.sourcetyp2 span.site {
padding: 0 5px;
background: #ff6600;
color: #fff;
}

#article div.sources ul li a:hover {
text-decoration: none;
}

#article div.sources ul li a:hover span.title {
text-decoration: underline;
}

#article div.sources ul li.sourcetyp1 a:hover span.site {
background: #ff6600;
}

#article div.sources ul li.sourcetyp2 a:hover span.site {
background: #003399;
}

#article div.sources p {
color: #666;
}

#article div.trackback {
margin: 10px 0;
padding: 10px 0;
background: #f8f8f8;
color: #999;
text-align: center;
}

#article ul#shareandlike {
height: 40px;
margin: 10px 0 0 0;
padding: 10px 10px 10px 10px;
background: #f1f1f1;
clear: both;
}

#article ul#shareandlike li {
margin: 0 10px 0 0;
display: inline;
float: left;
}

#article ul#shareandlike li.li6 {
padding: 0 0 0 10px;
background: url(/images/design/dot.png) repeat-y;
float: right;
}

#article ul#shareandlike li.li5 {
margin: 0;
float: right;
}

#article ul#shareandlike li a {
height: 25px;
padding: 7px 21px 7px 20px;
display: block;
background: #ccc;
color: #fff;
font-size: 1.2em;
}

#article ul#shareandlike li.left a span {
padding: 3px 0 0 0;
display: none;
}

#article ul#shareandlike li.li1 a {
background: url(/images/design/facebook-f.png) no-repeat 6px center #ccc;
}

#article ul#shareandlike li.li2 a {
background: url(/images/design/iwiw-logo.png) no-repeat 6px center #ccc;
}

#article ul#shareandlike li.li3 a {
background: url(/images/design/buzz.png) no-repeat 6px center #ccc;
}

#article ul#shareandlike li.li4 a {
background: url(/images/design/printer.png) no-repeat 6px center #ccc;
cursor: pointer;
}

#article ul#shareandlike li a:hover {
background-color: #ff6600;
color: #fff;
text-decoration: none;
}

#article ul#shareandlike li.left a:hover {
background-position: 6px center;
padding-left: 40px;
}

#article ul#shareandlike li.left a:hover span {
display: block;
}

#article ul#shareandlike li a#like {
width: 60px;
font-size: 18px;
font-weight: bold;
display: block;
background: #15a035;
color: #fff;
text-align: center;
}

#article ul#shareandlike li a#like:hover {
text-decoration: none;
background: #00cc33;
}

#article ul#shareandlike li a#like span {
height: 26px;
background: url(/images/design/thumbup.png) 0 5px no-repeat;
padding: 0 0 0 16px;
}

#article ul#shareandlike li a#dontlike {
width: 60px;
font-size: 18px;
font-weight: bold;
display: block;
background: #cc3333;
color: #fff;
text-align: center;
}

#article ul#shareandlike li a#dontlike:hover {
text-decoration: none;
background: #ff3333;
}

#article ul#shareandlike li a#dontlike span {
height: 26px;
background: url(/images/design/thumbdown.png) 0 8px no-repeat;
padding: 0 0 2px 16px;
}

#article div.middle {
width: 560px;
margin: 20px auto 20px auto;
}

#article div.middle div#comments h4 {
margin: 0 0 16px 0;
padding: 6px 0 2px 4px;
background: #eee;
color: #ff6600;
font-family: arial;
font-size: 1.4em;
text-shadow: -1px -1px 1px #fff;
text-transform: uppercase;
letter-spacing: -1px;
}

#blogpage div.comment {
margin: 0 0 25px 0;
}

#blogpage div.comment div.info {
padding: 0 10px 10px 10px;
background: url(/wp-content/themes/27gigapixel/images/arrow-up.png) 20px bottom no-repeat;
color: #333;
}

#blogpage div.comment div.info a {
padding: 0 0 0 4px;
color: #777;
}

#blogpage div.comment div.grey {
padding: 10px;
background: #f4f4f4;
}

#article div.middle div.comment div.replies {
text-align: right;
clear: both;
}

#article div.middle div.comment div.commentlike {
height: 30px;
margin: 0;
padding: 0;
float: right;
}

#article div.middle div.comment div.commentlike ul li {
margin: 0 0 0 8px;
list-style-type: none;
float: left;
}

#article div.middle div.comment div.commentlike ul li a {
height: 24px;
padding: 1px 8px 0 8px;
font-size: 16px;
display: block;
background: #e8e8e8;
text-align: center;
color: #333;
outline: none;
}

#article div.middle div.comment div.commentlike ul li a.clike:hover {
color: #fff;
text-decoration: none;
background: #00cc33;
}

#article div.middle div.comment div.commentlike ul li a.clike span {
height: 24px;
display: block;
background: url(/images/design/thumbup.png) 0 3px no-repeat;
padding: 0 0 0 16px;
}

#article div.middle div.comment div.commentlike ul li a.cdontlike:hover {
color: #fff;
background: #ff3333;
text-decoration: none;
}

#article div.middle div.comment div.commentlike ul li a.cdontlike span {
height: 24px;
display: block;
background: url(/images/design/thumbdown.png) 0 6px no-repeat;
padding: 0 0 2px 16px;
}

#article div.middle div#startcomment {
padding: 40px 15px 4px 15px;
background: #fff;
margin-bottom: 20px;
position: relative;
border: 1px solid #ff6600;
}

#article div.middle div#startcomment div.text {
padding-left: 70px;
color: #000;
z-index: 2;
position: relative;
}

#article div.middle div#startcomment div.title a {
margin: 0 0 0 0;
padding: 3px 2px 5px 10px;
position: absolute;
right:0;
top:0;
text-transform: lowercase;
text-align: center;
letter-spacing: 7px;
font-family: Arial, sans;
color: #fff;
background: #ff6600;
}

#article div.middle div#startcomment div.title a:hover {
text-decoration: none;
}

#article div.middle div#startcomment .date {
color:#FFFFFF;
display:none;
padding:3px 0;
}

#article div.middle div#startcomment .owner img {
float:left;
height:60px;
margin-right:20px;
width: 60px;
}

#article div.middle div#startcomment .owner {
width: 350px;
color: #ff6600;
font-weight:bold;
left:0;
padding:5px;
position:absolute;
text-align:left;
text-transform:uppercase;
top:0;
z-index: 1;
}

#article div.middle div#startcomment a {
color: #ff6600;
text-decoration: none;
}

#article div.middle div#startcomment a:hover {
color: #ff6600;
text-decoration: underline;
}

#article div.middle div#startcomment div.commentlike ul li a {
color: #333;
}

#article div.middle div#startcomment div.commentlike ul li a:hover {
color: #fff;
text-decoration: none;
}

#article #commentform {
margin: 0 28px 0 35px;
padding: 0;
}

#article #commentform textarea {
width: 500px;
height: 230px;
margin: 0 0 6px 0;
padding: 3px;
background: #f9f9f9;
border: 1px solid #ccc;
font-size: 1em;
font-family: Georgia;
letter-spacing: 1px;
}

#article #commentform textarea:hover,
#article #commentform textarea:focus {
background: #fff;
border: 1px solid #777;
}

#article #commentform .submit {
width: 500px;
margin: 0;
padding: 4px 0;
border: 1px solid #777;
background: #ccc;
font-weight: bold;
font-family: Georgia;
font-size: 16px;
letter-spacing: 2px;
}

#article #commentform .submit:hover {
border: 1px #333 solid;
background: #777;
color: #fff;
}

#article #loginbox {
margin: 0 80px;
padding: 10px;
background: #f4f4f4;
text-align:left;
font-size: 18px;
text-align: center;
}

#article #loginbox a {
color: #777;
text-decoration:underline;
font-size: 12px;
}

#article #loginbox p {
margin: 0;
padding: 0;
color: #777;
font-size: 12px;
}

#article #loginbox a:hover {
color: #333;
text-decoration: none;
}

#article #loginbox .username,
#loginbox .password {
width: 300px;
margin: 3px 0 12px 0;
border: 1px #ddd solid;
background: #f9f9f9;
font-size: 28px;
font-family: Georgia;
}

#article #loginbox .username:hover,
#article #loginbox .password:hover,
#article #loginbox .username:focus,
#article #loginbox .password:focus {
border: 1px #aaa solid;
background: #fff;
color: #333;
}

#article #loginbox input.submit {
width: 306px;
margin: 0 0 12px 0;
padding: 4px 0;
font-size: 20px;
font-family: Georgia;
font-weight: bold;
background: #ccc;
border: 1px solid #777;
letter-spacing: 2px;
}

#article #loginbox input.submit:hover {
border: 1px solid #333;
background: #777;
color: #fff;
}

/*===== SIDEBAR =====*/

#sidebar {
width: 310px;
margin: 0 10px 10px 0;
font-size: 0.9em;
float: right;
}

#sidebar div#opinions,
#sidebar div#opinions2 {
margin: 0 0 10px 0;
padding: 10px;
background: #003399;
color: #fff;
}

#sidebar div#opinions a,
#sidebar div#opinions2 a {
color: #fff;
}

#sidebar div#opinions div.item,
#sidebar div#opinions2 div.item {
margin: 6px 0 0 0;
padding: 10px 0 0 0;
background: url(http://mandiner.hu/images/design/dot-white.png) top repeat-x;
}

#sidebar div#opinions div.item div.img,
#sidebar div#opinions2 div.item div.img {
width: 60px;
height: 60px;
margin: 0 10px 4px 0;
float: left;
}

#sidebar div#opinions p.owner,
#sidebar div#opinions2 p.owner {
color: #000;
font-weight: bold;
text-shadow: 1px 1px 1px #006db7;
}

#sidebar div#opinions p.lead,
#sidebar div#opinions2 p.lead  {
display: block;
clear: both;
}

#sidebar div#opinions div.item.last,
#sidebar div#opinions2 div.item.last,
#sidebar div#blogs div.item.last {
margin-top: 0;
padding-top: 0;
background-image: none;
}

#sidebar div#medianezo {
margin: 0 0 10px 0;
padding: 10px;
background: #282f6d;
color: #fff;
}

#sidebar div#medianezo a {
color: #fff;
}

#sidebar div#medianezo a.band {
margin: 0 0 3px 0;
padding: 0 0 2px 0;
border-bottom: 1px solid #7e82a1;
display: block;
text-transform: uppercase;
font-family: arial;
font-weight: bold;
font-size: 1.6em;
letter-spacing: -1px;
color: #eee;
}

#sidebar div#medianezo a.band:hover {
text-decoration: none;
}

#sidebar div#blogs {
background: #f1f1f1;
}

#sidebar div#blogs {
margin: 0 0 10px 0;
padding: 10px 0;
}

#sidebar div#blogs hr {
margin: 10px 10px 0 10px;
}

#sidebar div#blogs div.item {
margin: 0 10px;
padding: 8px 0 7px 0;
background: url(http://mandiner.hu/images/design/dot.png) top repeat-x;
}

#sidebar div#blogs div#rightBanner {
}

#sidebar div#blogs a span.blog_title {
padding: 0 5px;
background: #ff6600;
color: #fff;
}

#sidebar div#blogs a:hover {
text-decoration: none;
}

#sidebar div#blogs a:hover span.blog_title {
background: #003399;
}

#sidebar div#blogs a:hover span.blogpost_title {
text-decoration: underline;
}

#sidebar div.twoway {
margin: 0 0 10px 0;
background: #f1f1f1;
}

#sidebar div.twoway div.band {
background: #ccc;
color: #555;
text-align: center;
font-weight: bold;
clear: both;
}

#sidebar div.twoway div.band span {
width: 155px;
padding: 6px 0 4px 0;
display: block;
float: left;
cursor: pointer;
text-shadow: -1px -1px 1px #fff;
}

#sidebar div.twoway div.band span:hover {
background: #222;
color: #fff;
text-shadow: none;
}

#sidebar div.twoway div.band span.selected {
background: #f1f1f1;
color: #222;
}

#sidebar div.twoway ul {
margin: 0 10px 0 26px;
padding: 10px 0;
color: #ff6600;
list-style-type: square;
display: none;
clear: both;
}

#sidebar div.twoway ul.selected {
display: block;
}

#sidebar div#lastcomments {
padding: 10px 0 0 0;
}

#sidebar div#lastcomments ul li {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
background: url(http://mandiner.hu/images/design/dot.png) bottom left repeat-x;
list-style: none;
}

#sidebar div#lastcomments div.band {
margin: 0 0 10px 0;
padding: 6px 0 4px 10px;
background: #ddd;
font-weight: bold;
text-shadow: -1px -1px 1px #fff;
}

#sidebar div#lastcomments a {
font-weight: bold;
}

#sidebar div#lastcomments a span.title {
text-decoration: underline;
display: block;
}

#sidebar div#lastcomments a:hover span.title {
text-decoration: none;
}

#sidebar div#lastcomments a:hover {
}

#sidebar div#up_down_comments ul {
color: #333;
list-style-type: decimal;
}

#sidebar div#up_down_comments ul li {
margin: 0 0 3px 0;
}

#sidebar div#up_down_comments ul li a {
display: block;
}

#sidebar div#sidecult {
}

#sidebar div#sidecult div.item {
padding: 2px 10px 16px 80px;
}

#sidebar div#sidecult div.item.switchoff {
background: url(/images/design/switchoff-icon.png) 10px 38% no-repeat;
}

#sidebar div#sidecult div.item.dailymusic {
background: url(/images/design/play-icon.png) 10px 38% no-repeat;
}

#sidebar div#sidecult a.band {
padding: 3px 0 1px 4px;
display: block;
background: #eee;
color: #aaa;
font-family: arial;
font-weight: bold;
font-size: 1.6em;
text-transform: uppercase;
letter-spacing: -1px;
}

#sidebar div#sidecult a.band:hover {
color: #555;
text-decoration: none;
}

/*===== FOOTER =====*/

#footer {
margin: 10px 10px 0 10px;
padding: 10px 0;
background: url(http://mandiner.hu/images/design/dot.png) repeat-x;
clear: both;
font-size: 0.8em;
}

#footer ul {
height: 20px;
margin: 0 auto;
padding: 6px 0 0 0;
display: block;
}

#footer ul li {
margin: 0 0 0 20px;
padding: 0 20px 0 0;
border-right: 1px solid #ccc;
float: right;
display: inline;
}

#footer ul li.toleft {
float: left
}

#footer ul li.last {
border: none;
}

/*===== COMMON =====*/

div.img {
position: relative;
}

div.img div.subtitle {
padding: 3px 10px;
bottom: 12px;
right: 0;
position: absolute;
font-size: 0.95em;
background-color: #fff;
background-color: rgba(255,255,255,0.75);
color: #555;
}

div.title {
font-weight: bold;
}

div.links {
margin: 16px 0 0 0;
}

div.links a {
margin: 0 0 0 6px;
padding: 0 0 0 18px;
background: url(/images/design/arrow-right.png) left 2px no-repeat;
}

hr {
height: 1px;
margin: 10px 0;
background: url(http://mandiner.hu/images/design/dot.png) repeat-x;
clear: both;
}

.pager {
margin: 6px 0 20px 0;
padding: 2px 0 5px 0;
background: #eee;
text-align: center;
font-size: 0.95em;
clear: both;
}

.pager p {
margin: 0 0 2px 0;
}

.pager a {
color: #333;
font-weight: bold;
font-size: 0.8em;
}

.pager a:hover {
color: #000;
}

.pager a.number {
margin: 0 1px;
padding: 2px 4px;
background: #f4f4f4;
border: 1px solid #ccc;
font-size: 1em;
}

.pager a.number:hover {
color: #fff;
background: #ff6600;
border-color: #ff8733;
text-decoration: none;
}

.pager a.disabled {
visibility: hidden;
}

.pager a.number.disabled {
background: #fff;
color: #000;
border-color: #333;
visibility: visible;
cursor: text;
}

.pager a.number.disabled:hover {
background: #fff;
color: #000;
border-color: #333;
}

select {
border: 1px solid #ccc;
}

select:hover {
border: 1px solid #333;
}

a.band:hover {
text-decoration: none;
}

q:before {
content: "\201E";
}

q:after {
content: "\201D";
}

/*===== MISC =====*/

.clr {
clear: both;
}

#rightBanner div.banner {
height: 220px;
margin: 6px auto 0 auto;
background: #ccc;
}

#middleBanner {
text-align: center;
}

#articleBanner div.banner {
height: 100px;
margin: 6px auto 0 auto;
background: #ccc;
}

#headerBanner div.banner,
#footerBanner div.banner {
width: 800px;
height: 100px;
margin: 6px auto 0 auto;
background: #ccc;
}

/* ===== BLOG ===== */

#blogpage {
width: 655px;
margin: 0 0 0 10px;
float: left;
}

#blogpage div.post {
width: 560px;
margin: 0 0 30px 0;
padding: 0 0 0 96px;
background: url(http://m.blog.hu/ma/mandiner/skins/mandiner_v2/img/postbg.png) left top repeat-y;
position: relative;
word-wrap: break-word;
font-size: 0.92em;
line-height: 1.5em;
}

#blogpage div.post p {
margin: 0 0 16px 0;
}

#blogpage div.post h2.postcim {
font-size: 2.2em;
line-height: 1em;
font-weight: normal;
}

#blogpage div.post h3.irta {
margin: 0 0 6px 0;
color: #aaa;
}

#blogpage div.post h3.irta a {
color: #aaa;
}

div.date {
width: 85px;
top: 0;
left: 0px;
position: absolute;
text-align: center;
font-weight: bold;
color: #999;
text-shadow: 1px 1px 0 #f8f8f8;
}

div.date div.dym {
background: #f1f1f1;
}

div.date div.dj {
padding: 2px;
background: rd;
font-size: 2em;
line-height: 1em;
font-family: arial;
}

div.date div.dhi {
padding: 0 0 3px 0;
background: #f1f1f1;
}

div.post div.sharepost {
left: -96px;
bottom: 10px;
position: absolute;
}

div.blh-billboard-ad {
width: 400px;
margin: 0 auto 30px auto;
}

div.post h3.irta {
margin: 0 0 10px 0;
padding: 0;
color: #999;
font-size: 15px;
letter-spacing: 1px;
}

div.post h3.irta a {
color: #999;
}

div.post h3.tags {
margin: 10px 0;
font-size: 1.02em;
color: #777;
clear: both;
}

div.post h3.tags a {
padding: 0 2px;
color: #ff6600;
text-decoration: none;
}

div.post h3.tags a:hover {
background-color: #ff6600;
color: #fff;
}

div.post img {
margin: 0 12px 4px;
border: none;
text-align: left;
float:left;
}

div.post img.imgright  { text-align: right; float:right; margin-right: 0px; margin-left: 12px; }
div.post img.imgleft   { text-align: left; float:left; margin-left: 0px; }
div.post img.imgnotext { text-align: middle; float:none; margin: 0px;  }

div.post div.entry {
width: 560px;
margin: 0 0 6px 0;
position: relative;
}

div.post div.entry img {
max-width: 560px;
margin: 0;
}

div.post div.more {
margin: 0 0 20px 0;
clear: both;
background: red;
display: block;
}

span.morecomment a {
margin: 0 0 10px 0;
padding: 2px 10px 1px 10px;
display: block;
text-align: center;
font-family: arial;
font-size: 1.25em;
text-transform: uppercase;
float: right;
color: #fff;
background: #003399;
}

span.morecomment a:hover {
text-decoration: none;
background: #ff6600;
}

.more a.tovabb {
margin: 0 6px 10px 0;
padding: 2px 10px 1px 10px;
display: block;
text-align: center;
font-family: arial;
font-size: 1.25em;
text-transform: uppercase;
float: right;

color: #fff;
background: #003399;
}

.more a.tovabb:hover {
text-decoration: none;
background: #ff6600;
}

div.post a#sharetw img {
margin: 10px 0 0 0;
float: none;
width: 86px;
}

div.post span.fb_share_count,
div.post span.FBConnectButton {
width: 83px;
}

div.related {
padding: 10px;
background: #f3f3f3;
}

div.related ul {
margin: 0 0 0 20px;
list-style-type: square;
color: #ff6600;
}

#blogpage h3.comment {
margin: 16px 0;
padding: 4px 0 0 3px;
background: #eee;
color: #ff6600;
font-family: arial;
font-size: 1.4em;
text-transform: uppercase;
letter-spacing: -1px;
}

#blogpage div#comment_container div.comment {
margin: 0 0 20px -82px;
}

#blogpage div.comment div.commentText,
#blogpage div.comment div.commentFooter {
padding: 6px;
background: #f4f4f4;
}

#blogpage div#comment_container div.comment div.commentText,
#blogpage div#comment_container div.comment div.commentFooter {
margin: 0 0 0 16px;
}

#blogpage div.comment h1 {
margin: 0 0 0 20px;
padding: 0 0 8px 0;
background: url(http://mandiner.hu/images/design/arrow-up.png) no-repeat 14px bottom #fff;
font-size: 1em;
}

#blogpage div.comment h1 span.commentAuthor a {
color: #333;
}

#blogpage div.comment h1 span.commentHeadURL a,
#blogpage div.comment h1 span.commentTime a {
color: #777;
font-weight: normal;
}

#blogpage div.comment h1 span.commentTime {
margin: 0 0 0 4px;
}

#blogpage div#linkback_container div.commentText {
font-size: 0.8em;
}

#blogpage form#commentform {
padding: 10px;
background: #f4f4f4;
}

#blogpage input {
padding: 2px;
border: 1px solid #ccc;
font-family: Georgia;
font-size: 1.1em;
}

#blogpage textarea {
width: 530px;
padding: 4px;
border: 1px solid #ccc;
font-family: Georgia;
font-size: 1.1em;
}

#blogpage input:hover,
#blogpage input:focus,
#blogpage textarea:hover,
#blogpage textarea:focus {
border-color: #333;
}

#blogpage form#commentform input#submit {
width: 540px;
margin: 10px 0 0 0;
padding: 4px 0;
background-color: #ddd;
font-weight: bold;
}

#blogpage form#commentform input#submit:hover {
background-color: #aaa;
color: #fff;
}

#sidebar .band {
margin: 10px 0 5px 0;
padding: 6px 0 2px 4px;
font-family: arial;
font-size: 1.8em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -1px;
display: block;
}

#sidebar h3 {
margin: 10px 0 5px 0;
padding: 5px 0 1px 4px;
background: #ccc;
color: #fff;
font-family: arial;
font-size: 1.6em;
text-transform: uppercase;
letter-spacing: -1px;
}

#sidebar div#culture a.band {
background: #99ccff;
color: #fff;
}

#sidebar div#tabloid a.band {
background: #cc0066;
color: #fff;
}

#sidebar div.item.big img,
#sidebar div#top div.left img {
width: 310px;
}

#sidebar div.item.big div.subtitle,
#sidebar div#top div.left div.subtitle {
padding: 0 5px;
font-size: 0.8em;
}

#sidebar div.item.big div.title,
#sidebar div.item.big p.lead,
#sidebar div.item.big p.comments,
#sidebar div#top div.left div.title,
#sidebar div#top div.left p.lead,
#sidebar div#top div.left p.comments {
margin: 0 6px;
}

#sidebar div#top {
padding: 0 0 10px 0;
background: #f1f1f1;
}

#sidebar div#top div.right div.item {
margin: 10px 0 0 0;
padding: 10px 10px 0 10px;
background: url(http://mandiner.hu/images/design/dot.png) repeat-x top;
text-align: left;
font-size: 0.9em;
clear: both;
}

#sidebar div#top div.right div.item div.img {
width: 100px;
float: left;
}

#sidebar div#top div.right div.item div.img {
width: 100px;
}

#sidebar div.item.small,
#sidebar div.item.small img {
width: 150px;
}

#sidebar div.toleft {
float: left;
}

#sidebar div.toright {
float: right;
}

#sidebar div.adbox {
text-align: center;
}

#sidebar table.rssBox {
padding: 10px 10px 0 10px;
}

#sidebar table.rssBox div.rssBoxItemContent {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
background: url(http://mandiner.hu/images/design/dot.png) bottom left repeat-x;
display: block;
}

#sidebar table.rssBox div.rssBoxPromo,
#sidebar table.rssBox a.rssBoxTitle,
#sidebar table.rssBox small {
display: none;
}

#sidebar table.rssBox br {
height: 1px;
display: block;
}

#sidebar div.inbox ul {
margin: 0 0 0 30px;
list-style: square;
}

#sidebar div.tagcloud div.inbox {
margin: 0 10px;
}

#sidebar div#lastcomments ul {
margin: 0 10px;
padding: 0;
}

#blogpage div.commentsBg form {
width: 560px;
margin: 0;
padding: 6px 0;
border: none;
background: #f4f4f4;
}

#blogpage div.commentsBg form textarea {
width: 400px;
height: 200px;
padding: 3px;
border: 1px solid #ccc;
font-size: 1.2em;
font-family: Georgia;
}

#blogpage div.commentsBg form textarea:hover,
#blogpage div.commentsBg form textarea:focus {
border: 1px solid #333;
}

#blogpage div.commentsBg div.input input.submit {
width: 408px;
margin: 0 0 10px 0;
padding: 5px 5px;
border: 1px solid #aaa;
background: #eee;
font-size: 1.1em;
font-weight: bold;
font-family: Georgia;
letter-spacing: 1px;
}

#blogpage div.commentsBg div.input input.submit:hover {
background: #ccc;
border: 1px solid #333;
}

#blogpage div.tagcloud h3 {
padding: 5px 0 0 3px;
background: #eee;
color: #ff6600;
font-family: arial;
font-size: 2em;
line-height: 1em;
text-transform: uppercase;
letter-spacing: -1px;
}

#blogpage div.tagcloud h3 a {
color: #ff6600;
}

#blogpage div.tagcloud h3 a:hover {
text-decoration: none;
}

#blogpage div.alignleft {
width: 50%;
float: left;
}

#blogpage div.alignright {
width: 50%;
float: right;
text-align: right;
}

#sidebar input#paypalbutton {
width: 290px;
height: 250px;
margin: 0 auto 10px auto;
background: url(http://27gigapixel.mandiner.hu/wp-content/27gigapixel-paypal.png) no-repeat;
display: block;
}

#sidebar input#paypalbutton:hover {
background-position: 0 -250px;
}

#sidebar div.description {
margin: 0 0 10px 0;
}

#sidebar div.description h3.band {
margin: 0;
background: #ff3300;
}

#sidebar div.description div {
padding: 10px;
background: #f4f4f4;
font-size: 1.4em;
line-height: 1.4em;
}

#sidebar ul {
list-style: square;
margin: 0 0 0 20px;
}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */