/*
Theme Name: Cobble Row
Theme URI: http://www.peebles-footwear.co.uk/
Description: Stylish and edgy theme for traditional businesses with a modern slant.
Author: Staggerforth Ltd
Author URI: http://go.staggerforth.co.uk/
Tags: black, shiney, cream, red, yellow highlights, clean, smart, modern, highly accessible

	Cobble Row (version 1.0)
	Copyright (c) 2009 Staggerforth Ltd
	
	Maybe reused, modified and released under a different license only
	with the express permission of Staggerforth Ltd.
	
*/


/*
Colour palette:

Pure white #FFFFFF
Dark cream #FFEEAA
Crimson #FF0000
Off gold #FFCC00
Black #000000
*/


/* CSS Reset */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}img{border:0;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}
/* End of reset */


html
{
	background: #000000;
	text-align: center;
}

body
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 140%;
	text-align: center;
}

h1
{
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 22px;
	color: #FFCC00;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

h2,h3,h4,h5,h6
{
	font-size: 17px;
	font-weight: bold;	
	color: #FFCC00;
	margin: 18px 0px 15px 0px;
}

a
{
	color: #FFEEAA;
	border-bottom: 1px dotted #FFEEAA;
	text-decoration: none;
}

a:hover
{
	color: #FFCC00;
	border-bottom: 1px dotted #FFCC00;
}

img
{
	border: 0;
	margin: 2px 6px 2px 6px;
}

p
{
	margin: 0px 0px 22px 0px;
}

input,textarea
{
	border-top: 1px solid #FFEE66;
	border-left: 1px solid #FFEE66;
	border-right: 1px solid #FFCC00;
	border-bottom: 1px solid #FFCC00;
	background: #000;
	color: #FFF;
}

#page_outer
{
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	background: #000000 url(images/top-bg-area.png) top left repeat-y;
}

#page
{
	display: table;
	width: 820px;
	background: #000000 url(images/header-bg.png) top left no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding: 105px 0px 10px 0px;
}



#navigation
{
	width: 750px;
	color: #FFFFFF;
	margin: 0px auto 2px auto;
	text-align: center;
	padding-bottom: 35px;
}

#navigation ul
{
	list-style-type: none;
}

#navigation ul li
{
	display: inline;
	margin-right: 35px;
	font-size: 15px;
	font-weight: bold;
}

#navigation a
{
	color: #FFCC00;
	text-decoration: none;
	border-bottom: none;
}

#navigation a:hover
{
	color: #FFEEAA;
}


#content
{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#sidebar
{
	text-align: center;
	padding-top: 50px;
}

#sidebar ul
{
	display: inline;
	list-style-type: none;
}

#sidebar ul li
{
	display: inline;
	list-style: none;
	list-style-type: none;
}

#logo
{
	float: left;
	margin-right: 20px;
}

#tagsandcats
{
	width: 700px;
	padding: 10px 20px 10px 88px;
	background: transparent url(images/search.png) 15px 15px no-repeat;
}

#tagsandcats a
{
	color: #00FFDD;
	border-bottom: 1px dotted #00FFDD;
}

#tagsandcats a:hover
{
	color: #FFCC00;
	border-bottom: 1px dotted #FFCC00;
}

#footer
{
	clear: both;
	width: 820px;
	padding-top: 30px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 11px;
	color: #EEEEEE;
}

#footer p
{
	border-top: 1px solid #CCAA77;
	padding-top: 8px;
	margin: 5px 0px 5px 0px;
}

#recent-news
{
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding-top: 34px;
}

#flashobject
{
	margin: 5px 0px 14px 0px;
	border: 1px solid #FFEEAA;
}

.widget_tag_cloud a
{
	border: none;
}

.news-item
{
	display: inline-table;
	width: 198px;
	margin-right: 50px;
	float: left;
}

.post-half
{
	display: inline-table;
	width: 400px;
	margin-right: 50px;
	float: left;
}

.ipages-menu li
{
	list-style: none;
	margin-bottom: 12px;
}

.ipages-menu li a
{
	color: #FFCC00;
	font-size: 16px;
	font-weight: bold;
	border: none;
}

.ipages-menu li a:hover
{
	color: #FFEEAA;
	font-weight: bold;
	border: none;
}

.flashmovie
{ /*
	margin: 5px 0px 14px 0px;
	border: 1px solid #FFEEAA;
*/ }

.alignright
{
	float: right;
}

.alignleft
{
	float: left;
}

.clear
{
	clear: both;
}

.gap
{
	margin: 5px 5px 5px 5px;
}

.spacetop
{
	margin-top: 20px;
}

.spacebottom
{
	margin-bottom: 20px;
}

.nomarginbelow
{
	margin-bottom: 1px;
}

.infoblock
{
	display: inline-table;
	width: 300px;
	float: left;
	margin-right: 17px;
}

.container
{
	display: table;
}

.widget
{
	margin-top: 30px;
}