/*  
Theme Name: Pro Driving
Description: A custom wordpress theme by Keith McLaughlin
Version: 1.0
Author: Keith McLaughlin
Author URI: http://www.keithmclaughlin.ie
*/

/* Universal Declarations */
/* ----------------------------------------------------------------- */
* html, body { margin: 0; /* Resets all margins and paddings on the page */ padding: 0; }
body { font: 81.3% Arial, Helvetica, sans-serif; color: black; }
p { line-height: 1.5em; }
ul { margin: 0; padding: 0; list-style-position: inside; }
ul li { line-height: 2em; }
* a:link, * a:visited, * a:hover, * a:active { text-decoration: none; color: #ec1d25; }
* a:hover { cursor: pointer; /* works well for onclick anchors */ }
:link img, :active img, * img, a img { border: none; }
img.alignleft { float: left; margin-right: 1em; }
img.alignright { float: right; margin-left: 1em; }
.toTop { width: 40px; height: 40px; opacity: 0.3; position: fixed; top: 100px; right: 50px; display: none; text-indent: -9999px; background: url('images/icon_top.png') no-repeat; }
@font-face {
	font-family: 'open_sanscondensed_light';
	src: url('fonts/OpenSans-CondLight-webfont.eot');
	src: url('fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3, h4 { font-family: 'open_sanscondensed_light'; margin: 0.5em 0; }
h1 { font-size: 3.5em; }
h2 { font-size: 3em; }
h3 { font-size: 2.5em; }
h4 { font-size: 2em; }
.text-align-right { text-align: right; }

/* ----------------------------------------------------------------- */
.header { background: transparent url(images/header-bg.jpg) repeat-x top; min-height: 225px; }
.headernav { background-color: #000033; }
.topnav { margin: 0; padding: 0; text-transform: uppercase; }
.topnav li a { color: white; }
.topnav li a:hover { color: #ec1d25; }
.topnav li { display: inline-block; padding: 1em; }
.topnav li.current-menu-item { background-color: #ec1d25; }
.topnav li.current-menu-item a { color: white; font-weight: bold; }
.selectnav { display: none; }
.slider, .content { margin: 2em 0; }
.content h1 { color: #ec1d25; margin-top: 0; }
[class*="span"] > h1 { margin-top: 0; }
.sidebar img { margin-bottom: 1em; }
table thead tr { background-color: #ff9999; }
table tr.highlighted { background-color: #ffffcc; }
input[type=text], input[type=email], select, textarea { padding: 5px; border-radius: 3px; border: 1px solid #ccc; background-color: white; }
input[type=submit] { padding: 5px; width: 100px; }
.skt_item { padding: 10px 20px; background-color: #f5f5f5; margin-bottom: 2em; }
.skt_client_name { text-align: right; font-style: italic; }
.skt_client_name:before { content: "\2013\2002"; }
.footer { background-color: #333333; color: gray; padding: 2em 0; }
.footer a { color: gray; }
.footer a:hover { color: white; }
.footer p { padding: 1em 0; line-height: 0; }
.footernav li { display: inline-block; padding: 1em; }
.footernav li:first-child { padding-left: 0; }

@media screen and (max-width: 768px) {
	body { font-size: 100%; }
	.container { margin: 0 1em; }
	.js #nav { display: none; }
	.js .selectnav { display: block; }
	.headernav { background-color: transparent; }
	.slider, .sidebar { display: none !important; }
	.footernav li { display: block; padding: 0; }
}