/*
Theme Name: World of Warcraft Polski Serwis Fanow
Theme URI: world-of-warcraft.pl
Description: Motyw strony fanowskiej gry World of Warcraft
Version: 1.0
Author: Rafal Ileczko
Author URI: rafalileczko.pl
Tags: world of warcraft
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0;}

	
/* HTML5 tags */
header, section, footer, aside, nav, article, figure {display: block;}


body, textarea{font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-size: 12px; color: #cba994;}

a, a:hover, a:visited {text-decoration: none}
a, h1 a {color: #8a593b;}
a:hover, h1 a:hover, .url:hover, a.comment-edit-link:hover {color: #f0d9cb;}
a:visited , h1 a{color: #8a593b;}

h1 {font-size: 18px;}

h1, h2, h3, h4, h5, h6 {font-weight: bold; line-height: 1.1em; padding-bottom: 3px; padding-top: 2px}

hr {background: #51321e; border: medium none; clear: both; display: block; height: 1px; margin: 30px 0; width: 100%;}


input:focus, textarea:focus {outline: none;}





/* Article h-set -------------------------------------- */

.article-summary h1 {font-size: 24px;}
.article-summary h2 {font-size: 20px;}
.article-summary h3 {font-size: 18px;}
.article-summary h4 {font-size: 16px;}
.article-summary h5 {font-size: 14px;}
.article-summary h6 {font-size: 10px;}

blockquote, q {padding: 12px 15px 10px 71px; background: rgba( 52, 25, 14, 0.5) url(images/quote.png) 18px 16px no-repeat; display: block; border-radius: 5px; font-style: italic; min-height: 40px; margin: 15px 0;}

blockquote p {padding: 10px 0px;}

/* Blue post ------------------------------------------ */

div.bluepost {background: #100704; border-radius: 5px; }
div.bluepost p.title {padding: 10px 5px 10px 56px; background: url(images/bluepost.png) 18px center no-repeat; display: block; border-bottom: 2px solid #000; border-bottom: 1px solid #200e08; color: #0091ff;}
div.bluepost p {padding: 5px 15px 5px 18px; color: #0091ff; line-height: 1.5em;}
div.bluepost a {color: #fff;}
div.bluepost a:hover {border-bottom: 1px solid #fff;}
div.bluepost:nth-child(2) {margin-top: 10px;}

/* Lists in posts ------------------------------------- */

.post ul, .post ol {padding: 10px 5px 10px 35px;}
.post ul li {list-style: disc;}
.post ol li {list-style: decimal;}
.post li { padding: 5px 0px;}


/* Layout --------------------------------------------- */

/*
LAYOUT: Dwu kolumnowy
DESCRIPTION: Dwie kolumny - kolumna z treścią oraz side bar
*/


#wrapper {width: 940px;}

/* Header --------------------------------------------- */

#top {height: 153px; margin: 110px 0 40px 0;}

#logo {}
#logo a { background-image: url('images/logo.png'); width: 338px; height: 153px; text-indent: -9999px; display: block; float: left;}
#site-description { display: block; text-indent: -9999px; width: 329px; height: 30px; background-image: url('images/psf.png'); margin: 60px 0px 0px 45px; float: left;}

#content {background: #0a0401 url(images/main_bg.png) left top repeat-y; overflow: hidden; clear: both; margin: 40px 0 0 0; border: 1px solid #000; border-radius: 5px 5px 0px 0px; box-shadow: 0px 0px 10px #000; position: relative;}

#main  { width: 701px; float: left}
#main-top {background: url(images/main_top.jpg) top left no-repeat; min-height: 116px;}



/* Author ----------------------------------------------- */

#main-top > h1 {padding: 20px 0px;}
.post-text {margin-left: 80px;}
.post-avatar {}
.author-page {padding: 20px 0px 50px 0px;}


.author-note {margin: 40px 0 0 0; border-top: 1px solid #51321e; padding-top: 30px;}

/* Reklama ---------------------------------------------- */
#banner {background-image: url("images/Untitled-1.gif"); height: 90px; width: 728px; border: 1px solid #150a06; box-shadow: 2px 2px 10px #000; display: block;}

/* Comments --------------------------------------------- */

#discussion {padding: 25px 0px; background: url(images/comment_bg.jpg) center top no-repeat;}
#discussion-top {}
#comments-list {margin-bottom: 50px;}
.comments-header {color: #d7b49e; font-size: 18px; font-weight: bold; padding-bottom: 25px;}
#discussion .avatar {float: left;}
.comment {padding: 15px; border: 1px solid #7c523d; background: #1c0e08; margin: 15px 0px;}
.comment-text {margin-left: 55px;}
.comment-author {font-size: 18px; color: #b78652; font-weight: bold; display: inline;}
.comment-body {margin: 10px 0; color: #f0d9cb; font-size: 12px;}
.comment-body .reply {font-size: 10px; float:left;}
.comment-meta {font-size: 11px; color: #8a593b;}

.reply {font-size: 11px;}

#respond {width: 650px;}
fieldset {width: 660px; margin-bottom: 20px;}
fieldset ol li {float: left;}
fieldset ol li label {display: block; color: #b78652; font-size: 14px; margin: 0px 0px 10px 0px;}
#comment_author {margin-right:30px;}
#comment_author, #comment_email {width: 290px; display: block;}
#comment_message {width: 630px; height: 120px;}
#comment_author, #comment_email, #comment_message {padding: 10px; background: #755c51; border-radius: 5px; border: 0px; color: #fff;}

#send_comment {padding-bottom: 30px; float: right;}
.button { text-transform: uppercase; color: #cba994; border: 0px; padding: 7px 15px; border-radius: 5px; cursor: pointer; display: block;

background: #c15812; /* Old browsers */
background: -moz-linear-gradient(top, #c15812 0%, #802c08 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c15812), color-stop(100%,#802c08)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c15812 0%,#802c08 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c15812 0%,#802c08 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #c15812 0%,#802c08 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c15812', endColorstr='#802c08',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #c15812 0%,#802c08 100%); /* W3C */
}

.button:hover {color: #fff;}

.comment-awaiting-moderation {float:right;}
.logged-in-as {padding: 0px 0px 10px 0px;}


/* Article ---------------------------------------------- */


.post {padding: 23px 25px 20px 25px;}
.post:not(:first-of-type) {background: url(images/post_bg.jpg) no-repeat top left; margin-top: 10px;}
.post:last-of-type {margin-bottom: 60px;}

.article-summary > p {padding: 10px 0px;}
.article-summary p {line-height: 1.5em; }

.post-title {font-weight: bold; font-size: 20px; text-transform: uppercase;}
.post-title a {color: #efe0d7;}
.post-title a:hover {color: #fff;}

.article-meta {color: #b78652; padding-top: 3px; font-size: 11px;}
.article-meta a {color: #b78652; font-weight: bold;}
.article-meta a:hover {color: #f0d9cb;}

.article-summary {padding-top: 20px;}


/* Sidebar ---------------------------------------------- */

#sidebar{ width: 237px; float: right;}
#sidebar > ul {padding: 0px 20px 0 20px;}
#sidebar > ul > li {margin: 20px 0 0 0 ;}
#sidebar > ul > li:last-of-type {margin-bottom: 30px;}

#sidebar h3 {font-size: 14px; color: #ddb263; text-transform: uppercase; font-weight: normal; padding: 10px 0px;}
#sidebar .menu li {}
#sidebar .menu a {color:#8a593b; display: block; padding: 5px 10px 5px 20px; line-height: 1.4em;}
#sidebar .menu a:hover{color:#f0d9cb; background: #51321e; border-radius: 2px;}

/* Footer  ---------------------------------------------- */

#bottom {padding: 15px 0px; margin-bottom: 20px; width: 100%; position: relative}

#copyright {float: left;}
#author {float: right;}
#copyright p, #author p {color: #8a593b; font-size: 10px;}

/* Search ----------------------------------------------- */

#search-box{padding-left: 4px:}

#search-box #s {
	display: block;
	margin: 0px;
	width: 152px;
	background: #0a0401 url(images/magnifier.png) 5% 50% no-repeat;
	padding: 8px 5px 8px 35px;
	border: 4px solid #51321e;
	color: #8d5c3e;
	font-size: 12px;
	border-radius: 5px;
	
	-moz-appearance:none;
   -webkit-appearance:textfield;
   -webkit-box-sizing:content-box;
}

::-webkit-search-decoration
{
    display: none;
}

/* Center ----------------------------------------------- */
#wrapper, #banner {margin: 0 auto;}

/* Paginate --------------------------------------------- */
#paginate {position: absolute; bottom: 0; left: 0;}
#paginate {width: 100%; background: url(images/paginate_bg.jpg); text-align: center; width: 700px; height: 48px;}
#paginate .pages {padding-top: 15px;}



/* Padding ---------------------------------------------- */
.margin {margin: 0px 25px;}

/* Widgets ---------------------------------------------- */
/* Tag cloud */
.tagcloud a:hover {color: #f0d9cb; text-decoration: underline;}
.tagcloud a {padding: 0px 5px 0px 0px; font-weight: bold;}

/* Recent comments */


/* Tooltip ---------------------------------------------- */
#tooltip {display: none; position: absolute; left: 513px; background: url(images/tooltip.png); width:171px; height:66px; text-align: center; position: relative; float: left; margin-top: -65px;}
#tooltip p {color: #fff; font-weight: bold; padding-top: 20px;}
#tooltip:target {display: inline;}
#close {background: url(images/close.png); width: 8px; height: 6px; float: right; margin-right: 10px; margin-top: -24px;}





/* Miscellaneous ---------------------------------------- */
img.partners {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
img.partners:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}