/*

Theme Name: Grumpy's Limo

Theme URI: http://grumpyslimo.co.nz

Description: A custom WordPress theme for the Grumpy's Limo website. Developed in July 2011.

Version: 1.0

Author: Hodgeman Web & Design

Author URI: http://hodgeman.co.nz/

Tags: black, yellow, 3-column, smile



BLACK: #231F20

YELLOW: #FFE716

*/

*{margin:0;padding:0}

html{font-size:62.5%}

body{background-color:#231F20;color:#333;font:1.2em/150% Arial, Helvetica, sans-serif}

a{outline:none}

a img{border:none}

h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,.fullwidth,.menu-main-container,.wp-caption,.navigation,#social{margin-bottom:10px}

ul,ol{margin-left:20px}



h1{font:2.6em 'Carter One', Georgia, "Times New Roman", Times, serif;margin-bottom:30px}

h2{font:1.8em 'Permanent Marker', Georgia, "Times New Roman", Times, serif;color:#333}

h2 span{display:inline-block;font-size:0.8em;font-weight:bold}



#header,#middle,#footer,.navigation,#social, .row{float:left;width:100%;position:relative}



.container{width:960px;margin:0 auto;position:relative}

.container:after, .clearfix:after, .post:after, .row:after, #main:after{content:".";display:block;height:0;clear:both;visibility:hidden;clear:both}



#header .container{height:150px}

#header .phone{position:absolute;top:0;right:10px;width:300px;height:150px;color:#EEE;text-align:center;font-size:14px;margin-bottom:0;font-weight:bold;padding:10px 0;font-family:Trebuchet "Trebuchet MS"}

#header .phone span a{color:#FFE716;display:block;font-size:3.4em;line-height:1.7em;font-weight:normal}

#header .phone a{color:#EEE;text-decoration:none;font-size: 1.6em;font-weight:normal}



#header a#paypal{position:absolute;width:300px;height:70px;text-indent:-9999px;display:block;top:-10px;left:320px;background:url(images/paypal.gif) no-repeat}

#btn_paypal{width:300px;height:66px;text-indent:-9999px;display:block;background:url(images/btn_paypal.gif) top no-repeat;border:none;padding:0;cursor:pointer;margin:20px 0}

#btn_paypal:hover{background-position:bottom}

#header a#paypal:hover{top:0}



#middle{background:#FFE716 url(images/smile.gif) bottom right no-repeat}



#black-bar, #content, .column{float:left;position:relative}	



#black-bar{padding-top:150px;width:310px;background:#231F20 url(images/edge.gif) bottom no-repeat;padding-bottom:20px;margin-bottom:20px}

#black-bar #smile{width:380px;height:330px;background:url(images/smile.png) no-repeat;display:block;position:absolute;left: -30px;top: -180px;z-index:100;text-indent:-9999px;}



#black-bar .bg-img{width:310px;display:block;text-indent:-9999px;margin-bottom:10px}



#black-bar #logo{height:120px;background:url(images/logo.gif) no-repeat}

#black-bar #price{height:180px;background:url(images/price.gif) no-repeat}

#black-bar .phone{width:290px;color:#EEE;text-align:center;font-size:13px;margin-bottom:30px;font-weight:bold;padding:10px;font-family:Trebuchet "Trebuchet MS"}

#black-bar .phone span a{color:#FFE716;display:block;font-size:3.4em;line-height:1.6em;font-weight:normal}

#black-bar .phone a{color:#EEE;text-decoration:none;font-size: 1.7em;font-weight:normal}

#black-bar .places{color:#FFF;text-align:center;font-size:1.6em;line-height:1.6em}
#black-bar .places a{color:#FFE716;text-decoration:none}



#header .phone a:hover, #black-bar .phone a:hover{color:#FFF}

#header .phone span a:hover, #black-bar .phone span a:hover{color:#E1CB00}



#content{width:650px}

	#content a{color:#FF4F16}

	#content h2 a{color:#FF4F16;text-decoration:none}

	a:hover, #content h2 a:hover{color:#E13800}



#menu-bg{background:url(images/bg_nav.gif) 0 -30px repeat-x;position:absolute;width:50%;height:30px;right:0}



#nav{background:url(images/bg_nav.gif) 0 -30px repeat-x;margin:0 0 30px 0;font-family:Trebuchet "Trebuchet MS"}

#nav ul{list-style:none;height:30px;margin:0 0 0 40px;border-left:1px solid #231F20}

#nav ul li{float:left;position:relative;border-right:1px solid #231F20;font-size:1.2em}

#nav ul li a{line-height:30px;height:30px;display:block;text-decoration:none;text-transform:uppercase;font-weight:bold;padding:0 10px;color:#231F20;text-shadow:0 1px 1px #EEE}

#nav ul li.current-menu-item a, #nav ul li.current-menu-parent a{background:url(images/bg_nav.gif) 0 0 repeat-x}



#main{margin:0 10px 20px 20px}

.columns{-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px}

.column{width:300px;float:left}

.marginR20{margin-right:20px}



p#horse{

	background:url(images/horse.png) no-repeat;

	width:330px;

	height:90px;

	padding:170px 125px 0 155px;

	text-align:center;

	font-size:1.6em;

	font-style:italic;

}



#footer{color:#EEE}

#footer .container{background:url(images/footer_smile.jpg) center center no-repeat;height:47px;margin-bottom:20px;padding-top:13px}

#footer p{width:420px;font-size:0.8em;color:#999}

#footer a{color:#CCC;text-decoration:none}

#footer .alignleft{float:left;text-align:right;padding:0 60px 0 0;}

#footer .alignright{float:left;padding:0 0 0 60px;}



.center{text-align:center}



.alignleft{float:left}

.alignright{float:right}



img.alignleft{margin:0 20px 10px 0}

img.alignright{margin:0 0 10px 20px}



img.attachment-thumbnail{float:left;background:#FFF;padding:4px;border:1px solid #dfca13;margin:0 20px 20px 0}

	img.attachment-thumbnail:hover{background-color:#FFF7B2}

img.attachment-medium{float:right;background:#FFF;padding:4px;border:1px solid #dfca13;margin:0 0 20px 20px}

img.size-medium{background:#FFF;padding:4px;border:1px solid #dfca13}



.row{margin-bottom:20px}



.post{margin-bottom:20px;border-bottom:1px dashed #E0CB00}



.wp-caption{background:#FFF;padding:4px;border:1px solid #dfca13;width:auto !important}

.wp-caption img.size-medium{padding:0;border:none;background:none}

.wp-caption-text{font-size:11px;font-style:italic;margin-bottom:0}



input[type=submit]{padding:2px 5px}

input[type=text], textarea{padding:4px;border:1px solid #dfca13;background-color:#FFF7B2;width:290px}



a.pdf{background:url(images/btn_downloadPDF.png) top center no-repeat;width:152px;height:34px;display:inline-block;text-indent:-9999px}

a.pdf:hover{background-position:0 -50px}

a.pdf:active{background-position:0 -100px}



.bx-wrapper{margin-left:50px}

#bxslider{list-style:none;padding:0;margin:0;height:150px;width:520px;overflow:hidden}

	#bxslider li.post{padding:0;margin:0;zoom:1;border:none}