/*
Theme Name: Tuning Modern Theme
Theme URI: http://tuning.bg/
Description: The new Tuning.BG theme
Version: 0.1
Author: Orlin Topalov
Tags: automotive, modern, modular
*/

@import url('css/reset.css');
@import url('css/basic_layout.css');
@import url('css/sections.css');


/* Classes based on font sizes
-------------------------------------------------------------------- */

.xxx-small {
	font-size: 9px;
}

.xx-small {
	font-size: 10px;
}

.x-small {
	font-size: 11px;
}

.small {
	font-size: 12px;
}

.medium {
	font-size: 13px;
}

.large {
	font-size: 14px;
}

.x-large {
	font-size: 15px;
}

.xx-large {
	font-size: 16px;
}

.xxx-large {
	font-size: 18px;
}


/* Color classes
-------------------------------------------------------------------- */

.tuning-00 {
	color: #b82118;
}

.tuning-01 {
	color: #B92018;
}

.tuning-02 {
	color: #B91860;
}

.tuning-03 {
	color: #EA6861;
}

.tuning-04 {
	color: #E3342B;
}

/* Banners and widgets
-------------------------------------------------------------------- */

.leaderboard,
.medium-rectangle {
	background-color: #ececec;
}

.leaderboard {
	width: 728px;
	height: 90px;
}

.medium-rectangle {
	width: 300px;
	height: 250px;
}

#top-leaderboard {
	float: left;
	padding: 3px 10px;
	background-color: white;
}

#facebook-widget {
	float: left;
	width: 298px;
	height: 168px;
	border: 1px solid #d9d9d9;
}


/* Highlights
-------------------------------------------------------------------- */

.alpha-box,
.beta-box {
	float: left;
	border: solid 1px #d9d9d9;
	overflow: hidden;
	position: relative;
}

.alpha-box {
	width: 300px;
	height: 191px;
	margin-right: 9px;
}

.beta-box {
	width: 270px;
	height: 90px;
	margin-top: 9px;
}

div.first {
	margin-top: 0;
}

.alpha-box p,
.beta-box p {
	padding: 0 10px;
	color: #afafaf;
	font-weight: normal;
	font: 11px "Lucida Grande", Arial, sans-serif;
}

.box-caption {
	float: left;
	position: absolute;
	background: #000;
	height: 50px;
	width: 100%;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.box-caption a {
	color: snow;
}

.alpha-box .box-caption {
	top: 1px;
	left: 0;
}


/* Images and thumbnails
-------------------------------------------------------------------- */

.hot-post-thumbnail,
.gallery-thumbnail,
.large-thumbnail,
.medium-thumbnail,
.small-thumbnail {
	float: left;
	background-color: white;
	border: 1px solid #d9d9d9;
}

.extra-large-thumbnail {
	float: left;
	background-color: white;
	border: 1px solid #d9d9d9;
	margin-left: 5px;
}

.hot-post-thumbnail {
	float: none;
	width: 280px;
	height: 100px;
	padding: 2px;
}

.gallery-thumbnail {
	width: 132px;
	padding: 2px;
}

.extra-large-thumbnail {
	float: none;
	width: 561px;
	height: 300px;
	padding: 4px;
}

.large-thumbnail {
	float: none;
	width: 180px;
	height: 120px;
	padding: 4px;
}

.medium-thumbnail {
	width: 90px;
	height: 60px;
	padding: 2px;
}

.small-thumbnail {
	width: 60px;
	height: 40px;
	padding: 2px;
}

a .hot-post-thumbnail:hover,
a .gallery-thumbnail:hover,
a .large-thumbnail:hover,
a .medium-thumbnail:hover,
a .small-thumbnail:hover {
	border-color: #b82118;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

a .extra-large-thumbnail:hover {
	border-color: #b82118;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


/* Gallery thumbnails
-------------------------------------------------------------------- */

ul.gallery-thumbnails {
	clear: both;
	margin: 0;
	padding: 0;
}

ul.gallery-thumbnails li {
	float: left;
	padding: 0 0 10px 0;
	margin: 0;
	list-style: none;
}

ul.gallery-thumbnails img {
	margin-left: 10px;
}

ul.gallery-thumbnails img.first-row {
	margin-top: 0;
}

ul.gallery-thumbnails img.first-column {
	margin-left: 0;
}


/* Blocks and lists
-------------------------------------------------------------------- */

.accent {
	float: left;
	width: 190px;
}

.accent-spec {
	float: left;
	width: 155px;
}

.hot-post-block,
.default-news-list,
.default-news-grid,
.narrow-news-column,
.medium-news-column,
.wide-news-column {
	float: left;
}

.default-news-list {
	width: 100%;
}

.narrow-news-column {
	width: 278px;
}

.hot-post-block,
.recent-post-block,
.medium-news-column {
	width: 286px;
}

.wide-news-column {
	width: 380px;
}

.spaced {
	margin-right: 11px;
}

.default-news-list li,
.default-news-grid li,
.narrow-news-column li,
.medium-news-column li,
.wide-news-column li {
	float: left;
	width: 100%;
	padding: 5px 0;
	border-top: 1px dotted #d9d9d9;
}

.default-news-list li {
	padding: 10px 0;
}

.detailed-news-grid li {
	float: left;
	width: 100%;
}

.recent-post-block {
	float: left;
	padding: 5px 0;
	border-top: 1px dotted #d9d9d9;
	margin-left: 11px;
}

.default-news-list li.first,
.default-news-grid li.first,
.detailed-news-grid li.first .recent-post-block,
.narrow-news-column li.first, .narrow-news-column li:first-child,
.medium-news-column li.first,
.wide-news-column li.first {
	border-top: none;
}

.narrow-news-column a.title {
	font-size: 12px;
}

.default-news-list h2,
.default-news-grid h2,
.hot-post-block h2,
.accent-spec h2,
.accent h2 {
	font-size: 14px;
	line-height: 14px;
	margin-top: 5px;
}

.default-news-list h2 {
	margin: 0 0 7px 0;
}

.default-news-grid h2 {
	font-size: 12px;
	text-align: center;
}

.recent-post-block h2,
.medium-news-block h2,
.medium-news-column h2,
.wide-news-column h2 {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 7px;
}

.recent-post-block img,
.medium-news-block img,
.default-news-list img,
.narrow-news-column img,
.medium-news-column img,
.wide-news-column img {
	float: left;
	margin-right: 10px;
}

.recent-post-block div,
.medium-news-block div,
.default-news-list div,
.medium-news-column div,
.wide-news-column div {
	float: left;
}

.default-news-list div {
	width: 383px;
}

.recent-post-block div,
.medium-news-column div {
	width: 180px;
}

.wide-news-column div {
	width: 260px;
}

span.details {
	color: #818181;
	font-family: Tahoma, Helvetica, Sans-serif;
	font-size: 10px;
	white-space: nowrap;
}

span.details a {
	color: #2a2a2a;
	text-decoration: underline;
}

span.details a:hover {
	color: #b82118;
}

.details .comment-count {
	margin-left: 3px;
	padding-left: 13px;
	text-decoration: none;
	background: transparent url('images/icon_comment.png') no-repeat bottom left;
}

.details .comment-count:hover {
	color: #b82118;
}

.tooltip {
	color: #2a2a2a;
	border-bottom: 1px dotted #2a2a2a;
	cursor: help;
}

.tooltip:hover {
	color: #818181;
	border-color: #818181;
}

#tooltip,
.excerpt {
	font: normal 11px Tahoma, Helvetica, Sans-Serif;
	line-height: 13px;
	color: #2a2a2a;
}

.default-news-list .excerpt {
	font-size: 12px;
	line-height: 16px;
}

.excerpt {
	margin: 7px 0;
}

#tooltip{
	display: none;
	position: absolute;
	width: 250px;
	padding: 5px 10px;
	background-color: white;
	border: 1px solid #d9d9d9;
    z-index: 99;
}

.default-news-grid div {
	float: left;
	width: 190px;
	margin-left: 6px;
}

.image-grid img {
	margin: 2px 0 0 2px;
}

.image-grid img.first-row {
	margin-top: 0;
}

.detailed-news-grid div.first-column,
.default-news-grid div.first-column,
.image-grid img.first-column {
	margin-left: 0;
}

.global-tags {
	margin: 0;
	text-align: center;
	word-spacing: 2px;
}

.quick-links {
	float: left;
	padding: 5px 10px;
	width: 930px;
}

.quick-links {
	background-color: #b82118;
}

.quick-links,
.quick-links a {
	font-size: 12px;
	color: white;
}

.license,
#credits {
	margin-top: 10px;
}

.license {
	float: right;
	font-size: 11px;
	width: 802px;
}

.license img {
	float: right;
	margin-right: 15px;
}

.license-host {
    padding-top: 5px;
    float: right;
	font-size: 11px;
	color: #5d5d5d;
}

.license-host a {
    color: #333333;
}

.group-credits {
	margin-top: 10px;
}

.group-credits {
	float: left;
	font-size: 11px;
	width: 108px;
}

.group-credits img {
	float: left;
	margin-right: 7px;
}

#credits {
	float: right;
	width: 128px;
	height: 32px;
	text-indent: -9999px;
	background: url('images/usermedia-credits.png') no-repeat 0 0;
}

#credits:hover {
	background-position: 0 -32px;
}

.recommended-links {
    float: left;
}

.recommended-links a {
    font-size: 12px;
}

.recommended-links li {
    float: left;
	width: 100%;
	padding: 5px 0;
	border-top: 1px dotted #d9d9d9;
}

.recommended-links li.first {
	border-top: none;
}

.link-block-post {
	width: 98%;
	color: #4b4b4b;
	border: 1px dotted #c7c7c7;
	padding: 5px 0 5px 5px;
	background-color: #f8f8f8;
}

.link-block-post a {
	color: #b82118;
}

#ad-positions,
.signatures {
	border-collapse:collapse;
	width: 582px;
	border: 1px solid #8e8e8e;
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size: 12px;
}

.signatures {
	margin-bottom: 15px;
}

#ad-positions th, #ad-positions td,
.signatures th, .signatures td {
	text-align: center;
	border: 1px solid #8e8e8e;
	vertical-align: middle;
	line-height: 1.3em;
}

#ad-positions th,
.signatures th {
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size: 13px;
	padding: 5px 5px 5px 5px;
	background-color: #b82118;
	color: #FFFFFF;
}

#ad-positions td,
.signatures td {
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size: 12px;
	padding: 3px 5px;

}

#ad-positions td.alt-cent,
.signatures td.alt-cent {
	text-align: left;
	padding-left: 8px;
}

#ad-positions tr.alt,
.signatures tr.alt {
	background-color: #f6f6f6;
}

#ad-positions a {
	color: #b82118;
	text-decoration: none;
	font-size: 11px;
}

.spec-sect-left {
	width: 113px;
	height: 300px;
	float: left;
	margin-left: 0px;
	border: 1px solid #000000;
}

.spec-sect-right {
	width: 155px;
	height: 300px;
	float: left;
	margin-left: 8px;
	padding: 0;
}

#spec-link {
	width: 113px;
	height: 300px;
	float: left;
	background: url('http://www.tuning.bg/images/gtmagazine/asparuh_left.jpg') no-repeat;
}


ul.errors {
	padding: 5px 0 15px 0;
}

ul.errors li {
	margin: 0;
	padding: 2px;
	font: bold 12px Candara, Georgia, Helvetica, Serif;
	color: #b82118;
}

/* Post and comments
-------------------------------------------------------------------- */

.post h1 {
	float: left;
	width: 100%;
	margin: 15px 0;
	padding: 0;
	font: bold 16px Candara, Georgia, Helvetica, Serif;
}

.post p {
	margin: 0 0 10px 0;
	font-size: 13px;
	line-height: 18px;
}

p.post-bar,
p.post-categories,
p.post-tags,
p.comment-bar {
	float: left;
	width: 583px;
	font-size: 11px;
	margin: 0;
}

.post-image {
	width: 561px;
	padding: 10px;
	margin: 0 0 10px 0;
	background-color: white;
	border: 1px solid #d9d9d9;
}

.post-bar,
.post-categories,
.comment-bar {
	padding-bottom: 3px;
	border-bottom: 1px solid #d9d9d9;
}

.post-bar,
.post-tags,
.comment-bar {
	padding-top: 3px;
	border-top: 1px solid #d9d9d9;
}

p.post-bar,
p.comment-bar {
	margin-bottom: 10px;
}

.post-details,
.comment-details,
.comment-rating {
	float: left;
	font-size: 11px;
	line-height: 16px;
}

.post-sharing-icons,
.comment-rating {
	float: right;
}

.comment-rating {
	width: 75px;
}

.post-sharing-icons img,
.comment-rating img {
	float: left;
	border: 1px solid #d9d9d9;
	padding: 0;
	margin: 0 0 0 7px;
}

.post-sharing-icons img:hover,
.comment-rating img:hover {
	opacity: 0.8;
}

.comment-rating small {
	float: left;
	margin-left: 4px;
}

.comment-list li {
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px dotted #d9d9d9;
	margin-bottom: 25px;
}

.comment-number {
	float: left;
	width: 50px;
	margin-right: 13px;
	font: italic 17px Candara, Georgia, Serif;
	color: #818181;
}

.comment-text {
	float: left;
	width: 400px;
	font-size: 13px;
	line-height: 18px;
}


/* Forms
-------------------------------------------------------------------- */

.comment-submit-notice,
label small {
	font: normal 12px/17px Candara, "Lucida Grande", Tahoma, Sans-Serif;
	color: #414141;
	padding-left: 5px;
}

.comment-submit-notice {
	padding: 0;
	margin: 0;
}

input.text,
textarea {
	width: 150px;
	padding: 3px 5px;
	font-size: 11px;
	border: 1px solid #d9d9d9;
	font: normal 12px Candara, "Lucida Grande", Tahoma, Sans-Serif;
}

textarea {
	width: 350px;
	height: 150px;
	padding: 2px 5px;
	margin: 5px 0;
}

input.button {
	padding: 3px 10px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background-color: #dfdfdf;
	border: 1px solid #d9d9d9;
	cursor: pointer;
}

input.button:hover {
	color: #b82118;
}

input.button:hover,
input.text:focus,
textarea:focus {
	border-color: #b82118;
}

.search-box {
	float: left;
	width: 100%;
	margin: 10px 0;
}

.search-box input {
	float: left;
}

.search-box input.text {
	font-size: 13px;
	width: 218px;
	margin-right: 5px;
}

.search-box input.button {
	width: 65px;
}

#petition_form input.text,
#petition_form input.button,
#petition_form textarea {
	margin: 0;
}

/* Pagination
-------------------------------------------------------------------- */

#Pagination {
	margin-bottom: 15px;
}

.pagination {
	float: left;
	margin: 5px 0 10px 0;
	width: 100%;
	text-align: right;
}

.pagination a,
.pagination .pages,
.pagination .current,
.pagination .current_page,
.pagination .extend {
	padding: 3px 10px;
	margin: 0 2px;
	font-size: 11px;
	border: 1px solid #d9d9d9;
	background-color: #ececec;
}

.pagination a {
	text-decoration: none;
	color: #2a2a2a;
	border-color: #818181;
	background-color: #d9d9d9;
}

.pagination a:hover {
	color: #b82118;
	border-color: #b82118;
}

.wallpaper {
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
}