/*
/* Theme Name: Cycleworks 2011
Theme URI: http://www.cycleworks.co.uk
Description: Cycleworks 2011 theme.
Version: 1.0
Author: Tom Gardner


Table of contents
============================

System wide settings for [Company name]
covers typography, colors, line spacing etc.

============================

	last-updated: 15 Sept 2009
	updated by Matt Addison
		
	=1.universal reset
	=2.accessibility features
	=3.html and body
	=4.typography
	=5.layout
	=6.main navigation
	=7.form
	=8.tables
	=9.links

============================
*/

/*
=1.universal reset
============================
*/


/*
=2. accessibility features
============================
*/


/*
=3. html and body
============================
*/


/*
=4. typography
============================
*/

#content-secondary h3,
#content-secondary h5,
#content-tertiary h4,
#offers h2	{
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 0 3px 6px;
	color: #edf5fa;
	background-color: #333333;
	letter-spacing: 0;
	font-size: 1.1513em;
	font-weight: bold;
	line-height: 1.3028;
	margin-bottom: 0;
	}
	
#content-tertiary h6   {
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 0 3px 6px;
	color: #edf5fa;
	background: transparent url(../images/h6-background.jpg) top left no-repeat;
	letter-spacing: 0;
	font-size: 1.1513em;
	font-weight: bold;
	line-height: 1.3028;
	margin-bottom: 0;
	}

#content-secondary h3	{
	color: #221e1f;
	background-color: #ffd100;
	border-bottom: 1px solid #221e1f;
	padding: 3px 0;
	font-size: 1em;
	}

#content-secondary h5	{
	color: #221e1f;
	background: transparent	url("../images/h5-background.jpg") 0px 0px no-repeat;
	border-bottom: 1px solid #221e1f;
	padding: 3px 0;
	font-size: 1em;
	}
	
#mainnav ul,
#subnav ul	{
	padding: 0;
	margin: 0;
	}

#mainnav li,
#subnav li	{
	list-style: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
	}

#mainnav li li,
#subnav li li	{
	padding: 0 0 0 0;
	}

#content-secondary a,
#mainnav a,
#subnav a	{
	display: block;
	width: 138px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	color: #333333;
	padding: 0;
	border-bottom: 1px dotted #221e1f;
	padding: 0 6px 3px 6px;
	}

#content-secondary h3 a,
#content-secondary h5 a	{
	font-weight: bold;
	}

#content-secondary a:link,
#content-secondary a:visited	{
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9042em;
	line-height: 1.6582;
	color: #333333;
	padding: 0;
	text-decoration: none;
	color: #221e1f;
	border-bottom: 0px dotted #221e1f;
	padding: 0 6px;
	width: 258px;
	}
	
#content-secondary h3 a:link,
#content-secondary h3 a:visited,
#content-secondary h5 a:link,
#content-secondary h5 a:visited	{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1513em;
	line-height: 1.3028;
	}

#content-secondary  h3 a:focus,
#content-secondary h3 a:hover,
#content-secondary h3 a:active,
#content-secondary  h5 a:focus,
#content-secondary h5 a:hover,
#content-secondary h5 a:active	{
	color: #333;
	}
	
.page .entry-wrap h2,
.page-id-4 #post-4 ul,
.page-id-4 #post-4 p	{
	clear: both;
	float: none;
	width: auto;
	}

.typelinks li	{
	list-style: none;
	}
	
.product,
.typelinks li	{
	float: left;
	width: 155px;
	margin-left: 15px;
	}
	
.archive .product	{
	height: 22em;
	} 
	
.productintro	{
	float:left;
	margin-bottom:1em;
	margin-left: 17px;
	text-align: center;
}

.product a:link img,
.product a:visited img	{
	background: transparent	url("../images/product-background.png") 3px 0px no-repeat;
	margin: 0;
	padding: 0;
	padding: 26px 8px;
	}
	
.product a:focus img,
.product a:hover img,
.product a:active img	{
	background: transparent	url("../images/product-background.png") -337px 0px no-repeat;
	margin: 0;
	padding: 0;
	padding: 26px 8px;
	}
	
.typelinks li a	{
	display: block;
	}
	
/*.category-special-offers .product img,
.category-special-offers img,
img.offers	{
	margin: 0;
	padding: 0;
	padding: 26px 8px;
	}
	
.category-special-offers .product a:link img,
.category-special-offers .product a:visited img	{
	background: transparent	url("../images/product-background-sale.png") 3px 0px no-repeat;
	margin: 0;
	padding: 0;
	padding: 26px 8px;
	}
	
.category-special-offers .product a:focus img,
.category-special-offers .product a:hover img,
.category-special-offers .product a:active img	{
	background: transparent	url("../images/product-background-sale.png") -342px 0px no-repeat;
	margin: 0;
	padding: 0;
	padding: 26px 8px;
	}
*/	
.specialoffers .entry img.big	{
	background-image: none;
	padding: 0;
	}
		
.specialoffers .entry	{
	background: transparent	url("../images/sale.gif") 400px 0 no-repeat;
	}
		
.product p,
.product h3,
.product h4	{
	text-align: center;
	}

.product h3	{
	color: #cc2e0e;
	}

.summarybox h4,
.product h4	{
	color: #cc2e0e;
	font-size: 1.8em;
	line-height: 0.8290;
	margin-bottom: 0.8290em;
	}

.product a:link,
.product a:visited	{
	font-family: Arial, Helvetica, sans-serif;
	color: #09518C;
	font-weight: bold;
	text-decoration: none;
	}
	
.product a:focus,
.product a:hover,
.product a:active	{
	color: #cc2e0e;
	text-decoration: underline;
	}

#featuredcontent	{
	position: relative;
	padding-top: 9px;
	height: 230px;
	width: 100%;
	float: left;
	margin-bottom: 2em;
	}


#offers	{
	position: relative;
	padding-top: 12px;
	height: 250px;
	width: 100%;
	float: left;
	margin-bottom: 3em;
	}
	
#offers h2	{
	position: absolute;
	z-index: 100;
	top: 215px;
	left: 0;
	padding: 0 1%;
	width: auto;
	width: 98%;
	background-color: #221e1f;
	}

#offers h2 a:link,
#offers h2 a:visited	{
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #ffd100;
	width: 100%;
	padding: 3px 0;
	background-color: #221e1f;
	}
	
#offers h2 a:focus,
#offers h2 a:hover,
#offers h2 a:active	{
	color: #fff;
	}
	
#rule6,
#rule7	{
	clear: both;
	float: none;
	position: relative;
	}

#content-primary h3	{
	}

.home #content-primary h3	{
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 0;
	}

p.image,
img.big	{
	float: left;
	margin-right: 30px;
	}

.category-news h3	{
	}

#content-primary .category-news h3 a,
.search-results #content-primary h3 a	{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}

.home #content-primary .category-news h3 a	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

p.postmetadata,
p.date	{
	font-size: 0.8223em;
	line-height: 1.824;
	margin-bottom: 1.824em;
	border-top: 1px solid #ccc;
	padding: 1em 0;
	border-bottom: 1px solid #ccc;
	}
	
.category-news .entry-wrap p.postmetadata	{
	clear: both;
	}
	
p.date	{
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	padding: 0;
	}
	
.single .entry-wrap p,
.single .entry-wrap blockquote	{
	clear: left;
	}

img.big	{
	margin-right: 0;
	}

.page img.big	{
	margin-right: 1em;
	}

.summarybox	{
	float: right;
	margin-left: 30px;
	width: 400px;
	}
	
.caption	{
	font-size:0.9em;
	text-align:center;
	}

.bigphoto {
	background-color:#FFFAE0;
	border:1px solid #AAB0B3;
	padding:7px;
	}

img.small {
	border:0 solid;
	float:right;
	margin-left:3%;
	}

/*
=5. layout
============================
*/

noscript .warning	{
	padding: 1.5em 1% 0 1%;
	border: 1px solid #5d7e87;
	background-color: #fffae0;
	}
	
#container	{
	position: relative;
	overflow: auto;
	}

#header	{
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 960px;
	height: 180px;
	padding: 0;
	border-bottom: 0px solid #666;
	}

.header1	{
	background: transparent url("../images/header1.png") top left no-repeat;
	}

.header2	{
	background: transparent url("../images/header2.png") top left no-repeat;
	}

.header3	{
	background: transparent url("../images/header3.png") top left no-repeat;
	}

.header4	{
	background: transparent url("../images/header4.png") top left no-repeat;
	}

#header h1 a	{
	position: relative;
	z-index: 100;
	display: block;
	width: 230px;
	height: 70px;
	top: 20px;
	left: 6px;
	background: transparent url("../images/logo.png") top left no-repeat;
	}

#header #shop	{
	position: absolute;
	z-index: 50;
	bottom: 20px;
	left: 0;
	padding-left: 5px;
	width: 960px;
	height: 50px;
	background: transparent url("../images/shop-background.png") top left no-repeat;
	}
	
#shop address	{
	font-family: Arial, Helvetica, sans-serif;
	width: 110px;
	float: left;
	margin-right: 10px;
	font-style: normal;
	font-weight: bold;
	margin-top: 9px;
	}

#shop address a:link,
#shop address a:visited	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #221e1f;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	}

#shop address a:focus,
#shop address a:hover,
#shop address a:active	{
	text-decoration: underline;
	color: #cc2e0e;
	}
	
#socialmedia	{
	background: transparent url("../images/social-background.png") top left no-repeat;
	position: absolute;
	z-index: 60;
	padding: 0;
	margin: 0;
	width: 270px;
	height: 102px;
	top: 0;
	right: 0;
	padding-top: 58px;
	}

#socialmedia ul	{
	position: relative;
	width: 270px;
	float: left;
	font-size: 0.8223em;
	line-height: 1.824;
	list-style:none;
	padding: 0;
	margin: 0;
	}
	
#socialmedia li	{
	float: left;
	width: 124px;
	margin-left: 6px;
	list-style:none;
	list-style-image: none;
	margin-bottom: 0.75em;
	}

#socialmedia a:link,
#socialmedia a:visited	{
	display: block;
	width: 102px;
	padding-left: 22px;
	color: #222;
	font-weight: bold;
	text-decoration: none;
	height: 16px;
	}

#socialmedia a:focus,
#socialmedia a:hover,
#socialmedia a:active	{
	color: #cc2e0e;
	text-decoration: underline;
	height: 16px;
	}

.home #content-primary,
.page #content-primary,
.news #content-primary	{
	position: relative;
	z-index: 500;
	width: 520px;
	margin-left: 150px;
	float: left;
	padding: 0 10px;
	}

.page #content-primary,
.single #content-primary	{
	padding: 27px 10px 0 10px;
	}

.home #content-secondary,
.page #content-secondary,
.news #content-secondary	{
	position: relative;
	z-index: 600;
	width: 270px;
	float: left;
	}

.home #content-tertiary,
.page #content-tertiary,
.news #content-tertiary	{
	position: relative;
	z-index: 700;
	width: 150px;
	float: left;
	margin-left: -960px;
	background-color: #edf5fa;
	}

#content-primary	{
	position: relative;
	z-index: 500;
	width: 790px;
	margin-left: 150px;
	float: left;
	padding: 24px 10px;
	}
	
#content-secondary	{
	position: relative;
	z-index: 600;
	width: 0;
	float: left;
	}

#content-tertiary	{
	position: relative;
	z-index: 700;
	width: 150px;
	float: left;
	margin-left: -960px;
	background-color: #edf5fa;
	}

#content-secondary div	{
	position: relative;
	width: 270px;
	height: 241px;
	border-bottom: 1px solid #221e1f;
	}
	
#content-secondary #adA,
#content-secondary #adB,
#content-secondary #adC,
#content-secondary #adD,
#content-secondary #shops,
#content-secondary #flickr_badge_uber_wrapper	{
	clear: both;
	}

#content-secondary #shops,
#content-secondary .shop_image	{
	border-bottom: 0px solid #221e1f;
	}

#content-secondary #shops	{
	width: 270px;
	height: auto;
	background-color: #333333;
	border-bottom: 1px solid #221e1f;
	position: relative;
	float: left;
	padding-bottom: 6px;
	}

#content-secondary .shop_image	{
	float: left;
	height: 114px;
	margin-top: 6px;
	width: 135px;
	text-align: center;
	}

#content-secondary .shop_image a:link,
#content-secondary .shop_image a:visited	{
	width: auto;
	color: #FFFAE0;
	text-transform: none;
	}

#content-secondary .shop_image a:focus,
#content-secondary .shop_image a:hover,
#content-secondary .shop_image a:active	{
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	}

#news	{
	position: relative;
	float: none;
	clear: both;
	}
	
#news .archive	{
	position: absolute;
	top: 0;
	right: 0;
	}

#footer	{
	clear: both;
	float: none;
	width: 948px;
	background: #000 url("../images/footer.png") top left no-repeat;
	margin-bottom: 0;
	padding: 18px 6px;
	padding-top: 85px;
	font-size: 0.8223em;
	line-height: 1.824;
	color: #c1c1c1;
	}

#footer ul	{
	padding: 0;
	list-style-image: none;
	}

#footer li	{
	display: inline;
	margin-bottom: 0;
	margin-right: 1.5em;
	list-style-image: none;
	}

#footer p	{
	margin: 0;
	}

/*
=6. main navigation
============================
*/


#news h3 a:link,
#news h3 a:visited	{
	font-size: 1em;
	text-transform: none;
	font-weight: normal;
	}

#news h3 a:focus,
#news h3 a:hover,
#news h3 a:active	{
	}

#mainnav a:link,
#mainnav a:visited,
#subnav a:link,
#subnav a:visited	{
	display: block;
	width: 138px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9042em;
	line-height: 1.6582;
	color: #333333;
	border-bottom: 1px dotted #221e1f;
	padding: 3px 6px 3px 6px;
	text-decoration: none;
	}
	
#subnav a:link,
#subnav a:visited	{
	text-transform: none;
	font-size: 0.9042em;
	line-height: 1.6582;
	}
	
#mainnav a:focus,
#mainnav a:hover,
#mainnav a:active,
#subnav a:focus,
#subnav a:hover,
#subnav a:active	{
	color: #cc2e0e;
	}

#subnav li.triworks a:link,
#subnav li.triworks a:visited	{
	background: transparent url('../images/triworks.gif') center right no-repeat;
	}
	
#mainnav li ul a:link,
#mainnav li ul a:visited,
#subnav li ul a:link,
#subnav li ul a:visited	{
	display: block;
	width: 126px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9042em;
	line-height: 1.6582;
	text-transform: none;
	color: #333333;
	border-bottom: 0px dotted #221e1f;
	padding: 0 6px 0 18px;
	}
	
#mainnav ul ul,
#mainnav ul ul,
#subnav li ul,
#subnav li ul	{
	display: none;
	}
	
#subnav li.current_page_item a:link,
#subnav li.current_page_item a:visited,
#subnav .current_page_parent ul,
#mainnav li ul a:link,
#mainnav li ul a:visited	{
	background-color: #FAFDFF;
	}

#mainnav li ul a:focus,
#mainnav li ul a:hover,
#mainnav li ul a:active,
#subnav li ul a:focus,
#subnav li ul a:hover,
#subnav li ul a:active	{
	background-color: #FAFDFF;
	color: #cc2e0e;
	}

#subnav li.current_page_item a:link,
#subnav li.current_page_item a:visited	{
	background-color: #FAFDFF;
	color: #221e1f;
	}

#subnav li.current_page_item a:focus,
#subnav li.current_page_item a:hover,
#subnav li.current_page_item a:active	{
	background-color: #FAFDFF;
	color: #cc2e0e;
	}

#mainnav .current-cat ul.children,
#mainnav .current-cat-parent ul.children,
.category-accessories #mainnav .cat-item-7 ul,
.category-bikes #mainnav .cat-item-3 ul,
.category-clothing #mainnav .cat-item-6 ul,
.category-frames #mainnav .cat-item-4 ul,
#subnav li.current_page_item ul,
#subnav li.current_page_parent ul {
	display: block;
	}

#mainnav .current-cat-parent ul.children li.current-cat a,
#subnav .current-cat-parent ul.children li.current-cat a {
	color: #221e1f;
	}
	
/*
=7. form
============================
*/

#search	{
	position: absolute;
	z-index: 70;
	width: 270px;
	height: 30px;
	top: 120px;
	right: 0;
	}
	
#search form p	{
	position: relative;
	padding: 0;
	margin: 0 0 0 0px;
	}

#search form input	{
	background: transparent	url("../images/searchbox.png") 0 0 no-repeat;
	border: 0px solid;
	height: 30px;
	padding-top: 1px;
	line-height: 1.5;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	font-weight: bold;
	font-size: 0.8223em;
	float: left;
	width: 220px;
	}

#search form label	{
	display: block;
	height: 22px;
	width: 36px;
	line-height: 1;
	float: left;
	}

#search form button	{
	position: relative;
	background: transparent	url("../images/searchbutton.png") 0 0 no-repeat;
	background-color: transparent;
	border: 0px solid;
	line-height: 1;
	width: 30px;
	padding: 0;
	margin: 0;
	}

#search form button span	{
	background-color: transparent;
	display: block;
	width: 30px;
	border: 0px solid;
	height: 30px;
	line-height: 1;
	padding: 0;
	margin: 0;
	
	}

#search form button span span	{
	display: block;
	width: 30px;
	border: 0px solid;
	height: 30px;
	line-height: 1;
	text-indent: -9999px;
	}

/*
=8. tables
============================
*/


/*
=9. links
============================
*/

#content-secondary .images p,
#content-secondary .images p	{
	position: absolute;
	top: 24px;
	left: 0;
	height: 216px;
	padding: 0;
	width: 270px;
	margin: 0;
	text-transform: none;
	}
	
#content-secondary .images p a:link,
#content-secondary .images p a:visited	{
	position: relative;
	display: block;
	text-indent: -9999px;
	height: 217px;
	width: 270px;
	padding: 0;
	margin: 0;
	background-color: #999933;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity:0;
	}
	
#content-secondary .images p a:focus,
#content-secondary .images p a:hover,
#content-secondary .images p a:active	{
	background-color: #222222;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	}

#socialmedia #rss:link,
#socialmedia #rss:visited	{
	background: transparent url('../images/icons.png') 0 -96px no-repeat;
	}

#socialmedia #rss:focus,
#socialmedia #rss:hover,
#socialmedia #rss:active	{
	background: transparent url('../images/icons.png') 0 -112px no-repeat;
	}

#socialmedia #newsletter:link,
#socialmedia #newsletter:visited	{
	background: transparent url('../images/icons.png') 0 -32px no-repeat;
	}

#socialmedia #newsletter:focus,
#socialmedia #newsletter:hover,
#socialmedia #newsletter:active	{
	background: transparent url('../images/icons.png') 0 -48px no-repeat;
	}

#socialmedia #facebook:link,
#socialmedia #facebook:visited	{
	background: transparent url('../images/icons.png') 0 -128px no-repeat;
	}

#socialmedia #facebook:focus,
#socialmedia #facebook:hover,
#socialmedia #facebook:active	{
	background: transparent url('../images/icons.png') 0 -144px no-repeat;
	}

#socialmedia #flickr:link,
#socialmedia #flickr:visited	{
	background: transparent url('../images/icons.png') 0 0 no-repeat;
	}

#socialmedia #flickr:focus,
#socialmedia #flickr:hover,
#socialmedia #flickr:active	{
	background: transparent url('../images/icons.png') 0 -16px no-repeat;
	}

#socialmedia #twitter:link,
#socialmedia #twitter:visited	{
	background: transparent url('../images/icons.png') 0 -64px no-repeat;
	}

#socialmedia #twitter:focus,
#socialmedia #twitter:hover,
#socialmedia #twitter:active	{
	background: transparent url('../images/icons.png') 0 -80px no-repeat;
	}

#socialmedia #ride:link,
#socialmedia #ride:visited	{
	background: transparent url('../images/icons.png') 0 -192px no-repeat;
	}

#socialmedia #ride:focus,
#socialmedia #ride:hover,
#socialmedia #ride:active	{
	background: transparent url('../images/icons.png') 0 -208px no-repeat;
	}

#socialmedia .cat-item-53 a:link,
#socialmedia .cat-item-53 a:visited	{
	background: transparent url('../images/icons.png') 0 -160px no-repeat;
	}

#socialmedia .cat-item-53 a:focus,
#socialmedia .cat-item-53 a:hover,
#socialmedia .cat-item-53 a:active	{
	background: transparent url('../images/icons.png') 0 -176px no-repeat;
	}

#socialmedia #triworks:link,
#socialmedia #triworks:visited	{
	background: transparent url('../images/icons.png') 0 -224px no-repeat;
	}

#socialmedia #triworks:focus,
#socialmedia #triworks:hover,
#socialmedia #triworks:active	{
	background: transparent url('../images/icons.png') 0 -240px no-repeat;
	}

#content-secondary #flickr_badge_uber_wrapper	{
	position: relative;
	width: 270px;
	border-bottom: 0px solid;
	height: auto;
	background-color: #333333;
	margin-bottom: 0; 
	}
	
#content-secondary #flickr_badge_uber_wrapper p	{
	color: #FFFAE0;
	padding-left: 6px;
	margin-bottom: 0; 
	}

#content-secondary .flickr_badge_image	{
	float: left;
	width: auto;
	height: auto;
	margin-top: 3px;
	margin-left: 5px;
	border-bottom: 0px solid;
	}

#content-secondary #shops p	{
	color: #FFFAE0;
	padding-top: 9px;
	margin-left: 6px;
	width: auto;
	margin-bottom: 0;
	}
	
#content-secondary #flickr_www	{
	display: inline;
	text-transform: none;
	width: auto;
	padding: 0;
	}

#flickr_badge_uber_wrapper .flickr_badge_image a:link,
#flickr_badge_uber_wrapper .flickr_badge_image a:visited	{
	width: 75px;
	padding: 3px;
	background-color:#FFFAE0;
	border: 1px solid #697880;
	line-height: 0;
	}

#flickr_badge_uber_wrapper .flickr_badge_image a:focus,
#flickr_badge_uber_wrapper .flickr_badge_image a:hover,
#flickr_badge_uber_wrapper .flickr_badge_image a:active	{
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	}

#footer a:link,
#footer a:visited	{
	color:#c1c1c1;
	}

#footer a:focus,
#footer a:hover,
#footer a:active	{
	}