/*
Theme Name: IT-IS International
Theme URI: http://www.itisint.com/
Description: Wordpress theme for IT-IS International
Version: 1.0
Author: Chris Spooner
Author URI: http://www.spoongraphics.co.uk

*/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	background: #eaeaea url(images/body-bg.jpg) center top no-repeat;
	font-family: "Tahoma", Arial, Helvetica, Sans-Serif;
}

#container {
	width: 964px; margin: 0 auto;
}

#header {
	height: 117px; background: url(images/content-top.jpg) bottom no-repeat;
	padding: 42px 53px 0 53px; 
}
	#header h1 a {
		display: block; width: 212px; height: 71px; float: left;
		background: url(images/it-is-logo.jpg); text-indent: -9999px;
	}
	
	#header ul {
		float: right; list-style: none; margin: 32px 0 0 0;
	}
		#header ul li { 
			float: left; margin: 0 0 0 45px; 
		}
			#header ul li a {
				display: block; font-size: 17px; color: #9d9d9d; text-decoration: none; padding: 0 0 4px 0; 
			}
				#header ul li a:hover, #header ul li a:focus, #header ul li.current_page_item a {
					color: #909090; border-bottom: 2px solid #3770c5;
				}
	
	#content {
		background: url(images/content-repeat.png) repeat-y;
	}
		
		#content h3 {
			font-size: 28px; color: #979797; font-weight: normal; margin: 0 0 20px 0;
		}	
		#content h4 {
			font-size: 16px; color: #979797; margin: 0 0 5px 0;
		}
	
		#content p {
			font-size: 16px; color: #989898; line-height: 26px; margin: 0 0 35px 0;
		}
			#content a {
				color: #3770c5; text-decoration: none;
			}
				#content a:hover, #content a:focus {
					color: #2a61b2; text-decoration: underline;
				}

		#content ul, #content ol {
			margin: 0 0 35px 40px;
		}
			#content ul li, #content ol li {
				line-height: 26px; color: #979797;
			}

	#content #feature {
		width: 870px; height: 345px; position: relative; margin: 0 0 10px 50px; padding: 12px 0 0 0;
		background: url(images/header-home.jpg);
	}
		#content #feature h2 { text-indent: -9999px; }

		#content #feature p.btn {
			position: relative; top: 163px; left: 43px;
		}
			#content #feature p.btn a {
				display: block; width: 184px; height: 56px;
				background: url(images/learn-more.jpg); text-indent: -9999px;
			}

	#content #title {
		width: 867px; height: 93px; margin: 0 0 30px 50px; 
	}
		#content #title.work {
			background: url(images/work-header.jpg);
		}
		#content #title.team {
			background: url(images/team-header.jpg);
		}
		#content #title.contact {
			background: url(images/contact-header.jpg);
		}
		#content #title.news {
			background: url(images/news-header.jpg);
		}
		#content #title.client-area {
			background: url(images/client-area-header.jpg);
		}
		
		#content #title h2 { text-indent: -9999px; }

	#content #main {
		width: 600px; float: left; margin: 0 0 0 53px;
	}
	#content #main.wide {
		width: 858px; margin: 0 0 0 53px;
	}
		
		#content #main .post {
			padding: 0 0 40px 0; margin: 0 0 40px 0; overflow: auto;
			background: url(images/post-separator.png) bottom repeat-x;
		}
			#content #main .post p.date {
				width: 82px; height: 70px; float: left; padding: 15px 0 0 3px; *line-height: 32px;
				background: url(images/date-bg.jpg);
				font-size: 45px; font-weight: bold; color: #fff; text-align: center;
			}
				#content #main .post p.date span {
					font-size: 20px; font-weight: normal;
				}
			
			#content #main .post .post-content {
				width: 500px; float: left; margin: 0 0 0 15px;
			}	
			
			#content #main .post .post-content h3 {
				margin: 0 0 8px 0;
			}
				#content #main .post .post-content h3 a {
					font-size: 28px;
				}	
		
			#content #main .post .post-content p.comments {
				float: left; margin: -20px 10px 0 0;
			}
			#content #main .post .post-content p.read-more {
				float: left; margin: -20px 0 0 0; padding: 0 15px 0 10px; border-left: 1px solid #989898;
				background: url(images/read-more-icon.png) right 10px no-repeat;
			}
		
		#content #main p.right { float: right; }
		#content #main p.left { float: left; }
		
		#content #main p.btn a {
			display: block; height: 37px; 
			background: url(images/btn-left.png) no-repeat left;
		}
			#content #main p.btn a span {
				display: block; height: 33px; padding: 4px 13px 0 16px;
				background: url(images/btn-right.png) no-repeat right;
			}
			#content #main p.btn a:hover, #content #main p.btn a:focus { text-decoration: none; }
	
		
		#content #main form label {
			display: block; font-family: Georgia, Times New Roman, Serif; font-style: italic; color: #979797; margin: 0 0 5px 0;
		}
		#content #main form input {
			width: 194px; height: 20px; padding: 7px 8px 7px 8px; margin: 0 0 10px 0; 
			background: #f7f7f7 url(images/form-bg.png) top repeat-x; border: 1px solid #e9e9e9;
			font-size: 16px; color: #979797;
		}
		#content #main form textarea {
			width: 310px; height: 161px; padding: 7px 8px 7px 8px; margin: 0 0 10px 0;
			background: #f7f7f7 url(images/form-bg.png) top repeat-x; border: 1px solid #e9e9e9;
			font: 16px "Tahoma", Arial, Helvetica, Sans-Serif; color: #979797;
		}
		#content #main form input.submit {
			text-indent: -9999px; cursor: pointer; margin: 0 29px 0 0;
			border: 0; float: right; *padding-left: 200px;
		}
			#content #main form.wpcf7-form input.submit {
				width: 130px; height: 38px;
				background: url(images/send-message.png);
			}
			#content #main form#commentform input.submit {
				width: 148px; height: 38px;
				background: url(images/submit-comment.png);
			}
		#content #main form div.section {
			float: left; margin: 0 30px 0 0;
		}
		
		
		
		#content #main .map {
			width: 607px; height: 285px; padding: 7px 0 0 7px; margin: 0 0 40px 0;
			background: url(images/map-bg.png);
		}
			#content #main .map iframe {
				width: 600px; height: 280px; border: 0;
			}
		
		
		#content #error404 {
			width: 867px; height: 301px; margin: 0 0 0 50px; padding: 12px 0 0 0;
			background: url(images/404-header.jpg);
		}
			#content #error404 h2, #content #error404 p { text-indent: -9999px; }
		
		
		#content #main #respond {
			margin: 0 0 40px 0; clear: both;
		}
		
		
		#content #main ol.commentlist {
			list-style: none; margin: 0 0 30px 0; list-style: none;
		}
			#content #main ol.commentlist li {
				padding: 0 0 40px 0; margin: 0 0 40px 0; overflow: auto;
				background: url(images/post-separator.png) bottom repeat-x;
			}
				#content #main ol.commentlist li div.comment-author img {
					float: left; margin: 0 15px 0 0; border: 1px solid #f4f4f4;
				}
				#content #main ol.commentlist li div.comment-author cite {
					display: block; font: normal bold 16px "Tahoma", Helvetica, Arial, Sans-Serif; color: #979797;
				}
					#content ol.commentlist li div.comment-author span { display: none; }
				
				#content #main ol.commentlist li div.comment-meta {
					float: right; font: 11px "Tahoma", Helvetica, Arial, Sans-Serif; color: #979797; margin: -10px 0 0 0;
				}
				
				#content #main ol.commentlist li p {
					margin: 0 0 10px 0;
				}

		
		#content #main.wide .img-right {
			float: right; margin: 0 0 30px 30px;
		}
			#content #main.wide .img-right-flush {
				float: right; margin: 0 -41px 30px 30px;
			}
		#content #main.wide .img-left {
			float: left; margin: 0 30px 30px 0;
		}
			#content #main.wide .img-left-flush {
				float: left; margin: 0 30px 30px -41px;
			}
		
		
	
	#content #side {
		width: 224px; float: left; margin: 0 0 0 36px;
	}

		#content #side ul.what-we-do {
			list-style: none; margin: 0 0 35px 0; font-size: 14px;
		}
			#content #side ul.what-we-do li a {
				display: block; width: 160px; 
			}
			#content #side ul.what-we-do li a.software {
				height: 23px; padding: 15px 8px 9px 60px; margin: 0 0 9px 0;
				background: url(images/laptop-btn.png);
			}
			#content #side ul.what-we-do li a.hardware {
				height: 23px; padding: 19px 8px 9px 60px; margin: 0 0 15px 0;
				background: url(images/mouse-btn.png);
			}
			#content #side ul.what-we-do li a.prototypes {
				height: 24px; padding: 13px 8px 9px 60px; margin: 0 0 5px 0;
				background: url(images/tools-btn.png);
			}
			#content #side ul.what-we-do li a.lab-testing {
				height: 24px; padding: 23px 8px 9px 60px; 
				background: url(images/lab-btn.png);
			}

		#content #side form label {
			display: block; font-family: Georgia, Times New Roman, Serif; font-style: italic; color: #979797; margin: 0 0 5px 0;
		}
		#content #side form input {
			width: 194px; height: 20px; padding: 7px 8px 7px 8px; margin: 0 0 10px 0;
			background: #f7f7f7 url(images/form-bg.png) top repeat-x; border: 1px solid #e9e9e9;
			font-size: 16px; color: #979797;
		}
		#content #side form input.submit {
			width: 80px; height: 38px; text-indent: -9999px; cursor: pointer; margin: 0 11px 0 0;
			background: url(images/login-btn.png); border: 0; float: right; *padding-left: 200px;
		}
		#content #side form p.forgotten {
			font-size: 11px; float: right; margin: 5px 15px 0 0;
		}
		
		#content #side .avatar_container {
			float: left; margin: 0 20px 10px 0;
		}
		#content #side ul.pagenav {
			float: left; margin: 0 0 20px 0; list-style: none;
		}
		#content #side #login_error {
			font: italic 12px Georgia, Times New Roman, Serif; color: red;
			margin: 0 0 10px 0;
		}
		
		
		#content #side address {
			font-style: normal; color: #979797; margin: 0 0 20px 0; line-height: 26px;
		}
		
		#content #side ul.categories {
			list-style: none; margin: 0 0 30px 0;
		}
			#content #side ul.categories li a {
				display: block; width: 193px; height: 30px; padding: 4px 16px 4px 16px; margin: 0 0 10px 0;
				background: url(images/category-bg.png);
			}
		
#footer {
	background: url(images/content-bottom.jpg) top no-repeat; padding: 30px 53px 40px 53px;
}

	#footer p.copyright {
		float: left; font-size: 14px; color: #979797;
	}
	#footer p.back-top {
		float: right; font-size: 14px;
	}
		#footer p.back-top a {
			background: url(images/back-top.png) right 7px no-repeat; padding: 0 15px 0 0;
			color: #3770c5; text-decoration: none;
		}
			#footer p.back-top a:hover, #footer p.back-top a:focus {
				color: #2a61b2; text-decoration: underline;
			}

.alignright { float: right; margin: 0 0 10px 10px; }
.alignleft { float: left; margin: 0 10px 10px 0; }
	
a { outline: none; }

.clear { zoom: 1; }
.clear:after {
	content: ""; display: block; clear: both;
}