/*
Theme Name: sew
Theme URI: http://www.wearesewcreative.com/
Description: Custom Site by 24medium
Version: 1.0
Author: Tim @24medium.com
Author URI: http://www.24medium.com/
Tags: sew, amazing, fixed width, two columns, widgets
*/



* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px;
	background: #FFF;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4D4D4D;
}

h1, h2, h3 {color:#333333;}

h1 {}

h2 {}

h3 {}

p, blockquote, ul, ol {
	margin-bottom: 15px;
}

p {}

blockquote {}

ul, ol, li {margin: 0px;padding: 0px;list-style: none;}

a {text-decoration: none; color: #838383;}

a:hover {text-decoration:underline; color: #838383;}

/* Wrapper */

#wrapper { width:960px; margin:0px auto;}


/* Community */

#commwrap{width:400px; margin:30px auto 50px;}
#twitter{height:300px; width:160px; background-image:url(images/twitter.jpg); background-repeat:no-repeat; float:left;}
#twitter a{display:block; height:100%; width:100%;}

#facebook{height:300px; width:80px; background-image:url(images/facebook.jpg); background-repeat:no-repeat; float:left;}
#facebook a{display:block; height:100%; width:100%;}

#blogger{height:300px; width:150px; background-image:url(images/blogger.jpg); background-repeat:no-repeat; float:left;}
#blogger a{display:block; height:100%; width:100%;}



/* Slider */
#jFlowSlide{ background:#FFFFFF; font-family: Georgia; }

#myController { font-family: Georgia; padding:2px 0;  width:480px; background:#FFFFFF; }
#myController span.jFlowSelected { color:#CCCCCC;margin-right:0px; }

#myController span.jFlowSelected img{ border:dashed 1px #000000;}

.slide-wrapper { padding: 5px; }
.slide-details { width:420px;}

.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:0px; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#333333; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #FFFFF; }
#teaminfowrap{margin:0px 0px 0px 0px;}

#sidework{float:left; border-right:2px dashed #333333; min-height:500px; margin-right:20px; width:130px;}
#myController.sidework{width:130px; font-family:arial; font-size:20px;}
#myController.prevnext{
	width:120px;
	float:right;
}


#readmore{width:110px; text-align:right; background-image:url(images/rm.png); background-repeat:no-repeat; height:30px; clear:both; display:block; float:right;}
#readmore h2{color:#999999; font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter;}

/* Header */

#header {width: 960px;height: 150px; margin: 15px auto 0px;}
#header.work{height:150px;}
/* Logo */

#logo {float: left;width: 270px;height:60px; background-image:url(images/logo.png); background-repeat:no-repeat; margin: 0px;padding-left: 30px;}
#logo.button{background-image:url(images/buttun_logo.jpg); width:100px;}

#buttonlogo {float: left;width: 100px;height:60px; background-image:none; background-repeat:no-repeat; margin: 0px;padding-left: 30px;}
#buttonlogo a {text-decoration: none;color: #FFFFFF; display:block; width:100%; height:100%;}



#logo h1 {margin: 0;padding: 0;font: normal 36px Georgia, "Times New Roman", Times, serif; display:none;}

#logo h2 {margin: -2px 0 0 0;padding: 0;text-transform: uppercase;letter-spacing: 2px;font-size: 10px;font-weight: bold;color: #FFFFFF;}

#logo a {text-decoration: none;color: #FFFFFF; display:block; width:100%; height:100%;}



/* Menu */

#menu {width: 400px; float:right; height: 60px;margin: 0 auto;}

#menu ul {margin: 0;padding: 20px 0 0 0px;list-style: none;line-height: normal;margin-left: 30px;}

#menu li {display: inline;text-align: center;}

#menu a {display: block;float: left;margin-right: 3px;padding: 5px 20px 5px 20px;text-decoration: none;text-align: center;text-transform: uppercase;font-size: 11px;font-weight: bold;color: #525252;}

#menu a:hover, #menu .active a {background: #e44145;color: #FFFFFF;}

#splash {width: 940px;height: 299px;margin: 0 auto;}




/*Header Design */
#home{background-image:url(images/home_a.jpg); background-repeat:no-repeat; width:115px; height:140px; float:left; margin:0px 10px 0px 0px;}
	#home a{ display:block; width:100%; height:100%; outline:none;}
	#home a:hover{background-image:url(images/home.jpg); background-repeat:no-repeat;}
#home.aboutsection{background-image:url(images/home.jpg);}

#about{background-image:url(images/about_a.jpg); background-repeat:no-repeat; width:115px; height:140px; float:left; margin:0px 10px 0px 0px;}
	#about a{ display:block; width:100%; height:100%; outline:none;}
	#about a:hover{background-image:url(images/about.jpg); background-repeat:no-repeat;}
#about.aboutsection{background-image:url(images/about.jpg);}

#contact{background-image:url(images/contact_a.jpg); background-repeat:no-repeat; width:115px; height:140px; float:left; margin:0px 10px 0px 0px;}
	#contact a{ display:block; width:100%; height:100%; outline:none;}
	#contact a:hover{background-image:url(images/contact.jpg); background-repeat:no-repeat;}
#contact.contactsection{background-image:url(images/about.jpg);}

#work{background-image:url(images/clients_a.jpg); background-repeat:no-repeat; width:115px; height:140px; float:left; margin:0px 10px 0px 0px;}
	#work a{ display:block; width:100%; height:100%; outline:none;}
	#work a:hover{background-image:url(images/clients.jpg); background-repeat:no-repeat;}
#work.workage{background-image:url(images/clients.jpg);}
	
#blog{background-image:url(images/blog_a.jpg); background-repeat:no-repeat; width:115px; height:140px; float:left; margin:0px 10px 0px 0px;}
	#blog a{ display:block; width:100%; height:100%; outline:none;}
	#blog a:hover{background-image:url(images/blog.jpg); background-repeat:no-repeat;}
#blog.blogsection{background-image:url(images/blog.jpg);}

#comm{background-image:url(images/comm_a.jpg); background-repeat:no-repeat; width:115px; height:140px; float:left; margin:0px 10px 0px 0px;}
	#comm a{ display:block; width:100%; height:100%; outline:none;}
	#comm a:hover{background-image:url(images/comm.jpg); background-repeat:no-repeat;}

#comm.commun{background-image:url(images/comm.jpg);}

/*HomePage Body*/
#mainpa{background-image:url(images/wesew.jpg); margin:5px 0px 0px 20px; ; width:600px; height:400px; background-repeat:no-repeat; float:left;}


/* Clients Page*/
#clients{background-image:url(images/clientlist.jpg); margin:25px 0px 0px 20px; ; width:600px; height:400px; background-repeat:no-repeat; float:left;}

/*Blog Page*/
#blogpage{background-image:url(images/blogtext.jpg); margin:25px 0px 0px 20px; ; width:600px; height:400px; background-repeat:no-repeat; float:left;}


/*About Page*/

#teamtitle{height:49px; width:924px; margin:0px auto; background-image:url(images/about_title.png); background-repeat:no-repeat;}
#mission{float:left; margin:0px 0px 0px 25px; width:170px; text-align:left;}
#vision{float:left; margin:0px 0px 0px 75px; width:170px; text-align:left;}
#statement{
	float:left;
	width:450px;
	text-align:left;
	background-image:url(images/statement.jpg);
	background-repeat:no-repeat;
	height: 250px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 10px;
}

.name {
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

#teamphoto{width:470px; height:122px; margin:0px 0px 0px -20px;}



#team{width:450px; float:right; margin:0px 0px 0px 0px;}


/*  footer */

#flow{width:100%; height:10px; background-image:url(images/flow_f.png); background-repeat:repeat-x; background-position:center;}
#bottom_img{
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	height:45px;
	width:452px;
	float:left;
}
#bottomenu{width:500px; float:right; text-align:right; height:30px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif;}
#bottomenu ul{}
#bottomenu li{margin:0px 20px 0px 0px; display:inline;}

/* Search */

#header-search {width: 940px;height: 51px;margin: 0 auto;padding: 0px 0px 0px 0px;}

#header-search form {float: right;width: 300px;margin: 0;padding: 12px 0px 0px 0px;}

#header-search fieldset {margin: 0;padding: 0;border: none;}

#header-search-text {width: 200px;padding: 2px 3px;background: #1E1E1E;border: none;color: #4D4D4D;}

#header-search-submit {background: none;border: none;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #E4E4E4;}

#search {height: 21px;margin: 0 auto;padding: 0px 0px 10px 0px; border: thin}

#search form {margin: 0;padding: 12px 0px 0 0;}

#search fieldset {margin: 0;padding: 0;border: none;}

#search input {float: left;font: 12px Arial, Helvetica, sans-serif;}

#search-text {
	width: 160px;
	height: 18px;
	padding: 3px 0 3px 5px;
	color: #000000;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}

#search-submit {margin-left: 10px;padding: 4px 4px;border: none;background: #000000;color: #FFFFFF;}

/* Page */

#page {width: 960px;margin: 0 auto;}

#page-bgtop {padding: 0px 0px 0px 0px;}

/* Content */

#tags {font-size: 10px}
#meta {font-size: 10px}
#links {font-size: 10px}

#content {float: left;width: 580px;padding-top: 30px;}
.post {margin: 0px 0px 30px 0px;}

.post .title {margin: 0px;padding: 0px 0px 5px 0px;color: #232F01;}

.post .title a {
	padding: 4px 35px 4px 0px;
	text-decoration: underline;
	font-weight: normal;
	color:#000;
	font-family: "Bookman Old Style";
}

.post .entry {padding: 10px 0px; color:#000}

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

.post .meta {
	text-align: left;
	padding: 0px 0 20px 0;
	font-weight: bold;
	color: #202020;
}

.post .byline {float: left;margin-top: -3px;font-size: 10px;color: #5E5E5E;}



/* Sidebar */

#sidebar {float: right;width: 200px;margin: 20px 0px;padding: 30px 30px 30px 30px;}

#sidebar ul {margin: 0;padding: 0;list-style: none;line-height: normal;}

#sidebar li {margin-bottom: 1px;}

#sidebar li ul {margin: 0px;padding: 0px 0px 40px 0px;}

#sidebar li li {margin: 0;padding: 9px 0px;border: none;border-bottom: 1px solid #171717;}

#sidebar h2 {margin: 0px;padding: 0px 0px 5px 0px;font-family: "Times New Roman", Times, serif;font-size: 160%;font-weight: normal;color: #000;}

#sidebar h3 {font-size: 77%;color: #110404;}

#sidebar p {margin: 0;line-height: normal;color: #D4C792;}

#sidebar a {border: none;text-decoration: none;color: #BFBFBF;}

#sidebar a:hover {text-decoration: underline;}

/* Submenu */

#submenu {}

/* News */

#news {}

#news a {font-size: 85%;}

/* Footer */

#footer {width: 960px;height: 100px;margin: 0 auto;padding: 14px 0px 0px 0px;color: #9C9C9C;}

#footer p {margin: 0;text-align: center;font-size: 77%;}

#comment {width: 550px;height: 100px;}

.alignright {float: right;}

.alignleft {float: left;}

#respond {margin: 0;padding-top: 50px;}

.navigation {padding-top: 20px;}

.pagetitle {padding-bottom: 20px;font-size: 24px;color: #333333;}

hr {display: none;}




/* Contact Form */

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}
.bio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4D4D4D;
}