/*   
Theme Name: Senzafine
Theme URI: http://creative.senzafineonline.net
Description: Dark style, two columns tableless, html5 and CSS3 theme
Author: Yahzee Skellington
Author URI: http://senzafineonline.net
Version: 1.0
.
.
*/

/* FONTS */
@font-face {
 font-family: Museo Sans;
 src: url('fonts/MuseoSans_500.otf');
}
@font-face {
 font-family: Museo;
 src: url('fonts/Museo300-Regular.otf');
}

/* RESET STYLES */
* {
	border: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

/* GLOBAL SETUP */
body {
	background: #151719 url(images/body_bg.png);
	color: #ddd5cc;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
}
#container {
	/*background: url(images/container_bg.png) no-repeat center top;*/
	margin: 0px auto;
	position: relative;
}
#swirls {
	background: url(images/noise.png);
}

/* HEADINGS */
h2 {
	color: #ccbbaa;
	font: 24px "Museo", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	text-shadow: 1px 1px 4px #000;
}
h3 {
	font: 19px "Museo", Verdana, Arial, Helvetica, sans-serif;
	color: #8e7d7c;
	margin-bottom: 20px;
}

/* LINKS */
a {
	color:  #8e7d7c;
}
a:hover {
	color: #ab9f9e;
}

/* PARAGRAPHS */
p {
	margin: 15px 0px;
	line-height: 160%;
}
p:last-child {
	margin-bottom: 0px;
}

/* SELECTIONS */
::-moz-selection {
	background: #f6cf74;
	color: #fff;
}
::selection {
	background: #f6cf74;
	color: #fff;
}

/* LISTS */
ul, ol {
	list-style: none;
}
ul {
	line-height: 130%;
	margin: 0px 6px 20px;
}
li {
	padding: 5px 0px;
}

/* QUOTES */
blockquote {
	background: url(images/quote_bg.png) no-repeat left top;
	display: block;
	font-style: italic;
	margin: 0px auto;
}
#story blockquote p {
	margin: 0px;
	padding: 8px 0px;
	text-align: center; !important
}

/* LAYOUT */
.wrapper {
	margin: 0px auto;
	width: 900px;
}

/* HEADER */
#banner {
	display: block;
	padding-top: 0px;
	background: url(images/ipod_banner.png) no-repeat center top;
	height: 182px;
	line-height: 182px;
	text-align: left;
}
#logo a {
	display: block;
	height: 100px;
	margin: 0px auto;
	padding: 0px 0px 0px 35px;
	width: 300px;
}

/* NAVIGATION */
#main-navigation {
	background: url(images/line.png) repeat-x center bottom;
}
#main-navigation li {
	display: inline-block;
	padding: 10px 20px;
	text-transform: uppercase;
	font: 13px "Museo", Arial, Helvetica, sans-serif;
}
#main-navigation li a {
	color: #ab9f9e;
}
#main-navigation li a:hover {
	color: #c9c1c0;
}

/* MAIN CONTENT */
#main {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	width: 730px;
	min-height: 500px;
	text-align: left;
	display: inline-block;
	float: left;
}

/* POST LIST */
ul#post {
	background: url(images/line.png) repeat-x center bottom;
}
ul#post li.post {
	padding: 10px 0px;
	clear: both;
	display: block;
	background: url(images/line.png) repeat-x center top;
}
ul#post li.post .excerpt {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	margin: 0px 20px 0px 170px;
	padding: 10px 30px;
	width: 480px;
}
ul#post li.post ul.meta {
	margin-top: 10px;
}

/* POST META */
ul.meta {
	display: block;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top: 25px;
	padding: 0px;
	text-align: right;
	width: 150px;
}
ul.meta {
	text-transform: lowercase;
}
ul.meta li {
	background-position: right center;
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 7px 20px 7px 0px; !important
}
ul.meta li.post_thumb img{
}
ul.meta li.time {
	background-image: url(images/meta_time.png);
}
ul.meta li.comments {
	background-image: url(images/meta_comments.png);
}
ul.meta li.facebook {
	background-image: url(images/meta_facebook.png);
}
ul.meta li.twitter {
	background-image: url(images/meta_twitter.png);
}
ul.meta li.rss {
	background-image: url(images/meta_rss.png);
}
ul.meta li.category {
	background-image: url(images/meta_category.png);
}
ul.meta li.next {
	background-image: url(images/meta_next.png);
}
ul.meta li.back {
	background-image: url(images/meta_back.png);
}
.date {
	display: block;
	color: #ccbbaa;
}
.date strong {
	font-weight: bold;
}

/* ARTICLE */
#story {
	background: url(images/story_bg.png) no-repeat center top;
	display: block;
	margin: 0px 20px 50px 170px;
	min-height: 500px;
	padding: 10px 30px;
	width: 500px;
}
#story h2 {
	background: url(images/title_bg.png) no-repeat center bottom;
	margin: 15px 15px 25px;
	padding-bottom: 30px;
	text-align: center;
}
#story p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	text-align: justify;
}
#story strong {
	color: #fff;
}
#story em {
	color: #f5f5f5;
}
img.thumb, img.thumb_right {
	background: #8e7d7c;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0px 1px 10px #000;
}
img.thumb {
	float: left;
	margin: 0px 15px 10px 0px;
}
img.thumb_right{
	float: right;
	margin: 0px 0px 10px 15px;
}
img.thumb_center {
	margin: 5px auto;
	-webkit-box-shadow: 0px 1px 10px #000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #8e7d7c;
	padding: 6px;
	display: block;
}
.poetry {
	background: url(images/quote_bg.png) no-repeat left top;
	display: block;
	font-style: italic;
	margin: 0px auto;
}
.poetry p {
	padding: 4px 10px;
	text-align: center;
}
	
/* Sidebar */
#sidebar {
	display: inline-block;
	width: 150px;
	padding: 15px 0px;
	margin: 0px auto;
	text-align: justify;
	font-size: 11px;
	float: left;
}
#sidebar .block {
	padding: 15px 0px;
	background: url(images/line.png) repeat-x center bottom;
}
#sidebar h4 {
	margin: 0px 0px 10px;
	font: 14px "Museo", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}
#sidebar p {
	margin: 0px;
}
#sidebar ul {
}
#sidebar ul li {
	padding: 5px 0px;
}

/* SOCIAL LINKS */
ul#follow {
	margin: 0px;
}
ul#follow li {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 45px;
	line-height: 40px;
}
ul#follow li.facebook {
	background-image: url(images/facebook.png);
}
ul#follow li.twitter {
	background-image: url(images/twitter.png);
}
ul#follow li.rss {
	background-image: url(images/rss.png);
}

/* FOOTER */
#footer {
	background: url(images/footer_bg.png) no-repeat center top;
	clear: both;
	color: #ccbbaa;
	display: block;
	font-size: 10px;
	padding: 20px 0px;
}
#footer p {
	line-height: 40px;
	margin: 0px;
	padding: 0px 0px 0px 80px;
	text-align: left;
}
#signature {
	background: url(images/signature.png) no-repeat center center;
	width: 157px;
	height: 24px;
	padding: 8px 0px;
	margin: 0px 80px 0px auto;
	float: right;
}

/* Buttons */
.button {
	background: url(images/button_bg.png) repeat-x center 0px;
	border-radius: 10px;
	color: #f5f5f5;
	cursor: pointer;
	display: inline;
	font: bold 14px "Museo Sans";
	height: 30px;
	line-height: 30px;
	margin-top: 15px;
	padding: 0px 10px;
	text-shadow: 1px 1px 1px #4a3938;
	text-transform: uppercase;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0px 0px 5px #000;
}
.button:hover {
	background: url(images/button_bg.png) repeat-x center -30px;
	color: #fff;
}
.button:active {
	background: url(images/button_bg.png) repeat-x center -60px;
	color: #fff;
}
.ngg-imagebrowser-nav,
.small_button {
	font-size: 10px;
	margin-top: 20px;
	text-transform: uppercase;
}
.ngg-imagebrowser-nav a,
.small_button a {
	background: url(images/small_button_bg.png) repeat-x center top;
	color: #f5f5f5;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	padding: 0px 12px;
	text-shadow: 1px 1px 1px #4a3938;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-webkit-box-shadow: 0px 0px 5px #000;
}
.ngg-imagebrowser-nav a:hover,
.small_button a:hover {
	background: url(images/small_button_bg.png) repeat-x center -18px;
	color: #fff;
}
.ngg-imagebrowser-nav a:active,
.small_button a:active {
	background: url(images/small_button_bg.png) repeat-x center -36px;
	color: #fff;
}
.ngg-imagebrowser .ngg-imagebrowser-nav .back,
.ngg-imagebrowser .ngg-imagebrowser-nav .next {
	border: none; !important
	padding: 0px; !important
}

/* MooForm */
#mooForm {
}
#mooForm label {
	display: block;
	margin-bottom: 30px;
	font-size: 11px;
}
#mooForm .text {
	background: url(images/dark_bg.png);
	border-radius: 6px;
	color: #ddd5cc;
	display: block;
	font-size: 16px;
	margin: 5px auto;
	padding: 10px;
	width: 460px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#mooForm textarea {
	max-width: 460px;
	min-width: 460px;
	height: 150px;
}
#mooForm .legend {
	font-size: 10px;
}

/* Comments */
#comments {
	display: block;
	margin: 15px auto 0px;
	padding: 0px;
	width: 100%;
}
#comments h3 {
	text-align: center;
}
#comments h3.subtitle {
	background: url(/wp-content/themes/senzafine/images/subtitle_bg.png) no-repeat center top;
	height: 40px;
	line-height: 40px;
}
#comments #comments_list {
	width: 450px;
	margin: 20px auto;
	padding-bottom: 5px;
	background: url(images/line_bg.png) no-repeat center bottom;
}
#comments #comments_list .comment {
	background: url(images/line_bg.png) no-repeat center top;
	padding: 15px 0px;
	font-size: 11px;
}
#comments #comments_list .comment .author {
	font-size: 12px;
	font-weight: bold;
	color: #be0000;
}
#comments #comments_list .comment .date {
	display: inline;
	font-weight: bold;
}
#comments #comments_list .comment .text {
	display: block;
	font-size: 12px;
	font-style: italic;
	margin: 8px 0px;
}

.required {
	font-size: 9px;
	color: #ff0000;
}

/* Tracklist */
ol.tracklist {
	background: url(images/tracklist_bg.png) no-repeat left top;
	clear: both;
	color: #ccbbaa;
	display: block;
	font-style: italic;
	line-height: 140%;
	margin: 10px 0px 30px;
}
ol.tracklist li {
	display: list-item;
	list-style: decimal;
	margin-left: 90px;
	padding-left: 10px;
}

/*Search Form */
#searchform {
	background: url(images/search_bg.png) repeat-x;
	border-radius: 10px;
	height: 20px;
	padding: 5px;
	text-align: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 14px;
}
#searchform .screen-reader-text {
	display: none;
}
#searchform #s {
	background: #f5f5f5;
	border-radius: 6px;
	color: #8e7d7c;
	display: block;
	float: left;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	margin: 0px 6px 0px 5px;
	padding: 0px 5px;
	width: 99px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#searchform #searchsubmit {
	background: url(images/search_button.png) no-repeat center top;
	border-radius: 5px;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 1px;
	height: 30px;
	margin: 0px auto;
	width: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#searchform #searchsubmit:hover {
	background: url(images/search_button_over.png) no-repeat center top;	
}
/* NAVIGATION */
#navigation {
	font-size: 11px;
	margin: 20px auto;
	text-transform: lowercase;
	width: 300px;
}

/* Internet Explorer warning */


/* Related Posts */
#related {
	background: url(images/dark_bg.png);
	margin-top: 30px;
	padding: 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#related a {
	color: #ddd5cc;
}
#related li {
	padding: 4px 0px;
}
#language_list {
	font-size: 10px;
	text-align: right;
}
#language_list ul {
	margin: 5px 0px;
}
#language_list li {
	background: url(images/dark_bg.png);
	display: inline;
	font-size: 9px;
	margin-left: 10px;
	padding: 2px 14px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 8px;
}
.article_language {
	background: url(images/dark_bg.png);
	display: inline;
	font-size: 10px;
	padding: 2px 14px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 8px;
}
.line {
	background: url(images/line_post.png) no-repeat;
	display: block;
	padding: 2px;
}
.contact {
	line-height: 150%;
	margin-left: 80px;
	text-align: left;
}
.contact h4 {
	color: #f5f5f5;
}
/* CODES */
pre {
	background: url(images/dark_bg.png);
	display: block;
	font-size: 11px;
	line-height: 140%;
	margin-bottom: 20px;
	overflow: auto;
	padding: 10px 15px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
pre .code-more {
	color: #a79f98;
	font-style: italic;
	margin-left: 20px;
}

/* Nextgen Gallery */
.ngg-singlepic {
	background: #8e7d7c;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.ngg-singlepic:hover {
	background: #f5e5e5;
}
.image-divider {
	clear: both;
	display: block;
	line-height: 150%;
}
.gallery {
	text-align: center;
}
.gallery .ngg-singlepic {
	display: inline-block;
	margin: 5px auto;
}
.ngg-imagebrowser .pic img {
	background: #8e7d7c;
	border: none;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.post-image {
	background: url(images/dark_bg.png);
	margin: 0px auto;
	padding: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/* SOCCER SCOREBOARD */
small.match-info {
	background: url(images/dark_bg.png);
	display: block;
	font-size: 11px;
	margin: 0px auto;
	padding: 3px 10px;
	text-align: center;
	width: 400px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
small.match-info p {
	margin: 0px; !important
	padding: 3px 0px; !important
}
div.lineup {
	border: none;
	display: table;
	margin: 0px auto 20px;
	width: 480px;
}
div.lineup h4 {
	font: 15px "Museo", Verdana, Arial, Helvetica, sans-serif;
	color: #8e7d7c;
	margin-left: 22px;
}
div.lineup ul.team-one,
div.lineup ul.team-two {
	background: url(images/dark_bg.png);
	display: table-cell;
	padding: 6px 10px;
	width: 180px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
div.lineup div.divider {
	display: table-cell;
	text-indent: -9999px;
	width: 10px;
}
div.lineup li {
	padding: 5px 10px;
	vertical-align: middle;
}
div.lineup small {
	color: #8e7d7c;
	display: inline-block;
	text-align: right;
	width: 22px;
}
div.lineup li.line-divider {
	display: block;
	height: 2px;
	text-indent: -9999px;
}
div.lineup div.coach {
	display: block;
	padding: 5px 0px 0px 22px; !important
}
table.group-standings {
	background: url(images/dark_bg.png);
	border: none;
	color: #ddd5cc;
	margin: 0px;
	padding: 0px 0px 5px;
	width: 100%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
table.group-standings th {
	font-family: "Museo", Arial, sans-serif;
	font-size: 11px;
	padding: 3px;
	text-align: center;
	width: 50%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
table.group-standings th.teams {
	text-align: left;
	width: 40%;
}
table.group-standings th.data {
	background: url(images/dark_bg.png);
	width: 10%;
}
table.group-standings td.team {
	padding: 5px 10px;
	text-align: left;
}
table.group-standings td {
	padding: 5px 10px;
	text-align: center;
}

/* VIDEO */
/* Video
-------------------------------------------------------------- */
.video-window {
	background: #fff no-repeat center center;
	border: 1px solid rgba(100,100,100,0.2);
	display: block;
	height: 250px;
	margin: 10px auto;
	padding: 9px;
	width: 500px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.video .video-play, .video-window a {
	background: url(images/play-button.png) no-repeat center center;
	border: none;
	cursor: pointer;
	display: block;
	height: 250px;
	opacity: 0.8;
	text-decoration: none;
	width: 500px;
}
.video .video-play:hover {
	background: url(images/play-button.png) no-repeat center center;
	opacity: 1;
}
ul.video-options {
	background: rgba(200,200,200,0.3) url(images/sidebar-bg.png) repeat-x top center;
	border: solid rgba(100,100,100,0.2);
	border-width: 0px 1px 1px;
	clear: both;
	display: table;
	margin: -10px auto 5px;
	text-indent: -9999px;
	text-align: center;
	width: 382px;
	-moz-border-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}
ul.video-options li {
	display: table-cell;
	height: 35px;
	opacity: 0.8;
	width: 190px;
}
ul.video-options li:hover {
	background-color: rgba(255,255,255,1);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 1;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}
ul.video-options li.html5-player {
	background-image: url(images/html5-button.png);
}
ul.video-options li.flash-player {
	background-image: url(images/flash-button.png);
}
ul.video-options li.disabled,
ul.video-options li.disabled:hover {
	opacity: 0.2;
}
ul.video-options li a {
	display: block;
	height: 35px;
	width: 190px;
}
ul.video-options li a:hover {
	background-color: rgba(150,150,150,0.1);
}
.video-help {
	background: url(images/light.png);
	border: solid rgba(100,100,100,0.1);
	font-size: 11px;
	display: none;
}
.video-help a {
	font-weight: bold;
}

/* OTHERS */
.category-title {
	margin-left: 150px;
}
.category-title h2 {
	margin: 0px;
	padding: 0px;
	text-align: center;
}