/*
Theme Name: Supergazol
Theme URI: http://www.supergazol.com/
Description: Supergazol wordpress theme
Author: Supergazol
Version: 1.0
Tags: supergazol
*/


@import url("css/reset.css");

html, body {  padding:0; margin:0; height:100%; }
body { font-family: Arial, Helvetica, sans-serif; font-size:76%; line-height:1.2em; background:#FFFFFF; }

h1, h2, h3 { color: #000000; font-weight:bold; letter-spacing:0; padding:0 0 5px 0; text-transform: uppercase; border-bottom: 1px solid #CCCCCC; }
h1 {  margin:0 0 50px 0; }
h2 {  margin:0 0 15px 0; }
h3 {  margin:0 0 5px 0; }

#container { display:block; width:950px; margin:0 auto; }

#header { display:block; float:left; width:100%; margin:35px 0 50px 0; }
#header .title { }
#header .description {}

#logo { display:block; width:250px; margin:0 auto; }
#logo a { display:block; width:250px; height:160px; background: url(images/supergazol.gif) no-repeat center; }
#logo span { display:none; }

#masthead { display:block; float:left; width:950px; height:400px; background:#000000; margin:0; margin-bottom:50px; padding:0; }

#focus { display:block; float:left; width:950px; margin:50px 0 0 0; }
#focus h2 { color: #000000; font-weight:bold; letter-spacing:0; margin:0 0 15px 0; padding:0 0 5px 0; text-transform: uppercase; border-bottom: 1px solid #CCCCCC; }
#focus ul { list-style:none outside none; }
#focus ul li { display:block; float:left; width:280px; text-align:center; margin:0 55px 0 0; padding:0; }
#focus ul li:last-child { margin-right:0; }
#focus ul li a { text-decoration:none; }
#focus ul li a img { display:block; width:280px; height:280px; max-width:280px; opacity:1; }
#focus ul li a:hover img { opacity:0.9; }
#focus ul li .focus-title { display:block; color:#000000; font-weight:bold; margin-top:5px; }
#focus ul li .focus-subtitle { display:block; color:#666666; }

/* Content */

#main { display:block; float:left; width:100%; }

#content { display:block; float:left; width:600px; margin-right:50px; }

div.post, div.page { display:block; margin-bottom:50px; }

.entry-title { }
.entry-title a { color: #000000; text-decoration:none; }
.entry-meta { display:none; }
.entry-content, .entry-summary { color:#515151; margin-bottom:10px; clear:both; }
.entry-content a, .entry-summary a { color: #515151; }
.entry-content a:hover, .entry-summary a:hover { color: #000000; }
.entry-content p { margin-bottom:5px; }
.entry-content .thumbnail, .entry-summary .thumbnail { float: left; margin: 0 10px 10px 0; max-width:150px; }
.entry-content ul { list-style:square inside; }
.entry-utility { color:#999999; font-size:0.85em; clear:both; }
.entry-utility a { color:#999999; }
.entry-utility a:hover { color:#000000; }
 
.addthis_toolbox.addthis_pill_combo { float:left; margin-right:10px; margin-top:2px; height:auto; }
.addthis_toolbox.addthis_pill_combo a { float:left; }
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet, .addthis_toolbox.addthis_pill_combo a.addthis_counter { margin-top: -2px; }
.addthis_button_compact .at15t_compact { margin-right: 4px; float: left; }   

#navigation-above { display:none; }
#navigation-below { display:block; width:600px; padding:5px 0 0 0; margin:0; margin-bottom:50px; border-top: 1px solid #CCCCCC; }
#navigation-below a { color: #000000; font-weight:bold; letter-spacing:0; text-transform: uppercase; text-decoration:none; }
#navigation-below .previous { display:block; float:left; }
#navigation-below .next { display:block; float:right; }

body.home #navigation-below { display:none; }

/* Comments */

#comments { margin-bottom:50px; }
#comments a { color: #000000; }
#comments .commentlist { margin-bottom:50px; }
#comments #respond label { display:block; float:left; padding:5px 0 5px 0; }
#comments #respond input[type="text"] { width:95%; }
#comments #respond textarea { width:95%; }
#comments #respond #submit { color:#FFFFFF; cursor:pointer; font-weight:bold; text-transform:uppercase; padding:5px; margin-top:10px; border:none; background:#000000; }
#comments #respond #submit:hover { background:#999999; }

/* Sidebar */

#sidebar { display:block; float:left; width:300px; }
#sidebar .widget-title { margin:0 0 15px 0; }
#sidebar .widget-title a { color: #000000; text-decoration:none; }
#sidebar li.widget-container { display:block; margin-bottom:30px; }
#sidebar li.widget-container ul { list-style:none outside none; }
#sidebar li.widget-container ul li { display:block; margin:0; padding:5px 0 5px 0; border-bottom: 1px solid #CCCCCC; }
#sidebar li.widget-container ul li:last-child { border-bottom:none; }
#sidebar li.widget-container ul li a { display:block; color:#000000; font-weight:normal; text-decoration:none; text-indent:10px; background:url("images/li.png") no-repeat 0 50% transparent; }
#sidebar li.widget-container ul li a:hover { color: #000000; font-weight: bold; }
#sidebar li.widget-container ul li ul { margin-top:5px; }
#sidebar li.widget-container ul li ul li { background:none; border-top: 1px solid #CCCCCC; border-bottom:none; }
#sidebar li.widget-container ul li ul li a { text-indent:20px; background:none; }
#sidebar li.widget-container ul li.current-menu-parent a { font-weight: bold; }
#sidebar li.widget-container ul li.current-menu-item a { font-weight: bold; }
#sidebar li.widget-container ul li.current-menu-parent ul li a { font-weight: normal; }
#sidebar li.widget-container ul li.current-menu-item ul li a { font-weight: normal; }
#sidebar li.widget-container ul li ul li.current-menu-item a { font-weight: bold; }
#sidebar li.widget_twitter ul li { color:#999999; background:none; }
#sidebar li.widget_twitter ul li a { margin-top:5px; }
#sidebar li.widget_tag_cloud a { color:#000000; text-decoration:none; }
#sidebar li.widget_tag_cloud a:hover { color:#FFFFFF; background:#000000; }
#sidebar li.widget_playpause { display:block; border:#cccccc 1px solid; }
#sidebar li.widget_playpause .widget-title { display:none; }
#sidebar li.widget_playpause .content { display:block; width:228px; margin:0 auto; margin-top:30px; margin-bottom:30px; }
#sidebar li.widget_playpause .logo { display:block; width:220px; height:113px; background:url(images/playpause.gif) no-repeat top center; }
#sidebar li.widget_playpause .baseline { display:block; margin:0 auto; font-weight:normal; color:#000000; font-size:1.20em; margin-bottom:10px; }
#sidebar li.widget_playpause ul { border-top:#cccccc 1px solid; }
#sidebar li.widget_playpause ul li { background:url(images/playpause-bullet.png) no-repeat right center; }
#sidebar li.widget_playpause ul li a, #playpause ul li a:hover { text-indent:0px; text-transform:uppercase; color:#dd4037; background:none; padding-left:0; }

body.search #sidebar li.widget-container { display:none; }
body.search #sidebar li.widget_nav_menu { display:block; }

/* Footer */

#lang_sel_footer { position:absolute; top:0; left:0; width:98%; border:0; border-bottom:1px solid #CCCCCC; z-index:100; }
#lang_sel_footer a { position:relative; color:#000000; }
#lang_sel_footer a:hover { color:#999999; }

#footer { display:block; float:left; width:950px; border-top: 1px solid #CCCCCC; }
#footer .widget-area { display:block; float:left; width:25%; margin-top:20px; }
#footer .widget-title { border:none; }
#footer li.widget-container ul li a { display:block; color:#000000; font-weight:normal; text-decoration:none; }
#footer li.widget-container ul li a:hover { color: #000000; font-weight: bold; }
#footer .copyright { display:block; float:left; width:100%; margin:20px 0 20px 0; padding:0; text-align:center; color: #666666; font-size:0.85em; }

/* Forms */

input[type="text"] { display:block; clear:left; padding:5px; border: 1px solid #CCCCCC; }
textarea {  width:95%; border: 1px solid #CCCCCC; padding:5px; }

#searchsubmit { color:#FFFFFF; cursor:pointer; font-weight:bold; text-transform:uppercase; padding:5px; margin-top:5px; border:none; background:#000000; }
#searchsubmit:hover { background:#999999; }

.placeholder { color:#999999; }
.widget_ns_mailchimp input[type="text"] { width:200px; }
.widget_ns_mailchimp input[type="submit"] { float:left; color:#FFFFFF; cursor:pointer; font-weight:bold; text-transform:uppercase; padding:5px; margin-top:5px; border:none; background:#000000; }
.widget_ns_mailchimp input[type="submit"]:hover { background:#999999; }

/* Internal */

.screen-reader-text { position: absolute; left: -9000px; }
.nocomments { display:none; }

#wpadminbar { display:none; }
html { margin-top:0px !important; }
* html body { margin-top: 0px !important; }