/*  
Theme Name: clockworkshop
Description: Wordpress Theme developed for clock-work-shop.co.uk.
Version: 1.0
Author: Simon Harrison
Author URI: http://www.decodeweb.com/
*/
html { height: 100%; margin-bottom: 1px; overflow: scroll; }
body { padding: 0; font-family: Lucida Sans Unicode, Lucida Grande; font-size: 13px; color: #837669; }

h1, h2, h3  { margin: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; }
h1 			{ font-size: 22px; }
#content h1 a { color: #5DB2DA; text-decoration:none }
h2 			{ font-size: 18px; }
h3 			{ }

p, ul, ol 	{ margin-top: 0; font-size: 12px; }
ul, ol 		{ }
blockquote 	{ }

a 			{ color: #000000;	outline:none; }
a:hover 	{ text-decoration: none; }
a img 		{ border: none; }

.alignright { float: right; }
.alignleft 	{ float: left; }

.clear		{ clear: both; }
h2.center	{ text-align: center; width: 400px; margin: 0 auto;}

hr 			{ display: none; }

.list1 		{ }
.list1 li 	{ float: left; line-height: normal; }
.list1 li img { margin: 0 30px 30px 0; }
.list1 li.alt img { margin-right: 0; }

/* Outer wrapper for everything */
#subscribe		{ color: #60BDEA; height: 60px; width: 960px; margin: 0 auto ; text-align: right; }
#subscribe a	{ line-height: 75px; color: #60BDEA; font-size: 10px; width: auto; margin: 0 10px;text-decoration: none }
#wrapper 		{ width: 960px; margin: 0 auto; position: relative; }


/* Header */
#header 		{ width: 960px; height: 210px!important; margin: 0 auto; }
#logo			{ width: 708px; height: 132px; margin: 0 auto; background: #fff; }


/* Pages **/
ul#pagesNav 	{ margin: 0px 0 0 0;padding: 0 0 0 20px;list-style: none;line-height: normal; }
ul#pagesNav li  { float: right; width: auto; margin: 0 2px;}
ul#pagesNav li a{ font-size: 12px; }

/* Drop Menu */
#main-menu 		{ width: 960px; height: 89px; margin: 0 auto; background: url(images/menu-sprite.jpg) 0 0 no-repeat; }
#dropmenu, 
#dropmenu ul{ 
	margin:0px 0 0 0; 
	padding:0; 
	list-style-type:none; 
	list-style-position:outside; 
	position:relative; 
	z-index:300; 
	width:100%; 
	font-size: 12px;
}

#dropmenu			{ margin-left: 20px }
#dropmenu ul		{ position:absolute; display:none; top:63px; left:0;}
#dropmenu li		{ float:left; position:relative; height: auto; }
#dropmenu ul ul		{ top:auto; }
#dropmenu li ul ul	{ left:12em; margin:0; }
#dropmenu li ul 	{ width:185px; }

#dropmenu li:hover ul ul, 
#dropmenu li:hover ul ul ul, 
#dropmenu li:hover ul ul ul ul {display:none;}

#dropmenu li:hover ul, 
#dropmenu li li:hover ul, 
#dropmenu li li li:hover ul, 
#dropmenu li li li li:hover ul {display:block}

#dropmenu li a { 
	display:block; 
	padding:24px 9px; 
	color: #5DB2DA; 
	text-decoration:none; 
}
#dropmenu li a:hover { color: #308DBB; }

#dropmenu li ul li a {
	width:170px; 
	height:auto; 
	padding: 5px; 
	float:left; 
	border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; 
	color: #5DB2DA; 
	background-color: #f9f9f9;
	filter:alpha(opacity=98); 
	-moz-opacity:0.98; 
	-khtml-opacity: 0.98; 
	opacity: 0.98;
}

/** Top level menu formatting **/
ul#dropmenu li.current-cat-parent a,
ul#dropmenu li.current-cat a { 
	color: #308DBB;
}

/** Second level menu reset recursive colouring **/
ul#dropmenu li.current-cat ul li a,
ul#dropmenu li.current-cat-parent ul li a {
	color: #5DB2DA;
}

/** Second level menu formatting **/
ul#dropmenu li ul li.current-cat a,
ul#dropmenu li.current-cat-parent ul li.current-cat a, 
ul#dropmenu li ul li a:hover{ 
	color: #308DBB;
	background-color: #fdfdfd;
}


/* Carousel */
.roundBorderBox	{ margin-bottom: 20px; width: 340px; /*border: 1px solid #E6E6E6;*/ }
ul.index-news h2.title a { font-size: 12px; display: block; font-weight: bold; color:#60BDEA  }
ul.index-news .meta, 
ul.index-news .meta a 	 { font-size: 10px; color: #B6ACA2; }
ul.index-news .thumb img { margin-left: -18px; margin-top: -40px }
ul.index-news .thumb 	 { border: 1px solid #f6f6f6; margin-left: 10px; width: 80px; height: 65px; overflow: hidden; float: left; margin-right: 10px }
ul.index-news .article	 { width:200; height: 65px; }
.alignleft a.more img	 { border: none; }
.alignleft a.more		 { bottom: 10px; right:0; }


.nextDiv,
.prevDiv		{ position: absolute; width: 14px; height: 15px; }

.prevDiv		{ top: 328px; right: 30px; z-index: 1001}
.nextDiv		{ top: 368px; right: 30px; z-index: 1001 }

.nextDiv a,
.prevDiv a		{ display: block; width: 16px; height: 17px; background:url("images/arrows_sprit.jpg") -4px -3px no-repeat;}
.nextDiv a		{ background:url("images/arrows_sprit.jpg") -23px -3px no-repeat;}

.nextDiv a span,
.prevDiv a span	{ display: none }


/*archives page headers */
.pagetitle 		{ padding: 10px 2px 10px 0; font-size: 24px; color: #333333; }

/* Content */
#content 		{ float: left; width: 100%;}
#single-content { float: left; width: 580px;  margin-right: 30px; }
#leftstory,
#rightstory 	{ /*border: 1px solid #f6f6f6;*/ width: 590px; height: 140px; display: block; margin-bottom: 20px; padding: 20px 10px; }
#rightstory 	{ width: 320px; }
#category a		{ font-size: 9px; color: #888; font-family: arial; text-transform: uppercase; text-decoration: none; font-weight: bold; }
#category a:hover { color: #333;}

.threecolumns	{ width: 290px; margin-right: 20px; }
.threecolumnslast {width: 290px; }

/* Breadcrumbs */
.breadcrumbs	{ margin-bottom: 10px; }
.breadcrumbs span { color: #308DBB; }


/* Sidebar */
#sidebar 		{ float: left; width: 340px; margin: 0; }
#sidebar ul 	{ margin: 0;padding: 0;list-style: none;}
#sidebar li 	{ margin: 0;padding: 0;}
#sidebar li ul 	{ background: none; line-height: 200%; }
#sidebar li li 	{ margin: 0;padding: 3px 7px; text-align: left;}
#sidebar li li a { color: #666667;font-size: 12px;text-decoration: none;}


/* Custom Widget */
#widget-top		{ background:url(images/cat-top-340.jpg) no-repeat; /* background:url("images/layout-sprite.png") -4px -4px no-repeat; */ width: 333px; height: 27px; padding: 3px 0 0 7px; }
#widget-top h2  { font-size: 13px; text-transform:uppercase; padding-top: 5px; color: #334156;}
#widget-top a	{ color: #334156; text-decoration: none; display: block; width: 100% }

#widget-middle	{ background:url(images/cat-mid-340.jpg) repeat-y; width: 340px }
#widget-middle div.widget_thumb img { padding: 0; margin: 0;}
#widget-middle div.widget_story 	{ padding: 0; margin: 10px 0 0 10px;}
#widget-middle div.widget_story p.more{ margin-top: 10px }
#widget-middle div.clear 			{ height: 0px; width: 0px; padding: 0; margin: 0; background: none;}
#widget-middle a.video-link 		{  font-size: 14px; text-decoration: none; padding: 15px 0 0 15px; display: block; width: 300px; color: #00B2E8;}

#widget-middle li {
line-height: 16px; padding: 0; margin: 0;
}

#widget-middle li.cat-item a,
#widget-top h2 a,
a.more { color: #5DB2DA; text-decoration:none; }
#widget-middle li.cat-item a:hover,
#widget-top h2 a:hover,
a.more:hover { color: #308DBB; }

.widget_thumb	{ width: 150px; margin: 0; padding: 0 10px; float: left;}
.widget_thumb a { float: left; }

.widget_story	{ width: 140px; margin: 0; padding: 0; float: left; clear: right}
.widget_story p	{ padding: 0; margin: 0; text-align: left; }
.widget_story a, 
.widget_story p.more { color: #666667; text-decoration: none; font-weight: bold; font-size: 12px;}

#widget-bottom	{ background:url(images/cat-bot-340.jpg) no-repeat; width: 340px; height: 16px; margin-bottom: 20px; }


/* Standard Widgets */
h2.widgettitle 	{ width: 333px; height: 23px; background: url(images/cat-top-340.jpg) no-repeat;}				  
li.widget ul	{ background:url(images/cat-mid-340.jpg) repeat-y; width: 340px }
li.widget ul li ul,
li.widget ul li ul li ul,
li.widget ul li ul li ul li ul { background:none; }
li.widget div	{ color: #666667; padding: 10px; background:url(images/cat-mid-340.jpg) repeat-y; width: 320px }
li.widget div a	{ color: #00B2E8; }
#sidebar ul li #widget-bottom { margin-bottom: 0px }


/* Search */
#search 		{position: absolute;top: 0;left: 785px;height: 61px;}
#search form 	{margin: 0;padding-top: 20px;}
#search fieldset{margin: 0;padding: 0;border: none;}
#search input	{float: left;padding: 1px;}
#search-text 	{width: 118px;height: 16px;padding: 3px 0 0 2px;color: #666;}
#search-submit 	{height: 25px;margin: -2px 0 0 5px;}

/* Post */
.home			{ border-top: 1px solid #E6E6E6; }
.post 			{ margin-bottom: 20px; width: 940px; /* border: 1px solid #E6E6E6; */ padding: 10px; }
.post h1.articletitle { margin: 0 auto; }
.post .title	{ margin-bottom: 3px; padding: 8px 0px 2px 0; color: #60BDEA; }
.post .title a 	{ text-decoration: none; color: #60BDEA; }
.post .meta 	{ margin: 2px 0 5px 0; padding: 2px 30px 2px 0px;font-size: 10px;color: #B6ACA2; }
.post .meta a 	{ color: #B6ACA2; }
.post .entry 	{ padding: 2px 0 0px 2px; }
.post .entry img{ margin: 0 12px 0 0;}
.post .entry a	{ color: #60BDEA; font-weight: bold; }
.post .article 	{ float: left; width: 420px }
.post .thumb 	{ float: left; width: 150px; margin-right: 10px }
.post .links 	{ margin: 0 250px 0 0; padding: 0 0 0 0px; }
.post .links .permalink { padding-left: 17px; }

.home .post { width: 325px; min-height: 355px; margin-right: 10px; float: left;}
.home .post .date { padding: 8px 0 0 2px; font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px; color: #60BDEA; }

p.more			{ padding-top: 5px; float: right;}

.ratings		{padding-bottom: 3px }
#related-articles h2 { font-size: 12px; font-weight: bold; }
#related-articles p.related  { margin: 0; padding: 3px 0; }
#related-articles a  { font-size: 10px;  margin: 0; padding: 0; }


.longcase-clocks 		{ width: 290px; float: left; margin: 0 18px 10px 0; min-height: 260px; padding: 5px; position: relative; background-color:#fcfcfc; border: 1px solid #fbfbfb }
.longcase-clocks img 	{ margin: 0; padding: 2px; border: 1px solid #f2f2f2  }
.longcase-clocks p.more img { border: none }
.longcase-clocks .thumb 	{ float: left; width: 150px; margin: 0 15px 0 0; min-height: 260px;  }
.longcase-clocks .title	{ margin-bottom: 3px; padding: 8px 0px 2px 0; color: #60BDEA; }
.longcase-clocks .title a 	{ text-decoration: none; color: #60BDEA; font-size: 13px; }

/* articles themselves */
#single-content .post { margin-bottom: 20px; width: 100%; /*border: 1px solid #E6E6E6;*/ padding: 10px; }
.post #category			{ font-weight: normal; font-size: 10px; margin-top: 10px; }
.post .articletitle		{ margin: 4px auto; padding: 8px 0px 8px 0; color: #00b2e8; border-top: 2px solid #e9e9e9; border-bottom: 2px solid #e9e9e9 }
.post .articletitle a 	{ text-decoration: none; color: #00B2E8; }
.post .articlemeta 		{ margin: 0; padding: 2px 30px 2px 0px;font-size: 10px;color: #666; border-top: 1px solid #f1f1f1 } 
.post .thetags			{ font-size: 10px; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #f1f1f1 }
.post .articlemeta a,
.post .thetags a 		{ color: #666; text-decoration: none}
.post .thetags a:hover	{ color: #111;}

.post .entry 	{ padding: 20px 20px 0px 2px; }
.post .entry img{ margin: 0 0 0 5px; padding: 2px; border: 1px solid #f2f2f2 }
.post .entry a	{ color: #00B2E8; font-weight: bold; }
.post .entry p	{ color: #444; }
.post .article 	{ float: left; width: 420px }
.post .thumb 	{ float: left; width: 150px; margin-right: 10px }
.post .links 	{ margin: 0 250px 0 0; padding: 0 0 0 0px; }
.post .links .permalink { padding-left: 17px; }

/** pages **/
.page-content .entry img { margin: 0; padding: 2px }
.page-content .entry h2 { margin: 0; padding: 0; }

.spotlight {
margin-bottom: 30px;
display: block;
clear: both;
padding: 10px;
}
.spotlight img.alignleft {
margin-right: 10px;
}
.spotlight img.alignright {
margin-left: 10px;
}

/* Comments */
#commentform 	{ margin: 0; }
#comment 		{ margin: 0; width: 580px; }

#comments,
h3.comments 	{ padding-left: 10px; }

textarea#comment { border: 1px solid #aaa; width: 580px }

ol.commentlist 	{ list-style: none; padding: 0 0 0 15px; margin: 0; }

ol.commentlist li { 

	padding: 10px; 
	margin: 0; 
	-webkit-border-top-left-radius: 10px 10px; 
	-webkit-border-top-right-radius: 10px 10px; 
	-webkit-border-bottom-left-radius: 10px 10px; 
	-webkit-border-bottom-right-radius: 10px 10px; 
	-moz-border-radius-topleft: 10px; 
	-moz-border-radius-topright: 10px; 
	-moz-border-radius-bottomleft: 10px; 
	-moz-border-radius-bottomright: 10px;
	
}

ol.commentlist li p { font-size: 11px }
ol.commentlist li.alt { background-color: #f4f4f4; }
ol.commentlist li cite a { font-weight: bold; }
ol.commentlist span.gravatar { float: left; padding-right: 15px }
ol.commentlist span.gravatar img { padding: 2px; border: 1px solid #f8f8f8 }

#respond 		{ margin: 0; padding-left: 20px; padding-top: 20px; }
#respond textarea { width:99%; font-size:13px; }
#respond label { font-weight:bold; }
#respond a {text-decoration:none; }
#respond h3 {margin-top:15px; font-size: 24px; color: #00B2E8 }

li.comment div#respond h3 { display:none; }

/* Page numbering */
.navigation { padding-top: 20px; text-align: center } /*page next / previous links*/

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.single-navigation 	{
border-top: 2px solid #f2f2f2;
margin-top: 10px;
padding-top: 5px
}
.single-navigation a {
	color: #60BDEA; 
	font-size: 12px;
	text-decoration: none;
}

/** SITEMAP **/
div#sitemap,
div#sitemap404	{ 
	width: 960px; 
	margin: 0 auto; 
	padding: 0 0 20px 100px; 
	font-size: 9px; 
	display: block;
}

div#sitemap404	{
padding: 0 0 20px 20px;
}
/*****/

ul#sitemap {
margin: 0;
padding: 0;
list-style: none;
float: left;
border-right: dotted 1px #f8f8f8;
width: 210px;
margin-right: 20px;
}
ul#sitemap.last {
border: none;
}
ul#sitemap li.cat-item a,
ul#sitemap li.page_item a {
text-decoration: none;
}

ul#sitemap ul {
padding: 0;
margin: 0 0 15px 0;
list-style:none;
}

ul#sitemap li {
width: 202px;
margin: 1px auto;
padding: 0;
}

ul#sitemap li a {
font-size: 11px;
}

div#sitemap404 ul#sitemap li a {
font-size: 12px;
}

ul#sitemap li.cat-item ul.children li.cat-item,
ul#sitemap li.page_item ul li.page_item {
margin-left: 3px;
}

ul#sitemap li.cat-item ul.children li.cat-item a,
ul#sitemap li.page_item ul li.page_item a {
color: #999;
}

/* Footer */
#footer 	{ width: 960px; margin: 0 auto; padding: 0; background: url(images/menu-sprite.jpg) 0 -91px no-repeat; height: 60px; }
#footer p 	{ margin: 0; padding: 0; text-align: center; line-height: normal; color: #666; }
#footer a 	{ text-decoration: none;color: #333; }
#footer .alignright { float: right; width: 960px;}

.address	{ width: 960px; text-align: right; margin: 0 auto; padding: 0 0 20px 0; font-size: 9px; display: block; position:relative }

.socialbutton 	{ position:absolute; left: 10px; top: 15px; width: 32px; height: 32px }
.button2 		{ left: 45px }

/* Footer Navigation */
#menuFooter ul	{ margin: 0;padding: 0 5px; list-style: none; line-height: normal; }
#menuFooter li 	{ display: block;float: right; }
#menuFooter li.sep 	{ width: 1px; padding-top: 12px; }
#menuFooter li.sep img	{ width: 1px; height: 19px }
#menuFooter a 	{ margin: 0 10px; padding: 0; text-align:center; line-height: 45px; font-size: .9em; text-transform: uppercase;}
#menuFooter a:hover { color: #666; }

/* Other */
.tweetmeme_button { margin-right: 10px; float: left }