/*
Theme Name: Puna
Theme URI: http://puna.nl
Description: Custom made WordPress theme for Puna.
Version: 1.0
Author: Pieter de Jong
Author URI: http://pieter-de-jong.nl
*/

/* #### RESET #### */
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;
}

.group:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
    
/* #### TYPOGRAPHY #### */

body {
background: #2b2b2b;
color: black;
font-family: Arial;
font-size: 12px;
}

a {
text-decoration: none;
color: black;
}

/* #### CUSTOM STYLES #### */
#wrapper {
background: white;
width: 850px;
margin: 0 auto;
overflow: hidden;
}

#top-bar {
text-transform: uppercase;
background: black;
color: white;
height: 50px;
margin-bottom: 10px;
}

#top-bar h1 {
float: left;
display: block;
text-indent: -9999px;
background: url(img/logo.png) no-repeat center black;
height: 50px;
width: 235px;
}

#top-bar div {
float: right;
margin-top: 18px;
}

#top-bar div a {
color: white;
font-family: "Trebuchet MS", arial;
font-size: 15px;
margin-right: 20px;
}

.head {
overflow: hidden;
}

.head .ad {
text-align: center;
border-bottom: 1px solid #eaeaea;
padding-bottom: 10px;
}

#content {
background: url(img/wrapper-bg.png) repeat-y;
float: left;
width: 100%;
}

#content .main {
float: left;
width: 520px;
}

#content .sidebar {
float: right;
width: 329px;
}

#content .sidebar .ad {
text-align: center;
padding: 10px 0;
}

#content .sidebar .recent-posts,
#content .sidebar .recent-videos {
padding: 10px;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
font-size: 11px;
font-weight: bold;
}

#content .sidebar .recent-posts ul,
#content .sidebar .recent-videos ul {
list-style: square outside;
margin-left: 15px;
margin-top: 5px;
line-height: 25px;
}

#content .sidebar .recent-posts ul li,
#content .sidebar .recent-videos ul li {
padding-left: 10px;
}

#content .sidebar .recent-posts a, 
#content .sidebar .recent-videos a{
color: black;
}

#content .sidebar .recent-posts a:hover,
#content .sidebar .recent-videos a:hover {
color: #1492e7; 
}

#content .sidebar .recent-videos {
border-bottom: 1px solid #eaeaea;
}

#content .sidebar .search,
#content .sidebar .radio {
padding: 10px;
}

#content .sidebar .radio {
border-bottom: 1px solid #eaeaea;
}

#content .sidebar .search input.box {
border: 1px solid #b6b6b6;
display: block;
float: left;
margin-right: 4px;
width: 225px;
}

#content .sidebar .bangers {
border-top: 1px solid #eaeaea;
padding: 10px;
}

#content .sidebar .bangers strong {
margin-bottom: 8px;
display: block;
}

#content .sidebar .adlink {
border-bottom: 1px solid #eaeaea;
}

#content .sidebar .bangers div {
background: #eaeaea;
margin-top: 1px;
padding: 2px 4px;
}

#content .sidebar .bangers div h2 {
font-size: 14px;
margin-bottom: 4px;
}

#content .sidebar .bangers div span,
#content .sidebar .bangers div a {
font-size: 11px;
}

#content .sidebar .bangers div a {
float: right;
margin-right: 3px;
color: black;
}

#content .sidebar .bangers div a:hover {
color: #1492e7;
}

.entry {
padding: 10px 10px 0;
overflow: hidden;
margin-bottom: 5px;
text-align: justify;
}

.entry h2 {
border-bottom: 1px solid #eaeaea;
width: 100%;
padding-bottom: 4px;
}

.entry h2 a {
color: black;
font-family: "Trebuchet MS", arial;
font-size: 25px;
text-transform: uppercase;
}

.entry h2 a:hover {
color: #1492e7;
}

.entry .date, .entry .comments-count, .comments-title {
float: right;
font-weight: bold;
color: #B6B6B6;
margin: 5px 3px;
font-size: 11px;
}

.entry .comments-count {
margin-bottom: 0px;
}

.entry .comments-count:hover {
color: #1492e7;
}

.entry .entry-content p {
margin: 8px 0;
line-height: 16px;
clear: both;
}

.entry .entry-content h2 img {
border: 5px solid #eaeaea;
}

.entry .entry-content blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

.entry .entry-content blockquote cite {
margin: 5px 0 0;
display: block;
}

.entry .entry-content blockquote p {
color: #777777;
}

.entry .entry-content h1,
.entry .entry-content h2,
.entry .entry-content h3,
.entry .entry-content h4,
.entry .entry-content h5,
.entry .entry-content h6 {
background: none;
text-indent: inherit;
float: inherit;
height: inherit;
width: inherit;
color: white;
text-transform: none;
margin: inherit;
font-weight: normal;
border: none;
}

.entry .entry-content h1 {
font-size: 16px;
}

.entry .entry-content h2 {
font-size: 14px;
}

.entry .entry-content h3 {
font-size: 12px;
}

.entry .entry-content h4 {
font-size: 11px;
}

.entry .entry-content h5 {
font-size: 10px;
}

.entry .entry-content h6 {
font-size: 9px;
}

.entry .entry-content a {
color: #c9242b;
}

.entry hr {
width: 100%;
color: #eaeaea;
height: 1px;
margin-top: 7px;
float: left;
border: none;
height: 1px;
background: #eaeaea;
}

.entry .wide-ad {
text-align: center;
}

.entry .commentlist {
line-height: 20px;
font-size: 12px;
margin-top: 20px;
}

.entry .commentlist .comment {
clear: both;
padding-bottom: 20px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 20px;
min-height: 60px;
} 

.entry .commentlist .comment img {
float: left;
border: #aeaeae 1px solid;
padding: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-right: 10px;
} 

.entry .commentlist .comment em {
font-style: normal;
font-size: 13px;
display: block;
margin-bottom: 1px;
font-weight: bold;
color: gray;
}

.entry .commentlist .comment .comment-title a,
.entry .commentlist .comment .comment-title em {
float: left;
margin-right:2px;
}

.entry .commentlist .comment .comment-content {
float: left;
display: block;
width: 425px;
}

.entry .commentlist .comment .comment-content img {
border: none;
float: none;
margin: 0;
padding: 0;
}

.entry .social a {
float: right;
margin: 4px 14px 0 43px;
}

.entry .social input {
width: 410px;
float: left;
margin: 12px 0 0 17px;
border:1px solid #B6B6B6;
}

#commentform input, #commentform label {
float: left;
}

#commentform input {
clear: both;
margin-bottom: 15px;
margin-right: 7px;
border:1px solid #B6B6B6;
}

#commentform label {
line-height: 23px;
}

#commentform a {
color: black;
}

.pagebar {
	font: 11px arial,helvetica,sans-serif;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
	margin: 0px;
}
.pagebar a, .pageList .this-page {
	padding: 2px 6px;
	border: solid 1px #ddd;
	background: #fff;
	text-decoration: none;
	color: #C9242B;
}
.pagebar a:visited {
	padding: 2px 6px;
	border: solid 1px #ddd;
	background: #fff;
	text-decoration: none;
}
.pagebar .break {
	padding: 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}
.pagebar .this-page {
	padding: 2px 6px;
	border: solid 1px #ddd;
	font-weight: bold;
	font-size: 11px;
	vertical-align: top;
	background: #F0F0F0;
}
.pagebar a:hover {
	color: #C9242B;
	background: #000000;
	border-color: #036;
	text-decoration: none;
}
.entry .entry-content .vs_a2s_tag_fullsize {
text-align: center;
}