/*  

Theme Name: Emporium
Theme URI: http://www.creativeemporium.co.uk/
Description: This is Creative Emporium Wordpress theme.
Version: 1.0
Author: newmediaboutique Ltd
Author URI: http://www.newmediaboutique.com/

*/

* {
	outline: 0;
	font-family: Arial, Helvetica, sans-serif;
}

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
margin: 0;
padding: 0;
}

body{
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background: #ffffff;
color: #000000;
}

h1{
font-size: 24px;
padding: 0 0 10px 0;
}

a:link, a:visited{
text-decoration: none;
color: #37A215;
}

a:hover{
color: #122632;
}

p{
padding: 10px 0 0 0;
}

#wrapper{
margin: 10px auto 10px auto;
width: 800px;
text-align: left;
padding: 0 15px 0 15px;
border: solid 1px #ccc;
}



#header {
			background: #fff;
			color: #122632;
			width: 770px;
			height: 65px;
			float: left;
			padding: 12px 10px 10px 20px;
			border-bottom: solid 1px #c7ced5;
			}
			
			#branding {
				width: 150px;
				height: 52px;
				float: right;
				color: #ffffff;
				}
				
				#branding h1 {
					text-indent: -9000px;
					background: url(/images/ce-logo-blue.gif) right 50% no-repeat;
					}
				
				#branding h1 a {
					color: #ffffff;
					width: 150px;
					height: 50px;
					display: block;
					}
					
			#navigation {
				float: left;
				width: 620px;
				height: 10px;
				/*line-height: 11px;*/
				margin: 48px 0 5px 0;
				* margin: 47px 0 5px 0;
				font-size: 11px;
				}
				
				#navigation ul {
					float: left;
					margin: 0;
					padding: 0;
					list-style: none;
					}
					
					#navigation li {
						float: left;
						padding: 0 23px 0 0;
						}
						
						#navigation li a {
							text-decoration: none;
							color: #122632;
							font-weight: bold;
							}
							
							#navigation li a:hover,
							body.home #navigation li.navHome a,
							body.about #navigation li.navAbout a,
							body.clients #navigation li.navClients a,
							body.team #navigation li.navTeam a,
							body.news #navigation li.navNews a,
							body.jobs #navigation li.navJobs a,
							body.contact #navigation li.navContact a,
							#navigation li.current a
							 {
								color: #37A215;
								}
			
			
				#subNav {
					width: 760px;
					float: left;
					background: #fff;
					border-bottom: solid 1px #c7ced5;
					padding: 7px 20px;
					height: 13px;
					margin: 0 0 10px 0;
					}
					
					#subNav p {
					color: #818c98;
					font-size: 80%;
					}
					
					#subNav ul {
					margin: 0;
					padding: 0;
					list-style: none;
					}
					
					#subNav li {
					float: left;
					padding: 0 20px 0 0;
					font-size: 11px;
					}
					
					#subNav a {
					color: #818c98;
					text-decoration: none;
					}
					
					#subNav a:hover {
					color: #122632;
					}





#introduction {
float: left;
width: 800px;
margin: 0;
padding: 0 0 10px 0;
border-bottom: solid 1px #c7ced5;
}

#introductionInner {
background: url(images/bkIntro.gif) #37A215;
padding: 8px 10px;
float: left;
width: 780px;
margin: 0;
}

#introductionInner h2 {
font-size: 19px;
display: block;
float: left;
line-height: 21px;
color: #fff;
width: 602px;
font-weight: bold;
}

#introduction #search {
list-style: none;
float: right;
margin: 0;
padding: 0;
width: 150px;
text-align: right;
}

#search input.text {
	width: 125px;
	border: solid 1px #c7ced5;
	padding: 4px;
	text-align: left;
	color: #77838f;
	font-size: 12px;
	margin: 0 0 5px 0;
}

#search input.button {
	border: 0;
	background: none;
	color: #122632;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	padding: 0;
	margin: 0;
	text-align: right;
}

#container{
float: left;
width: 502px;
}

.post{
padding: 15px 0 10px 0;
}

.postTitle {
background: #e8e8e8;
padding: 12px 15px 10px 15px;
}

.post h2{
font-size: 22px;
color: #122632;
margin: 0 0 3px 0;
}
.post h2 a {
	text-decoration: none;
	color: #122632;
}
.post h2 a:hover {
	color: #37A215;
}

.postTitle small {
	color: #77838f;
	font-size: 12px;
}

.post p {
font-size: 14px;
color: #77838f;
line-height: 20px;
}

.more-link {
display: block;
width: 100%;
text-align: right;
font-weight: bold;
font-size: 14px;
color: #122632 !important;
text-decoration: none !important;
}

.more-link:hover {
color: #37A215 !important;
}

.entry{
line-height: 16px;
padding: 0 0 10px 0;
border-bottom: dashed 1px #c7ced5;
}

p.postmetadata{
border-top: 1px solid #ccc;
margin: 10px 0 0 0;
}

.navigation{
padding: 10px 0 10px 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

.sidebar{
float: right;
width: 268px;
background: #e8e8e8;
display: inline;
padding: 0;
margin: 15px 0 5px 0;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.sidebar ul li{
padding:  0;
font-size: 14px;
}

.sidebar a {
color: #37A215;
text-decoration: none;
}
.sidebar a:hover {
color: #122632;
}

.sidebar ul ul {
padding: 0;
margin: 0 0 7px 0;
}

.sidebar ul li h2{
font-size: 18px;
font-weight: normal;
color: #77838f;
border-top: solid 2px #c7ced5;
padding: 8px 10px;
}

.sidebar ul ul li{
padding: 0 10px 0 10px;
line-height: 24px;
}

#newsletter div {
	padding: 8px 10px 10px 8px;
}
#newsletter #zkkjy-zkkjy {
	width: 242px;
	border: solid 1px #c7ced5;
	padding: 4px;
	color: #77838f;
	font-size: 12px;
	margin: 0 0 5px 0;
}

#newsletter input.button {
	border: 0;
	background: none;
	color: #77838f;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	padding: 0;
	margin: 0;
	text-align: left;
}
.button:hover {
	cursor: pointer;
}
.rss {
	padding: 0 0 0 22px;
	font-weight: bold;
	background: url(images/feed.png) no-repeat top left;
}

ul.blogroll li {
	line-height: 120% !important;
	color: #77838f;
	font-size: 12px;
	margin: 0 0 10px 0;
}
ul.blogroll li a {
	display: block;
	width: 248px;
	padding: 0 0 3px 0;
	font-size: 14px;
}

table#wp-calendar{
width: 100%;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

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

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-size: 12px;
}


/*#footer{
clear: both;
float: left;
width: 800px;
padding: 10px 0 0 0;
}

#footer p {
line-height: 18px;
}*/

#footerBar {
					display: block;
					width: 780px;
					float: left;
					padding: 4px 10px 4px 10px;
					height: 16px;
					background: #37A215;
					margin: 10px 0 0 0;
					}
					
					#footerBar h2 {
					display: block;
					float: left;text-transform: uppercase;
					text-transform: uppercase;
					color: #fff;
					font-size: 13px;
					width: 400px;
					}


#footerBanners {
			width: 800px;
			float: left;
			margin: 15px 0 0 0;
		}
		
		#footerBanners a img {
			border: 0;
			margin: 0;
			padding: 0;
			height: 141px;
			overflow: hidden;
		}
		
			.bannerDouble {
			float: left;
			display: block;
			width: 396px;
			height: 141px;
			border: solid 1px #ccc;
			}
			
			.bannerSingle {
			float: left;
			display: block;
			width: 195px;
			height: 141px;
			margin: 0 0 0 3px;
			border: solid 1px #ccc;
			}
			
			.last {
			}
		
		
		#footerNav {
			width: 780px;
			float: left;
			background: #e8e8e8;
			border-top: solid 1px #828e9a;
			padding: 7px 10px;
			margin: 15px 0 0 0;
			font-size: 11px;
			}
			
			#footerNav p {
			color: #818c98;
			font-size: 80%;
			}
			
			#footerNav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
			
			#footerNav li {
			float: left;
			padding: 0 20px 0 0;
			}
			
			#footerNav a {
			color: #818c98;
			text-decoration: none;
			}
			
			#footerNav a:hover {
			color: #122632;
			}
		
		
		#footer {
			width: 800px;
			padding: 15px 0 5px 0;
			float: left;
			background: #ffffff;
			}
			
			#footer p {
			color: #5d6975;
			font-size: 80%;
			}
			
			#footer ul {
			margin: 0;
			padding: 0;
			}
			
			#footer li {
			color: #5d6975;
			font-size: 80%;
			}
			
			#footer a {
			color: #5d6975;
			text-decoration: none;
			}
			
			#footer a:hover {
			text-decoration: underline;
			color: #122632;
			}
			
				#footerCol1 {
				float: left;
				width: 378px;
				text-align: left;
				margin: 0 0 0 0;
				height: 120px;
				padding: 5px 10px;
				}
				
				#footerCol2 {
				float: left;
				width: 176px;
				display: block;
				height: 120px;
				margin: 0 0 0 5px;
				text-align: left;
				padding: 5px 10px;
				}
				
				ul.list01 {
				list-style: none;
				float: left;
				display: block;
				width: 100px;
				}
				
				ul.list02 {
				list-style: none;
				float: left;
				display: block;
				width: 75px;
				}
				
				#footerCol3 {
				float: left;
				width: 176px;
				margin: 0 0 0 5px;
				text-align: right;
				height: 120px;
				padding: 5px 10px;
				}
				
				#footerCol3 p {
				margin: 0 0 10px 0;
				}
			
		#siteDetails {
			width: 780px;
			float: left;
			height: 20px;
			font-size: 10px;
			padding: 0 10px 20px 10px;
			}
			
			#siteDetails p {
				line-height: 125%;
				color: #999999;
				}
			
			#siteDetails a {
				color: #999999;
				text-decoration: none;
				border-bottom: dotted 1px #999999;
				}
				
				#siteDetails a:hover {
					color: #99cc00;
					text-decoration: none;
					border: 0;
					}



.clear {
	clear: both;
	visibility: hidden;
	height: 0;
}

img.alignleft {
	float: left;
	margin: 0 13px 5px 0;
	padding: 5px 0 0 0;
}

img.alignright {
	float: right;
	margin: 0 0 5px 13px;
	padding: 5px 0 0 0;
}