/*
Theme Name: Sparta Gym
Description: The default Sparta Gym WordPress theme based on the famous <a href="http://www.ddg.huk/">DDG</a>.
Author: DDG
Author URI: http://www.ddg.hu/
*/

@import url("style-pirobox.css");

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

body { font-family: Verdana, Helvetica, Arial, sans; font-size: 11px; color: #c4c1a0; background: url(images/bgr-body.png) #000000 repeat center top; }

#website, .inner { width: 950px; margin: auto; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

a.post-edit-link, a.post-edit-link:hover { font-size: 9px; font-weight: bold; color: #ff0000; text-decoration: underline; }


/*
----------------------------
	HEADER
----------------------------
*/
#header { margin-bottom: 10px; height: 320px; background: url(images/bgr-header.png) no-repeat center top; }
#header ul { margin-top: 285px; float: right; }
#header ul li { height: 22px; margin-left: 5px; padding-left: 20px; background: url(images/seperate.gif) no-repeat left center; list-style-type: none; float: left; }
#header ul li.first { padding-left: 0 !important; background: none; }
#header ul li.current_page_item a, #header ul li.current_page_item a:hover { color: #ffffff; text-decoration: none; }
#header ul li a { font: 17px/19px Arial, Helvetica, Verdana, sans; color: #bab391; text-decoration: none; text-transform: uppercase; }
#header ul li a:hover { color: #ffffff; }
/* #header ul li a:before { content: "/ "; } */


/*
-------------------------------
	CONTENT
-------------------------------	
*/
#container { margin-bottom: 30px; }
#container p { margin-bottom: 18px; line-height: 18px; }
#container #content { width: 690px; float: left; }
#container #content h2 { margin-bottom: 10px; padding-bottom: 5px; font-size: 11px; font-weight: bold; color: #cec39d; border-bottom: 1px dotted #3d3524; }
#container #content a { color: #eeeeee; text-decoration: underline; }
#container #content a:hover { color: #ffffff; text-decoration: underline; }
#container #content .post .entry p { margin-bottom: 20px; }

#container #sidebar { width: 240px; float: right; }
#container #sidebar h2 { margin-bottom: 10px; padding-bottom: 5px; font-size: 11px; font-weight: bold; color: #cec39d; border-bottom: 1px dotted #5c4a1f; }
#container #sidebar .news { margin-bottom: 20px; }
#container #sidebar .news h3 a { font-size: 13px; color: #eeeeee; text-decoration: underline; }
#container #sidebar .news h3 a:hover { color: #ffffff; text-decoration: underline; }
#container #sidebar .news .date { margin-bottom: 5px; font-size: 9px; color: #9d986d; }
#container #sidebar .news img  { display: none; }


/*
-------------------------------
	PRODUCT
-------------------------------	
*/
.product { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #3d3524; }
.product .thumbnail img { width: 150px; height: 150px; margin: 0 30px 5px 0; padding: 5px; background: url(images/bgr-thumb2.png) no-repeat center center; float: left; }
.product h3 { margin-bottom: 5px; font-size: 20px; font-weight: normal; color: #ffffff; }
.product .entry, .product .entry p { line-height: 14px !important; }
.product .entry p { margin-bottom: 14px !important; }
.product .entry img { display: none; }


/*
---------------------------------------------
	NEXTGEN GALLERY
---------------------------------------------	
*/
.ngg-gallery-thumbnail-box { width: 138px; text-align: center; float: left; }
.ngg-gallery-thumbnail-box .ngg-gallery-thumbnail { width: 130px; height: 125px; margin: 0 auto 10px auto; padding-top: 5px; text-align: center; background: url(images/bgr-thumb.png) no-repeat center center; cursor: pointer; }
.ngg-gallery-thumbnail-box .ngg-gallery-thumbnail:hover { background: #ffffff; }
.ngg-gallery-thumbnail-box .ngg-gallery-thumbnail img { width: 120px; height: 120px; }


/*
-----------------------------
	FOOTER
-----------------------------
*/
#footer { margin-bottom: 30px; padding-top: 20px; color: #9d986d; background: url(images/bgr-footer.gif) no-repeat center top; }
#footer a { font-weight: bold; color: #cec39d; text-decoration: underline; }
#footer a:hover { color: #ffffff; text-decoration: underline; }