/*
Theme Name: Starkers HTML5
Theme URI: http://nathanstaines.com
Description: An HTML5 version of (Based on <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 1.1
Author: Nathan Staines
Author URI: http://nathanstaines.com
Tags: starkers, html5, beginning, start, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/layout.css";

/* HTML elements  */		
html, body{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;margin:0;line-height:1em;color:#fff;}	
h1{font-size:2em;margin-bottom:.5em;}	
h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;}	
h3{font-size:1.5em;margin-bottom:.7em;}
h4{font-size:1.25em;margin-bottom:.6em;}
h5,h6{font-size:1.1em;margin-bottom:.5em;font-weight:bold;}

h3 a {text-decoration:none !important;}

p, blockquote, ul, ol, dl, form, table, pre{display:block;line-height:inherit;margin:0 0 1.5em 0;color:#fff;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
ul, ol, dl{padding:0;}
ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
li{margin:0;padding:0;list-style:none;}	
blockquote, dd{padding:0 0 0 2em;}
pre, code, samp, kbd, var{font:100% mono-space,monospace;}
pre{overflow:auto;}
abbr, acronym{text-transform:uppercase;border-bottom:1px dotted #000;letter-spacing:1px;}
abbr[title], acronym[title]{cursor:help;}
small{font-size:.9em;}
sup, sub{font-size:.8em;}
em, cite, q{font-style:italic;}
img{border:none;}			
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0 0 1.5em 0;padding:0;}	
table{width:100%;border-collapse:collapse;}
th,caption{text-align:left;}	
label{display:block;}
fieldset{margin:0;padding:0;border:none;}
legend{font-weight:bold;}
input, select{vertical-align:middle;}
input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}
h4					{line-height:24px;}
a, a:active	{outline:none;}

/* common */		
.left					{float:left;margin-right:1em;}
.right					{float:right;margin-left:1em;}
.center					{text-align:center;}
.clear					{clear:both;}
.block					{display:block;clear:both;}
.first					{margin-left:0 !important;}
.last					{margin-right:0 !important;}
.top					{margin-top:0 !important;}
.bottom					{margin-bottom:0 !important;}	
.hidden, .print			{display:none;}
.graphic				{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
		
/* base */
body, table, input, textarea, 
select, li, button		{font:1em Helvetica, Arial, Sans-Serif;line-height:1.5em;color:#fff;}		
body					{font-size:13px;background:url("images/bg_body_blue.png") 0 180px repeat-x #d5f3ff;text-align:center;}	
a, a:visited			{text-decoration:none;color:#fff;}
a:hover					{color:#ffde00;}
ins						{text-decoration:none;color:#900;font-style:italic;}
code					{color:#555;}
pre						{margin-left:2em;padding-left:2em;border-left:1px solid #ccc;}
blockquote				{margin-left:2em;border-left:1px solid #ccc;font-style:italic;}	
dt						{font-weight:bold;}
th, td					{padding:.5em 1em;line-height:1.5em;}		
th						{background:#eee;}
td						{border-bottom:1px solid #eee;}
caption					{font-style:italic;color:#777;margin:.5em 0;}	
fieldset				{border:1px solid #ccc;padding:1em 2em;margin:0 0 1.5em 0;}
legend					{padding:2px 5px;}	
form div				{margin:.5em 0;clear:both;overflow:hidden;}
form div.col			{clear:none;}
form div.first			{clear:both;}
input[type="text"], 
input[type="password"], 
textarea, .field, 
.area, select			{border:1px solid #ccc;padding:5px;background:#fff;width:200px;line-height:1em;margin:0;color:#7F7E7E;}
select					{width:312px;}
textarea, .area			{overflow:auto; height:150px; width:400px;}
input[type="text"]:focus, 
input[type="password"]:focus, 
textarea:focus, 
select:focus, .focus	{background:#ffffe8;outline:none;}
.submit					{}
button					{border:none;background:#555;color:#fff;padding:0 2.5em;height:2em;line-height:2em;cursor:pointer;}
.note, .success, .error	{display:block;}
.error					{color:#900;}
.success				{color:#060;}
.note					{font-weight:bold;}
.notvalid				{border:1px solid #900 !important;}
.hr940					{background:url("images/hr940.png") repeat-x scroll 0 0;clear:both;height:3px;margin:0;padding:0;}
.hr						{background:#fff; clear: both;height: 1px;margin: 0 0 1em;padding: 0;}
.hr-thin				{background: url("images/hr.png") repeat-x scroll 0 0;clear: both;height: 2px;margin: 0 0 0.1em;padding: 0;}
.bold					{font-weight:bold;}

header h1				{line-height:157px;background: url("images/monaghan_logo.png") no-repeat scroll 0 0 transparent;height:157px;margin:15px 0 10px 15px;width:177px;float:left;}
#home_feature_bg		{background:url("images/home/bg_feature.png") repeat-x;height:376px;}
.sprite_voucher 		{background:url("images/btn_voucher_scheme.png") center top;width:142px;height:28px;display:block;text-indent:-9999px;}
.sprite_voucher:hover, 
.sprite_voucher_active a{background-position:center bottom;}
.sprite_job 						{background:url("images/btn_available_jobs.png") center top;width:125px;height:28px;display:block;text-indent:-9999px;}
.sprite_job:hover, 
.sprite_job_active a 	{background-position:center bottom;}
.sprite_commercial					{background:url("images/btn_mall_promos.png") center top;width:141px;height:28px;display:block;text-indent:-9999px;}
.sprite_commercial:hover, 
.sprite_commercial_active a{background-position:center bottom;}


/* layout */
#top					{background:url("images/bg_top.png") repeat-x 0 0;height:9px;z-index:100;position:relative;}
#btm					{background:url("images/bg_btm.png") repeat-x 0 0;height:11px;}
.container, .inner		{margin:0 auto;width:940px;text-align:left;position:relative;}
.topbg					{background:#fff;margin-top:-9px;z-index:0;position:relative;}
#topgreen				{background:#97bf0d;}

#topcolours				{background:url("images/bgtop_colours.png") repeat-x 0 0;height:30px;}

header					{position:relative;}	
footer					{position:relative;clear:both;}	
.content				{clear:both;}
.main, .secondary, 
.tertiary, .quaternary	{float:left;display:inline;}
.main					{width:570px;}
.secondary				{width:280px;margin-left:60px;}
.tertiary				{}
.quaternary				{}
		

.cols					{margin-bottom:1.5em;overflow:hidden;} /* main column container class */
.col, .col2, .col3, 
.col4, .col5			{float:left;display:inline;	margin-left:2%;}		
.col					{width:49%;} /* 2 equal width columns - default */
.cols3 .col				{width:32%;} /* 3 equal width columns */
.cols4 .col				{width:23.5%;} /* 4 equal width columns */
.cols5 .col				{width:18.4%;} /* 5 equal width columns */
.cols6 .col				{width:14.5%;} /* 6 equal width columns */
/* double width columns */
.cols3 .col2			{width:66%;} 
.cols4 .col2			{width:49%;} 
.cols5 .col2			{width:38.8%;} 
.cols6 .col2			{width:32%;} 
/* triple width columns */
.cols4 .col3			{width:74.5%;} 
.cols5 .col3			{width:59.2%;} 
.cols6 .col3			{width:49%;} 
/* quadruple width columns */
.cols5 .col4			{width:79.6%;} 
.cols6 .col4			{width:66%;} 
/* quintuple width columns */
.cols6 .col5			{width:83%;} 	


/* header */
header h1 a				{display:block;height:157px;text-indent:-9999em;width:177px;}		

/* content */
.content a, 
.content a:visited		{text-decoration:underline;}

/* footer */
footer					{background:url("images/bg_footer.png") repeat-x left top;}
#footer a, 
#footer a:visited		{text-decoration:underline;}

/* clearfix (use class name "block") */
.inner:after, 
.content:after, 
.cols:after, 
.block:after			{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.inner, .content, 
.cols, .block			{display:block;min-height:1%;}
* html .inner, * html 
.content, * html .cols, 
* html .block			{height:1%;}

/* easy elements */
#easy_tooltip			{border:1px solid #e1e1e1;padding:2px 10px;background:#f5f5f5;}
#easy_tooltip span		{}
#easy_popup				{background:#000;}
#easy_popup_preloader	{padding:10px;background:#fff;color:#333;}
#easy_popup_content		{padding:10px;background:#fff;color:#333;}
#easy_popup_content 
.caption				{padding-top:10px;}	
#easy_popup_close		{position:absolute;float:left;left:0;top:-24px;color:#fff;cursor:pointer;}	
#easy_popup_gallery		{position:absolute;float:left;left:0;bottom:-24px;color:#fff;cursor:pointer;}	
#easy_popup_prev		{margin-right:5px;}
#easy_popup_next		{}
#easy_popup_counter		{position:absolute;float:left;right:0;bottom:-24px;color:#fff;cursor:pointer;}

#mainnav nav		 				{float:right;margin:5px 0 0 0;}
#mainnav nav ul						{float:right;margin:0;}
#mainnav nav ul li					{position: relative;float: left;list-style: none outside none;}
#mainnav nav ul li.alpha a			{}
#mainnav nav ul li a				{padding:0 20px 0px;display:block;text-shadow: 0px 1px 0px #fff;height:52px;font-size:18px;color:#7F7E7E;}
#mainnav nav ul li a:hover,
#mainnav nav ul li a.active			{color: #fff;text-decoration: none;text-shadow:none;}
#mainnav nav ul li a				{padding: 0;padding-right: 2px;}
#mainnav nav ul li a:hover span,
#mainnav nav ul li a.active span	{display:block;padding-left:1px; }
#mainnav nav ul li a span span		{padding:10px 8px !important;display:block;}
#mainnav nav ul li a:hover span span,
#mainnav nav ul li a.active span span{padding:8px 8px 20px 7px!important;background:url("images/bg_nav.png") center top repeat-x;}

#subnav nav		 					{float:right;padding:20px 0 0 0;}
#subnav nav ul li					{position: relative;float: left;list-style: none outside none;padding:0 8px 0 0;}

#socialnav nav		 				{float:right;padding:15px 0 0 200px;}
#socialnav nav ul li				{position: relative;float: left;list-style: none outside none;padding:0 8px 0 0;}

.sprite_facebook					{background:url("images/icons_social.png") left top;width:28px;height:28px;display:block;text-indent:-9999px;}
.sprite_facebook:hover, .sprite_facebook_active		{background-position:left bottom;}
.sprite_contact						{background:url("images/icons_social.png") right top;width:28px;height:28px;display:block;text-indent:-9999px;}
.sprite_contact:hover, .sprite_contact_active a		{background-position:right bottom;}

#home_feature_top		{background:url("images/bg_feature_top.png") 0 2px no-repeat;height:12px;width:940px;margin:0 auto;}
#home_feature_btm		{background:url("images/bg_feature_btm.png") 0 -1px no-repeat;height:10px;width:940px;margin:0 auto;}

#strapline				{text-align:center;padding:0 0 30px 0;line-height:140%;}

.boxgrid				{width:174px;height:283px;margin:0 1px 0 0;float:left;overflow:hidden;position:relative;}
.boxgrid img			{position:absolute;top:0;left:0;border:0;}
.boxgrid h3				{color:#43474a;margin:15px 0 10px 20px;}
.boxgrid p				{padding:0 20px 5px 20px;color:#fff;font-weight:bold;font:14px Georgia, "Times New Roman", Times, serif;}
.boxgrid a				{padding:0 20px 0 20px;color:#43474a;font-weight:bold;font:14px Georgia, "Times New Roman", Times, serif;}
.boxgrid a:hover		{color:#005077;}

.mosaic-block 			{float:left;position:relative;overflow:hidden;width:144px;height:111px;margin:10px;border:1px solid #fff;}
.mosaic-backdrop 		{display:none;position:absolute;top:0;height:100%;width:100%;}
.mosaic-overlay 		{display:none;z-index:5;position:absolute;width:100%;height:100%;background:#111;}
.bar2 .mosaic-overlay 	{bottom:-5px;height:30px;opacity:0.7;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);}

.box-store				{border-bottom:5px solid #97bf0d;}
.box-hours				{border-bottom:5px solid #ee7f01;}
.box-gift				{border-bottom:5px solid #e5322d;}
.box-news				{border-bottom:5px solid #2eaadc;}
.box-follow				{border-bottom:5px solid #ffea00;}
.box-offers				{border-bottom:5px solid #eb2b9a;}
		
.bar2 h3				{color:#fff;font-size:17px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;padding:4px 0 0 10px;}	
.carousel h3			{padding:10px 0 0 20px;margin:0;color:#8e8e8e;font-size:1.4em;}

footer h3				{font-size: 1.4em;margin-bottom: 1em;padding-top: 0.3em;color:#3B5998;}
footer .container		{padding:20px 0 0 0;}
.copy					{font-size:11px;margin:0 !important;color:#333;}
.copy a					{color:#18A096;}

#quicklinks li			{float:left;width:130px;background:url("images/bul_arrow.png") 0 6px no-repeat;padding:0 0 0 15px;list-style:none;}
#quicklinks li:hover	{float:left;width:130px;background:url("images/bul_arrow_hover.png") 2px 6px no-repeat;padding:0 0 0 15px;list-style:none;}
#quicklinks li a:hover	{color:#2eaadc;}

#agent_img				{float:left;padding:0 10px 0 0;}
.agent p				{font-size:12px;margin:0 0 0.2em 0;color:#333333;}
.agent p span			{font-size:21px;}
.register p				{margin:0 0 1em 0;}
input[type="submit"]	{padding:5px;background:#2eaadc;border:none;color:#fff;}
input:hover[type="submit"]	{padding:5px;background:#18a096;border:none;color:#fff;cursor:pointer;}

.register				{width:26% !important;}
.quick					{width:32% !important;}
.agent					{width:38% !important;}

.intro-text				{width:40% !important;}
.intro-images			{width:32% !important;margin-left:1% !important;}
.intro-hours			{width:24% !important;}

#home-hours				{padding:10px 15px 15px 15px;border:1px solid #fff;}
#home-hours span		{font-weight:bold;width:120px;float:left;}
#home-hours li {border-bottom:1px solid #3B5998;}
#home-hours h2, #home-hours li {color:#3B5998;}

.intro					{font-size:18px;color:#3B5998;line-height:120%;}
.intro2					{font-size:15px;color:#3B5998;}
.shadownew					{text-shadow:#fff 0px 1px 0px;}

#shops					{background:url("images/bgshops.png") repeat-x 0 0 #76c5e4;padding:15px;}
.shop-logos 			{margin: 0;}
.shop-logos li 			{float: left;margin:0 20px 20px 0;width:220px;height:140px;}
.shop-logos li:nth-child(4n+4) 			{margin:0 0 20px 0 !important;}

.shop-logos li img 		{border: 1px dotted #9e9e9e;margin: 0 10px 0 0;}
.shop-name 				{font-size: 14px;font-weight: bold;}
.shop-img 				{float: left;}
.shop-info 				{}
.bg-content				{background: url("images/bgshops.png") repeat-x scroll 0 0 #76c5e4;margin: 0 0 20px;padding: 15px;}

.nop 					{padding: 0 0 5px;}

.shop-cat				{color:#3B5998;}
.sidebar-list li		{background:url("images/shops/bull_shops.png") 0 9px no-repeat;padding:5px 0 5px 20px;}
.sidebar-list li:hover	{background:url("images/shops/bull_shops_hover.png") 2px 9px no-repeat;padding:5px 0 5px 20px;}
.sidebar-list li a		{font-size:16px;text-decoration:none;}
.sidebar-list li a:hover{color:#ffde00;}

.smaller				{margin:0 !important;}
.smaller li a			{font-size:13px;}

.opportunities			{background:url("images/opportunities_sidebar.png") 160px 130px no-repeat;}
.sidebar-group			{border:1px solid #fff;padding:25px;margin:0 0 20px 0;}

#times 					{background:#45acd5;padding:15px;width: 100%;float: left;}
#times h2 				{margin-bottom: 12px;}
#times img 				{margin-right: 15px;float: left;background:#fff;border:none !important;}
#plan, #store #desc 	{float: left;width: 290px;}
#plan 					{}
#desc 					{margin: 20px 20px 18px 0;background:url("images/bgsingledesc.png") 0 0 repeat-x;width:100%;padding:15px;float:left;}
.times					{float:left;width:145px;}
.times div 				{float: left;width: 150px;}

#store_details			{float:left;width:180px;padding:0 5px 0 0;margin:0 0 0 10px;}
#desc img				{margin:0;float:left;margin:0 15px 0 0;}

#facilities-list		{margin:0 0 0 20px;}
#facilities-list li		{font-size:14px;list-style:circle;}

.contact .sidebar-list li a{font-size:13px !important;}
.shopsingleh			{font-size:18px;color:#fff;margin:0 0 10px 0;}

.shopgroup				{background:#a1d2e6;margin: 0 0 20px;padding: 15px;}


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-title { display:none;width: 100%; padding: 10px 0; background-color: #000000; color: #FFFFFF; }
.cs-title span { padding: 0 10px; }
.cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }


.thumb-image	{float:left;width:150px;padding:0 25px 0 0;}
.thumb-image img {border:1px solid #ccc;}

.continue		{margin:15px 0 0 0;}

.facebook-widget	{margin:0 0 20px 0;}
.footer-facebook	{background:#fef18e;}

.attachment-shop-images, .attachment-	{border:10px solid #fff;margin:20px 20px 0 0 !important;}

.singlelogo img	{margin:0 10px 0 0 !important;}

.store-logo	img	{margin:0 !important;}

.carousel		{background:#fff;padding:10px 0 0 0;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;-khtml-border-radius: 20px;margin:20px 0;}
#mainshopimg	{margin:0 0 10px 0;}
.tooltip, .tooltip p, .tooltip span, .tooltip span span		{color:#333;}

.opportunities h3, .opportunities p, .opportunities a	{color:#3B5998;}

#terms li 	{list-style-type:disc;margin:15px;}