/*
THEME NAME: Claremont Clothing
THEME URI: http://www.claremontclothing.com
AUTHOR: <a href="http://jbinc.co.uk/">Jbinc</a>
*/

/* --------------------------------------------- RESET CSS */

html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; width: 100%; }
	th, td { font-weight: normal; vertical-align: top; padding: 5px 10px; border-bottom: 1px solid #ddd; }
	thead tr th, thead tr td { font-size: 1.4em; }
	th { text-align: left; }
	td { text-align: left; }

p { margin: 0 0 1.2em; }

h1, h2, h3, h4, h5 { margin: 5px 0 10px 0; padding: 0; line-height: normal; font-weight: 400; }
	h1 { font-size: 2.8em; }
	h2 { font-size: 2em; }
	h3 { font-size: 1.6em; }
	h4 { font-size: 1.1em; }

blockquote { font-style: italic; background: url(images/quotes.gif) no-repeat top left; background-position: 12px 12px; color: #666; margin: 5px 0; padding: 8px 15px 8px 60px; }

hr { border: none 0; border-bottom: 1px solid #ccc; height: 1px; margin: 10px 0; clear: both; }

.large { font-size: 1.2em; }
small, .small { font-size: 0.8em; }

.phone { background: url(images/icons/telephone.png) no-repeat 0 50%!important; list-style: none; padding: 0 0 0 25px; margin: 0 0 10px;}
.mobile { background: url(images/icons/phone.png) no-repeat 0 50%!important; list-style: none; padding: 0 0 0 25px; margin: 0 0 10px;}
.fax { background: url(images/icons/printer.png) no-repeat 0 50%!important; list-style: none; padding: 0 0 0 25px; margin: 0 0 10px;}
.email { background: url(images/icons/email.png) no-repeat 0 50%!important; list-style: none; padding: 0 0 0 25px; margin: 0 0 10px; }
.map { background: url(images/icons/map.png) no-repeat 0 3px!important; list-style: none; padding: 0 0 0 25px; margin: 0 0 10px; }

.admin { background: url(images/icons/lock.png) no-repeat 0 50%!important; padding: 3px 0 3px 22px; }
.jbinc-link { background: url(images/icons/jbinc.png) no-repeat 0 50%!important; padding: 3px 0 3px 22px; }

strong { font-weight: 800; }
em { font-style: italic; }

ul { margin: 10px; }
ul li { margin-left: 10px; }

/* cforms II - linklove removal */
.linklove { display: none; }

/* jquery innerfade - styling */
ul.fade { list-style: none; padding: 0; margin: 0; }
	ul.fade li { }

/* Page image borders */
img.alignnone { background: #fff; border: 1px solid #ddd; padding: 4px; }

img.alignleft { float: left; border: 1px solid #ddd; margin: 0 25px 10px 0; padding: 4px; }
	div.alignleft { float: left; margin: 0 25px 3px 0; }
		div.alignleft img { border: 1px solid #ddd; padding: 4px; }

img.alignright { float: right; border: 1px solid #ddd; margin: 0 0 10px 25px; padding: 4px; }
	div.alignright { margin: 0 0 3px 25px; float: right; }
		div.alignright img { border: 1px solid #ddd; padding: 4px; }

img.aligncenter { margin-left: auto; margin-right: auto; margin-bottom: 10px; border: 1px solid #ddd; padding: 4px; }

p.wp-caption-text { font-size: 0.8em; font-style: italic; margin: 0; padding: 0;	text-align: center; }

.clear { clear: both; }

img.noborder { border: 0; padding: 0; }

input.submit { cursor: pointer; text-align: center; }

/* --------------------------------------------------------------------------------------- END RESET */

body {
	background: #6886b2 url(images/bg-body.jpg) repeat-x;
	color: #fff;
	font: 0.9em arial, helvetica, sans-serif;
}

a, a:visited {
	text-decoration: underline;
	color: #002a68;
}
	a:hover {
		color: #003;
	}
		a img {
			border: 0;
		}

h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 * {
	font-weight: 500;
	line-height: normal;
}
	h1 { font-size: 2.3em; color: #002a68; text-align: center; }
	h2 { font-size: 1.5em; color: #09f; text-align: center; }
	h3 { font-size: 1.3em; color: #f39; text-align: center;}
	h4 { font-size: 1em; color: #002a68;	}
	h5 { font-size: 0.8em; }

.clear {
	clear: both;
}

strong, .strong { color: #f39; }

.large , large{ font-size: 1.2em; }
.small, small { font-size: 0.8em; }

div#wrapper { margin: 0px auto; width: 965px; }

div#header {
	padding: 1px 0 0;
	margin: 0;
}

h1#blog-title {
	float: left;
}
	h1#blog-title a {
		display: block;
		background: url(images/claremont_logo.gif) no-repeat;
		width: 400px;
		height: 120px;
	}
		h1#blog-title a span {
			display: none;
		}

#blog-description {
	clear: both;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	font-weight: 600;
}

div#sidebar /* For Basket */ {
	float: right;
	width: 160px;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
}
	div#sidebar ul li { list-style: none; text-align: center; padding: 0; margin: 0; }

form#newsletter {
	padding: 0;
	margin: 0 0 10px;
}
	form#newsletter label {
		font-size: 10px;
	}
	form#newsletter input {
		border: none;
		background: #eee;
		font-size: 10px;
		padding: 2px;
		width: 200px;
	}
		form#newsletter input.submit {
			width: 70px;
			background: #6886b2;
			color: #fff;
			padding: 1px;
		}
			form#newsletter input.submit:hover {
				background: #09f;
			}

ul#category-menu {
	padding: 10px 0 0;
	margin: 0;
	height: 30px;
}
	ul#category-menu li {
		list-style: none;
		display: block;
		float: left;
		margin-right: 10px;
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 10px;
		padding: 0;
	}
		ul#category-menu li a {
			text-transform: uppercase;
			text-decoration: none;
			padding: 7px;
			background: none;
			color: #fff;
		}
			ul#category-menu li a:hover {
				background: #002a68;
			}			
			ul#category-menu li.current-cat a {
				background: #f39;
				color: #fff;
			}

div#content {
	clear: both;
	background: #fff;
	color: #333;
	padding: 10px;
}


p.wp-caption-text{
font-style:italic;
}

ul#navigation {
	clear: both;
	font-weight: 500;
	height: 40px;
	margin: 0 auto;
}
	ul#navigation li {
		list-style: none;
		padding: 0;
		margin: 0;
	}
		ul#navigation li a {
			display: block;
			padding: 10px;
			margin: 0;
			text-align: center;
			text-decoration: none;
			background: #002a68;
			color: #fff;
		}
			ul#navigation li a:hover {
				background: #f39;
				color: #fff;
			}
				li.nav-next a {
				float:left;
				}
				li.nav-previous a {
				float:right;
				}

li#eshopcart {
	list-style: none;
}
	li#eshopcart h3 {
		color: #f39;
		text-align: left;
	}
	li#eshopcart a {
		color: #fff;
		font-size: 12px;
		line-height: 17px;
	}

div.category-view {
	display: block;
	background: #f3f3f3;
	float: left;
	width: 282px;
	height: 290px;
	overflow: hidden;
	margin: 0 11px 10px 0;
	padding: 0 10px 10px;
	font-size: 0.8em;
	border: 1px solid #ccc;
}
	div.category-view h2 {
		height: 40px;
		overflow: hidden;
		font-size: 1.5em;
		color: #f39;
	}
	div.category-view-image { height: 210px; text-align: center; }
	div.category-view img {
		border: 1px solid #ccc;
		background: #fff;
		padding: 4px;
		margin-left: auto;
		margin-right: auto;
	}

a.read-more {
	display: block;
	text-align: center;
	margin: 10px 0;
}

a.post-edit-link {
	font-size: 0.8em;
	color: #444;
	text-align: right;
	display: block;
}

/* menu at bottom of page (last item in 'content' */
div.menu {
	clear: both;
	padding: 0;
	margin: 10px auto;
	width: 970px;
}
	div.menu ul {
		padding: 0;
		margin: 0;
		font-size: 10px;
	}
		div.menu ul li {
			display: inline;
			list-style: none;
			padding: 0;
			margin: 0;
		}
			div.menu ul li a {
				margin-right: 5px;
				text-decoration: none;
				padding: 5px 7px;
				border: 1px solid #ccc;
				color: #666;
			}
				div.menu ul li a:hover {
					border: 1px solid #002a68;
					color: #000;
				}


div#footer {
	margin: 10px 0 0;
	text-align: center;
}
	#footer strong {
		color: #fff;
	}

div#rotator {
	float: right;
	border: 0;
	padding: 0;
	margin: 0 0 10px 20px;
}

div#special-offer {
}


/* Contact Form 7 CSS */
div.wpcf7 form {
	width: 500px;
	margin: 0 auto;
}

div.wpcf7 form p {
	clear: both;
}

.wpcf7 form input, .wpcf7 form textarea { 
	width: 290px;
	padding: 5px;
	outline: 0;
	font: normal 16px/100% Arial, Helvetica, sans-serif;
}

.wpcf7 form input, .wpcf7 form textarea, .wpcf7 form img { 
	border: 1px solid #999;
	margin: 0 0 10px 10px;
	background-color: #ddd;
	float: right;
}

.wpcf7 form .captcha input {
	width: 290px;
}

.wpcf7 form textarea {
	height: 150px;
	line-height: 150%;
	}

.wpcf7 form input:hover, .wpcf7 form textarea:hover,
.wpcf7 form input:focus, .wpcf7 form textarea:focus { 
	}

.wpcf7 form label { 
	color: #999;
	vertical-align: top;
	line-height: 30px;
	}
.wpcf7 form .submit { text-align: center; }
.wpcf7 form .submit input {
	text-align: center;
	width: 100px;
	padding: 9px 15px;
	border: 0;
	cursor: pointer;
	color: #fff;
	background: #111;
	float: none;
	}
	.wpcf7 form .submit input:hover {
		background: #000;
	}
	
.wpcf7-validates-as-required {
	background-image: url(images/icons/star.png);
	background-repeat: no-repeat; 
	background-position: 96% 9px;
}
	p.wpcf7-validates-as-required {
		background: url(images/icons/star.png) no-repeat 0 50%;
		padding: 0 0 0 26px;
	}