/*
Theme Name: sniff PETROL 2010
Theme URI: http://sniffpetrol.com/
Description: Sniff Petrol 2010 theme.
Version: 2.0.6
Author: Robert O'Rourke
Author URI: http://interconnectit.com/
Tags:
*/

/* Changelog:
2
  2012-05-02 - David Coveney - removed uppercase transform on h1

*/

/* Reset */
body,html,
h1,h2,h3,h4,h5,h6,p,blockquote,
ul,ol,li,dl,dt,dd,
aside,header,footer,article,section,
table,thead,tbody,tfoot,tr,th,td,
form,fieldset { /* normalise margin, padding, typography */
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
aside,header,footer,article,section,nav { display: block; }
time { display: inline; }
li { list-style: none outside; }
table { border-collapse: collapse; border-spacing: 0; border: 0; }
table th,
table td { vertical-align: top; border: 0; text-align: left; }
fieldset, img { border: 0; }
q:before, q:after { content: ''; } /* bring good browsers in line with IE <= 6 (!?) */
input, button { width: auto; overflow: visible; }
sub,sup { line-height: 0; }
input, select { font-family: Helvetica, Arial, sans-serif; }

/* outside in */
body {
background: #fff;
color: #000;
}

#wrapper {
width: 960px;
padding: 0 28px 0;
margin: 0 auto;
background: #fff;
color: #444;
border: 2px solid #eee;
border-width: 0 2px;
}

#header {
overflow: hidden;
margin: 0 0 20px;
padding: 20px;
background: #f60;
color: #000;
}
#header #logo {
float: left;
width: 522px;
height: 100px;
background: url(images/logo-impact-orange.png) no-repeat left top;
text-indent: -9999px;
}
#logo a {
display: block;
width: 100%;
height: 100%;
background: url(images/logo-impact-orange.png) no-repeat left top;
}
#header .description {
clear: left;
float: left;
margin: -18px 0 0;
padding-left: 0px;
font-size: 1em;
font-style: italic;
width: 522px;
font-weight: bold;
}

#header .nav {
margin-top: 80px;
font-family: Tungsten, Impact, Helvetica, sans-serif;
text-align: right;
font-size: 1.25em;
}
#header .menu-top-container,
#header .nav ul,
#header .nav li,
#header form,
#header form div {
display: inline;
}
#header .nav li {
margin-right: 20px;
}
#header .nav a {
text-decoration: none;
color: #000;
}
#header .nav a:hover {
color: #fff;
}
#hadvert {
margin-left: auto;
margin-right: auto;
padding: 5px 0;
}

#searchform {
-moz-border-radius: 10px;
padding: 0 5px 3px;
background: #fff url(images/search.png) no-repeat 172px center;
}
#searchform label {
position: absolute;
top: -999px; left: -999px;
}
#searchform input {
border: 0;
background: none;
vertical-align: middle;
width: 160px;
padding: 0;
overflow: visible;
}
#searchform #searchsubmit {
width: 18px;
height: 18px;
cursor: pointer;
background: none;
margin: 0;
overflow: hidden;
line-height: 50px;
text-indent: -9999px;
padding: 0;
margin: 0;
}

#external-links {
clear: both;
padding: 0 30px;
font-size: 0.88em; /* 14px */
width: 920px;
margin: 0 -10px;
line-height: 45px;
background: url(images/links-bg.png) repeat-y center top;
}
#external-links h2 {
position: absolute;
left: -9999px;
top: -9999px;
}
#external-links ul {
overflow: hidden;
margin: 0;
}
#external-links li {
float: left;
margin-left: 38px;
display: inline;
white-space: nowrap;
font-weight: bold;
}
#external-links li:first-child,
#external-links li.first  {
margin-left: 0;
}
#external-links a {
text-decoration: none;
color: #000;
padding: 5px 0;
}
#external-links a:hover {
color: #f60;
}
#external-links a span {
color: #f60;
}


/* #content area */
#content {
overflow: hidden;
float: left;
width: 640px;
}
.page-template-home-template-php #content {
width: 1040px;
margin-right: -80px;
float: none;
}
.page-template-home-template-php .widget-container,
.page-template-home-template-php .taxonomy-category {
float: left;
width: 300px;
background: url(images/grid-300.png) no-repeat left top;
margin: 30px 30px 0 0;
padding: 20px 0 0 0;
}


.page-template-home-template-php .sniff-tax-lister-widget h2.title {
margin-top:20px;
margin-left:20px;
}

ul.sp_tax_list{
	margin-left:20px;
}



.page-template-home-template-php .span2 {
width: 630px;
background: url(images/grid-630.png) no-repeat left top;
}
.widget-container > h2.title,
.taxonomy-category h2 {
margin: 0 20px 20px;
}
.taxonomy-category .hentry-image {
float: left;
margin: 15px 10px 0 0;
}
.taxonomy-category .hentry-image img {
display: block;
margin: 0;
padding: 0;
}
.taxonomy-category ul,
.taxonomy-category p.all {
margin: 20px;
}
.taxonomy-category ul {
margin: 20px 20px 20px 0;
}
.widget-container > ul > li,
.taxonomy-category ul li {
padding-left: 20px;
display: block;
background: url(images/bullet.png) no-repeat 0px 0.4em;
}
.taxonomy-category .no-title {
background: none;
}
.taxonomy-category .hentry-content {
display: block;
overflow: hidden;
}
.taxonomy-category p {
margin: 10px 0;
}
.taxonomy-category p.date {
margin: 10px 0 0;
}

#icit_taxonomical_listings-2 {
width: 630px;
background: url(images/grid-630.png) no-repeat left top;
}
#icit_taxonomical_listings-2 h2 {
position: absolute;
left: -2999px;
top: -2999px;
}
#icit_taxonomical_listings-2 .hentry-content p {
margin: 0;
padding: 0;
width: 100%;
height: auto;
}
#icit_taxonomical_listings-2 img {
margin: 0 auto;
padding: 0;
max-width: 100%;
height: auto;
}
#icit_taxonomical_listings-2 ul {
margin: 0 20px;
height: 420px;
overflow: hidden;
}
#icit_taxonomical_listings-2 li {
padding: 0;
width: 100%;
background: none;
}


.widget_text {
	padding-top: 10px;
}
.widget_text .title {
	margin: 10px 20px;
}
.textwidget {
	margin: 0 20px 20px;
	font-size: 0.88em;
	line-height: 1.5em;
}
.textwidget p {
	font-size: 1em;
}
.widget_advert_content {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}


/* post listings and single */
#content h1 {
margin: 40px 20px 40px;
float: left;
width: 440px;
display: inline;
}
#content .post h1 {
margin: 20px 0 20px;
float: left;
width: 440px;
}
.post .meta {
margin: 0 0 20px;
clear: left;
float: left;
width: 440px;
}
.post {
margin: 20px 20px 60px;
width: auto;
clear: left;
}
.page-template-home-template-php .post {
float: left;
width: 630px;
background: url(images/grid-630.png) no-repeat left top;
margin: 30px 30px 0 0;
padding-top: 10px;
clear: none;
}
.page-template-home-template-php .post h2,
.page-template-home-template-php .post .meta,
.page-template-home-template-php .post .entry {
margin-left: 20px;
margin-right: 20px;
}
.post .entry {
clear: left;
}
.post .image-entry {
clear: both;
}
.post .hentry-content {
overflow: hidden;
}
#content .post .wp-caption {
float: right;
display: block;
margin: 0 0 10px 20px;
padding: 10px;
border: 1px solid #ccc;
text-align: center;
font-style: italic;
clear: right;
}
#content .post .wp-caption img {
display: block;
margin: 0 auto;
border: 0;
}
#content .post .wp-caption p {
font-size: 0.75em;
}
#content .extra {
margin: 50px auto;
}

/*.post p img:first-child {
-moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
}
.post:nth-child(odd) p img:first-child {
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
}*/

.nocomments { clear: both; display: none; }

.post p img { margin: 10px auto; clear: both; }
.post img[align="right"] { float: right; margin: 0 0 10px 20px; clear: right; }
.post .alignright { float: right; margin: 0 0 10px 20px; clear: right; }
.post .right { float: right; margin: 0 0 10px 20px; clear: right; }
.post img[align="left"] { float: left; margin: 0 20px 10px 0; clear: left; }
.post .alignleft { float: left; margin: 0 20px 10px 0; clear: left; }
.post .left { float: left; margin: 0 20px 10px 0; clear: left; }

/* pagination */
.navigation {
float: right;
width: 180px;
margin: 40px 20px 20px;
clear: none;
font-size: 0.88em;
display: inline;
}
.navigation.bottom {
/*margin-top: -150px;*/
margin-top: -40px;
}
.navigation .alignleft,
.navigation .alignright {
margin: 0;
float: none;
}
.navigation a {
display: block;
padding: 10px;
background: #f60;
color: #fff;
text-decoration: none;
font-weight: bold;
margin-bottom: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.navigation a:hover {
color: #fff;
background: #000;
}

.navigation.wide {
width: auto;
float: none;
display: block;
overflow: hidden;
}
.navigation.wide .alignleft {
float: left;
text-align: center;
width: 180px;
}
.navigation.wide .alignright {
float: right;
text-align: center;
width: 180px;
}

/* #sidebar */
#sidebar {
float: right;
width: 320px;
padding: 40px 0;
}

#sidebar h2 {
margin: 40px 0 0 0;
}
#sidebar h2 a {
margin-left: 20px;
}
#sidebar ul {
margin: 0 20px 0;
}
#sidebar ul ul {
margin: 10px 0;
}
#sidebar li {
font-size: 0.88em;
}
#sidebar ul li:nth-child(4) {
margin-left: 20px;
}
#sidebar ul li ul li:nth-child(4) {
margin-left: 0;
}

/* #footer */

#footer {
clear: both;
padding: 20px;
background: #f60;
margin: 20px 0 0;
text-align: right;
overflow: hidden;
width: 920px;
color: #000;
}

#footer a {
color: #fff;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer .menu {
overflow: hidden;
font-family: Tungsten, Impact, sans-serif;
margin-top: 0;
text-align: left;
}
#footer .menu li {
float: left;
margin-right: 20px;
font-size: 1.25em;
}
#footer .menu li a {
color: #000;
display: block;
}
#footer .menu li a:hover {
color: #fff;
text-decoration: none;
}
#footer .menu #menu-item-923 a {
text-indent: -9999px;
width: 24px; height: 24px;
background: url(images/rss.png) no-repeat left -2px;
}
#footer .menu #menu-item-923 a:hover {
background: url(images/rss-white.png) no-repeat left -2px;
}

#footer p {
font-size: .88em;
margin-bottom: 0;
font-weight: bold;
clear: left;
}
#footer .copyright {
float: left;
text-align: left;
}
#footer .credit {
float: left;
clear: none;
}
#fadvert {
margin-left: auto;
margin-right: auto;
padding: 5px 0;
}

/* Typography */

body {
font: 1em/1.25em "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,h2 {
font-family: Tungsten, Impact, Helvetica, sans-serif;
font-weight: normal;
}

h2,h3,h4,p,blockquote,ul,ol {
margin: 10px 0;
}

h1 { font-size: 1.75em; line-height: 0.83em; } /* 28px/30px */
h2 { font-size: 1.75em; line-height: 0.89em; } /* 28px/25px */
h3 { font-size: 0.88em; } /* 14px */

p { font-size: 0.88em; line-height: 1.5em; } /* 12px/18px */
.date { font-style: italic; color: #999; }

a { color: #f60; }
a:hover { color: #000; }

h2 a { text-decoration: none; }

h2 a,
h3 a { display: block; }

.more { font-variant: small-caps; }

.post ul li {
list-style: circle;
}
.post ol li {
list-style: decimal;
}

blockquote {
font-style: italic;
margin: 10px 0;
color: #737571;
}

img {
max-width: 100%;
height: auto;
display: block;
}

#content .format-image .post-title {
display:none;
}
#content .format-image .meta.date {
display:none;
}


/*
 * Footer widget styles
 */

.copyright-credits, .footer-widget {
	width: 50%;
 }

.copyright-credits {
	float: left;
}

.footer-widget {
	float: right;
}
