/*
Theme Name: grzesiak.tv - blog
Version: 1.0
*/

/* --~---~-- RESET --~---~-- */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
input, select {font-family: Arial, Tahoma, sans-serif; font-size:11px;padding:2px;}

/* --~---~-- LAYOUT --~---~-- */
body, html {padding:0; margin:0;}
body {background:#fff; font-family: Tahoma,Arial,sans-serif; font-size:12px; color:#000; text-align:left; }
#wrapper {width:960px; margin:0 auto;}
#header {margin:0 auto;overflow:hidden; height:52px;background:url(images/header-bcg.png) no-repeat 0 0; padding:0 25px;}
.clear {clear: both;margin: 0;padding: 0;}
#footer {clear: both; width:930px; height:46px; color:#525252; padding:27px 15px 0 15px; margin: 0 auto; background: #303030 url(images/footer-bcg.png) no-repeat 0 100%; margin:0 0 20px 0;}

/* --~---~-- GENERIC STYLES --~---~-- */
h1, h2 {font-size:24px;font-family:Tahoma, Arial, serif; padding-bottom:3px; margin-bottom:8px;font-weight:400; }
h1 a, h2 a {color:#000;} h2 a:hover {text-decoration:none;color:#000;}
h3 {font-weight:bold;color:#333;padding-bottom:4px; font-size:14px;}
/* headers end*/
p {margin: 12px 0; display:block; text-align:justify;}
p.error {color:#ff0000;margin:0;}
a {text-decoration:underline;color:#000;}
a:hover {text-decoration:underline;color:#000;}
a img {border:0;}

/* --~---~-- HEADER --~---~-- */
#header h1 {float:left; color:#fff; font-size:13px; font-weight:bold;padding:20px 0 0 6px;}
#header img {padding:17px 0 0;float:left;}
#header #top-nav {float:right; width:auto; color:#d2d2d2; padding-top:20px; text-align:right}
#header #top-nav a {color:#d2d2d2; text-decoration: none;}
#header #top-nav a.lock {background: url(images/lock.png) no-repeat 0 0; padding:0 0 3px 20px;}
#header #top-nav a.play {background: url(images/play.png) no-repeat 0 0; padding:0 0 3px 20px;}


/* --~---~-- BODY TOP --~---~-- */
#body-top {height:427px; border-top:1px solid #fff; padding:0 35px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;border-left:1px solid #ccc;background: url(images/bodytop-bcg.png) repeat-x 0 100%;}
#body-top .welcome {width:250px;float:left; margin:65px 0 0 0; font-size:11px; text-align:left;}
#body-top .welcome p span {font-weight:bold; font-size:14px; display:block;}
#body-top .player {width:468px; height:246px; margin:39px 0 0 156px; float:left;}
#body-top.info {height:auto; border-bottom:1px solid #ccc;}
#body-top.info h2 {margin:20px 0;}

/* --~---~-- BODY CONTENT --~---~-- */
#body-content {margin-top:7px; overflow:hidden;border-bottom:1px solid #ccc;background:url(images/pagenav-bcg.png) no-repeat 100% 0;}
#content {float:right;width:757px;}

#nav {width:203px;background:url(images/nav-bcg.png) no-repeat 0 0;float:left;}
#nav .search {height:19px; padding:15px; background:url(images/nav-bcg.png) no-repeat 0 -49px; border-bottom:1px solid #ccc;}
#nav .search fieldset {border:0;}
#nav .search label {height:19px;}
#nav .search label span {display:block; height:19px;}
#nav .search label span.sleft {background: url(images/search-left.png) no-repeat 0 0; float:left; width:26px;}
#nav .search label span.sright {background: url(images/search-right.png) no-repeat 100% 0; float:right; width:11px;}
#nav .search label input {background: url(images/search-bcg.png) repeat-x 0 0; border:0; width:132px; float:left;}
#nav .title {height:35px; font-size:14px;padding:15px 0 0 15px;}
#nav ul.nav {list-style-type:none;margin:0;padding:0;border-bottom:1px solid #ccc;}
#nav ul.nav li a {font-size:14px;color:#000; background:url(images/navitem-bcg.png) no-repeat 0 0; display:block; width:170px; height:24px; padding:7px 0 0 34px;}
#nav ul.nav li.newest a {font-weight: bold; text-decoration: none; color:white; background:url(images/navitem-newest-bcg.png) no-repeat 0 0; }
#nav ul.nav li a:hover, #nav ul.nav li a.s {background:url(images/navitem-bcg.png) no-repeat 0 100%;}
#nav ul.nav li.l2 a {background:url(images/navitem-bcg-l2.png) no-repeat 0 0; padding:7px 0 0 44px; }
#nav ul.nav li.l2 a:hover, #nav ul.nav li.l2 a.s {background:url(images/navitem-bcg-l2.png) no-repeat 0 100%;}
#nav .seealso {padding:25px 26px 0 34px; border-left:1px solid #ccc; overflow:hidden;}
#nav .seealso p.title {padding:0;margin:0 0 18px;font-size:13px; font-weight:bold;}
#nav .seealso ul {list-style-type:none;margin:0; padding:0;}
#nav .seealso ul li {margin-bottom:15px;}
#nav .seealso ul li p {font-size:11px;margin:0;}
#nav .seealso ul li a {font-size:11px;font-weight:bold;color:#000;}

/* --~---~-- PAGE CONTENT --~---~-- */
#page-nav {width:735px; height:65px; padding:0 0 0 20px}
#page-nav ul {list-style-type:none; margin:0;padding:0;}
#page-nav ul li {float:left;}
#page-nav ul li a {font-size:14px; font-weight:bold;color:#000; display:block; height:50px; margin:0 10px; padding:15px 0 0 0;}
#page-nav ul li a.s {background:url(images/pagenav-active.png) no-repeat 50% 0;}

#page-nav span.title {font-size:14px; font-weight:bold; padding:15px 0 0 10px; background:url(images/pagenav-active.png) no-repeat 10px 0; float:left; display:block; height:50px;}
#page-nav a.more {float:right; display:block; background: url(images/bullet-black.png) no-repeat 0 17px; padding:15px 25px 0 12px; font-size:11px; color:#000;}

#page-content {border-left:1px solid #ccc; overflow:hidden; width:743px; padding:0 0 0 10px; position:relative;}

h2.titlel {float:left; width:600px; padding-left:20px; padding-top: 8px;}

.product-thumb {float:left; width:700px; margin:0 0 20px 0;}
.product-thumb td {padding:10px 20px 0 20px; vertical-align:top; width:350px;}
.product-thumb a.preview {float:left; margin:0 10px 0 0; background: url(images/product-thumb-bcg.png) no-repeat 0 0; padding:8px;}
.product-thumb a.preview img {width:110px; height:80px;}
.product-thumb p.title {font-size:14px; font-weight:bold; margin:5px 0; text-align:left;}
.product-thumb p.time { color:#999; font-size:11px; margin:0 0 5px;}
.product-thumb p.descr {font-size:11px; margin:0 0 5px 136px; text-align:left;}
.product-thumb p.cat {font-size:11px; font-weight:bold; text-align:left; margin:0;}
.product-thumb p.cat a {color:#000;}


#page-content h2.product {margin:0 0 0 20px;clear:both;}
#page-content .details {list-style-type:none; padding: 0 0 0 20px; margin:auto 0;}
#page-content .prod-descr {padding:0px 75px 0 20px;}
#page-content .buy {float:right; width:158px; position:absolute; top:20px;right:75px;}
#page-content .buy p.price {font-size:32px; text-align:center; margin:0;}
#page-content .buy span {display:block; text-align:center; margin:0 auto 12px;}
#page-content .buy a {background: url(images/buy-btn.png) no-repeat 0 0; display:block; height:31px; width:158px; text-align:center; font-size:14px; font-weight:bold; color:#000; padding-top:13px;}

/* --~---~-- BODY BOTTOM --~---~-- */
#body-bottom {background:#303030 url(images/header-bcg.png) no-repeat 0 0; margin:7px 0 0 0; padding:0 0 35px 0; border-bottom:1px solid #000;}
.footNotes td {padding:0 15px; width:210px; vertical-align:top;}
.footNotes p.title {font-size:13px; font-weight:bold; margin:18px 0;}
.footNotes p {font-size:11px; color:#fff; margin-top:40px; text-align:left;}
.footNotes a.more {background: url(images/bullet.png) no-repeat 0 50%; padding:0 0 0 12px; color:#fff; font-size:11px;}

/* --~---~-- FOOTER --~---~-- */
#footer .nav {margin:0; padding:0; list-style-type:none;}
#footer .nav li {float:left;}
#footer .nav li a {display:block; padding:0 5px; color:#5f5f5f; font-size:13px; font-weight:bold;}
#footer p.copy {float:right; margin:0; font-size:13px; font-weight:bold; text-align:right;}
#footer p.copy a {color:#525252; text-decoration:none; font-weight:normal;}

/* --~---~-- BLOG --~---~-- */
#body-top .player-blog {background: url(images/player-home.jpg) no-repeat 0 0; overflow:hidden; min-height:370px; margin:20px 0 0 11px;}
#body-top .title {width:600px; height:50px; margin:16px 0 0 156px; float:left;}
#body-top .player-blog .player h2 {float:left; color:#383838; margin:0 0 53px 35px;}
#body-top .player-blog .player span {float:left; color:#383838; font-size:14px;padding:8px 0 0;}
#body-top .player-blog {background: url(images/player-home.jpg) no-repeat 0 0; overflow:hidden; min-height:370px; margin:20px 0 0 11px;}
#body-top .player-blog .details {float:right; width:250px;margin-top:32px;}
#body-top .player-blog ul {list-style-type:none; margin:0; padding:0;}
#body-top .player-blog ul li {margin-bottom:5px;}
#body-top .player-blog ul li.comment {margin:20px 0 0;}
#body-top .player-blog ul li.comment i{display:block; margin:0 0 10px;}
#body-top .player-blog ul li a {font-weight:bold; color:#000;}

#body-top .player-blogpost {background: url(images/player-blog.jpg) no-repeat 50% 40px; overflow:hidden; min-height:363px; margin:20px 0 0; position:relative;}
#body-top .player-blogpost h2 {text-align:center; margin:0 0 20px;}
#body-top .player-blogpost .player {width:507px; height:285px; position:absolute; top:37px; left:190px;}

#body-content.blog {background:url(images/blognav-bcg.png) no-repeat 100% 0; border:0;}
#body-content.blog #body-nav {height:25px;} 
#body-content.blog #page-content {border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; width:710px; padding:0 35px 0 10px;}
#body-content.blog #page-content ul.thumbs {list-style-type:none;margin:20px 0 12px;}
#body-content.blog #page-content ul.thumbs li {overflow:hidden;margin-bottom:15px;}
#body-content.blog #page-content ul.thumbs .player {float:left; width:220px; height:135px; background: url(images/thumb-border.png) no-repeat 0 0; padding: 12px 0 0 12px;}
#body-content.blog #page-content ul.thumbs ul {list-style-type:none;margin:12px 0 0 238px; padding:0;}
#body-content.blog #page-content ul.thumbs ul li {margin:0;}
#body-content.blog #page-content ul.thumbs ul li.title {margin:0 0 10px 0;}
#body-content.blog #page-content ul.thumbs ul a.title {font-size:22px; color:#000;}

#body-content.blog #page-content .paging ul {list-style-type:none;float:right;}
#body-content.blog #page-content .paging ul li.active_page {font-weight:normal;}
#body-content.blog #page-content .paging ul li {float:left;padding: 0 2px;font-weight:bold;}
#body-content.blog #page-content .paging ul li a {color:#000;}

#body-content.blog #page-content .postnav {font-weight:bold;margin:30px 0 20px; overflow:hidden;}
#body-content.blog #page-content .postnav .alignleft {float:left;}
#body-content.blog #page-content .postnav .alignright {float:right;}

#body-content.blog #page-content .comments {padding:0 0 0 20px; margin:20px 0 0 0; clear:both;}
#body-content.blog #page-content .comments h2 {padding-left:0;}