/*   
Theme Name: Roodlea Golf Centre Theme
Theme URI: http://www.roodleagolf.co.uk
Description: Roodlea WordPress Theme template designed by Essence
Author: Craig Beck
Author URI: http://www.essencenet.co.uk
Version: 1
*/


body {
	color: #333;
}

.bg-grass {
	background:#116635 url('images/bg-grass.jpg') repeat top;
	padding:20px 0;
}

header {
	background: #fff url('images/bg-grey-gradient-up.jpg') repeat-x bottom;
	padding:20px 0;
	border-bottom: 5px solid #fff;
	position:relative;
}

.logo {
	 border:0;
	 height: auto;
	 width: auto;
}

header .span8 {
	text-align: right;
}

.header-social {
	background-color:#e0e0e0;
	position:absolute;
	bottom:-20px;
	right:0;
	padding:5px 15px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#main {
	background: #fff url('images/bg-grey-gradient.jpg') repeat-x top;
	padding:30px 0px;
	border-top: 5px solid #fff;
}

footer {
	padding:20px 0px;
	background:#116635 url('images/bg-grass-dark.jpg') repeat top;
	border-top: 5px solid #116635;
}

.google-map {
	width:300px;
	height:200px;
}

#copyright {
	border-top:5px #fff solid;
	text-align: center;
	background-color: #ccc;
	padding:20px 0;
}

/**************************************************
Text
**************************************************/

.header-social p {
	margin-bottom: 0;
}

footer p, #copyright p {
	color:#fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Cabin', sans-serif;
  font-weight: normal;
  color: #25864d;
}

h1,
h2,
h3 {
  line-height: 40px;
}

h1 {
  font-size: 27.5px;
}

h2 {
  font-size: 20.5px;
  display: block;
  background-color: #eaeaea;
  padding-left:15px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 14px;
}

.bg-grass h1 {
	color:#fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 1) !important;
}

.meta {
	color: #999;
}

/**************************************************
Links
**************************************************/

a {
  color: #25864d;
}

a:hover {
  color: #b0d680;
}

footer a {
	color:#fff;
}

#copyright a {
	color:#fff;
}

/**************************************************
Index
**************************************************/

.index_quick {
	margin: 10px 0;
}

.slider-right {
	position: absolute;
	right:10px;
	bottom:6px;
}

/**************************************************
Blog
**************************************************/

.post {
	margin-bottom:25px;
}

.next-posts {
	float:left;
}

.prev-posts {
	float:right;
}

/**************************************************
Vouchers
**************************************************/

.voucher {
	border:1px solid #ccc;
	padding: 20px;

}

/**************************************************
Buttons
**************************************************/

.btn-roodlea {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #116635;
  background-image: -moz-linear-gradient(top, #b0d680, #25864d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b0d680), to(#25864d));
  background-image: -webkit-linear-gradient(top, #b0d680, #25864d);
  background-image: -o-linear-gradient(top, #b0d680, #25864d);
  background-image: linear-gradient(to bottom, #b0d680, #25864d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb0d680', endColorstr='#ff25864d', GradientType=0);
  border-color: #25864d #25864d #b0d680;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #116635;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-roodlea:hover,
.btn-roodlea:focus,
.btn-roodlea:active,
.btn-roodlea.active,
.btn-roodlea.disabled,
.btn-roodlea[disabled] {
  color: #ffffff;
  background-color: #25864d;
  *background-color: #25864d;
}
.btn-roodlea:active,
.btn-roodlea.active {
  background-color: #25864d \9;
}

/**************************************************
Nav
**************************************************/

.navbar {
	font-size: 13px;
}

a.btn-navbar {
	color:#000 !important;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5) !important;
}

.navbar .nav > li > a {
  padding: 10px 8px 10px;
}

.navbar .nav > .current-menu-item > a,
.navbar .nav > .current-menu-item > a:hover,
.navbar .nav > .current-menu-item > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

footer .menu ul, footer .menu-main-nav-container ul {
	margin-left:0;
	list-style-type: none;
	padding-bottom: 25px;
}

footer .menu ul li, footer .menu-main-nav-container ul li {
	float:left;
	padding-right: 8px;
}

/**************************************************
Lists
**************************************************/

ul {
	list-style-type: square;
}

#recent-posts-2 ul, #archives-2 ul {
	list-style-type: none;
	margin-left: 0;
}

#recent-posts-2 ul li, #archives-2 ul li {
	display: block;
	border-bottom:1px solid #cccccc;
	padding:3px 10px;
}

/**************************************************
Images
**************************************************/

img {
	max-width: 100%;
}

.img-polaroid {
  border: 1px solid #eaeaea;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

 .attachment img {
	max-width: 630px;
}
 .alignleft,
 img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
 .alignright,
 img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
 .aligncenter,
 img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
 img.alignleft,
 img.alignright,
 img.aligncenter {
	margin-bottom: 12px;
}

/**************************************************
Media Queries
**************************************************/

@media (min-width: 980px) {
	body {
		padding-top: 0px;
	}
	
}

@media (min-width: 768px) and (max-width: 979px) {
	header {
		margin-top: -20px;
		}
		
	.google-map {
		width:230px;
	}
}

@media (max-width: 767px) {
	header {
		margin-top: -20px;
  		margin-right: -20px;
  		margin-left: -20px;
  		padding-bottom: 0px;
  		text-align: center;
	}
	header .container {
  		margin-right: 20px;
  		margin-left: 20px;
	}
	.header-contact {
		padding: 10px 0 0 0;
		text-align: center;
		font-size: 16px;
	}
	.header-social {
		position:relative;
		text-align: center;
		bottom:0;
	}
	.bg-grass {
  		margin-right: -20px;
  		margin-left: -20px;
	}
	#main {
		background: none;
		padding-top: 10px;
	}
	footer {
  		margin-right: -20px;
  		margin-left: -20px;
	}
	footer .container {
  		margin-right: 20px;
  		margin-left: 20px;
	}
	.google-map {
		width:280px;
	}
	#copyright {
		margin-right: -20px;
		margin-left: -20px;
  	}
  	.bg-grass {
  		text-align: center;
	}
}

@media (max-width: 480px) {
}