/*
Theme Name: LS Media			
Theme URI: http://www.lsmedia.co.uk
Description: LS Media WordPress theme
Version: 1
Author: Susie Tobias
Author URI: http://www.wisegenius.co.uk
*/
/*RESET*/
  html,body,div,h1,h2,h3,p,blockquote,a,em,img,strong,q,ul,li,table,tr,td{ 
	  border:0;
		margin:0;
		outline:0;
		padding:0;}
	ul, ol{ 
	  list-style:none;}
	:focus{ 
	  outline:0;}

/*DEFAULT STYLING*/
  body {
	  background: #fff url(images/greybrick_a.jpg) repeat;
		color: #333;
		font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
		font-size:100%;
	  margin: 50px 0;
		text-align: center;}
	#wrapper {
	  background: #fff;
	  margin: 0 auto;
		position: relative;
		text-align: left;
		width: 780px;}
	h1 {
		font-family: Tahoma, Verdana, Geneva, sans-serif;
		font-size: 1.4em;}
	h2 {
	  font-family: Tahoma, Verdana, Geneva, sans-serif;
	  font-size: 1.2em;
		padding: 5px 0 15px 0;}
	h3 {
	  font-family: Tahoma, Verdana, Geneva, sans-serif;
	  font-size: 1em;
		padding: 5px 0 10px 0;}	
	p {
	  font-size: 0.8em;
		line-height: 1.5em;
		padding: 10px 0;}
	a:link, a:visited {
	  color: #333;
	  text-decoration: none;}
	a:hover, a:active {
	  cursor: pointer;
	  text-decoration: underline;}
	a.link:link, a.link:visited {
	  color: #006B79;
		font-weight: bold;}	
	.clear {
	  clear: both;}

/*HEADER SECTION*/
  #header {
	  height: 185px;
		position: relative;}
  #header h1 a{
	  background: url(images/Header.jpg) no-repeat;
		display: block;
		height:185px;
		text-indent: -5000px;
		width:780px;}
	#header h2 {
	  color: #fff;
	  left: 350px;
		line-height: 160%;
		position: absolute;
		text-align: center;
		top: 50px;
		width: 410px;}
/*Main Navigation*/
  #main_nav {
	  height: 40px;
	  left: 367px;
		position: absolute;
		top: 118px;}
  #main_nav li {
	  display: inline;
		font-size: 0.8em;}
	#main_nav li a {
	  color: #fff;
		float:left;
		font-size:1.2em;
		padding: 8px 12px 12px 11px;
		text-decoration: none;}	
	#main_nav li a:hover {
	  background-color: #006B79;
		text-decoration: underline;}
/*Highlight current page*/
	.current_page_item a, .current_page_item a:visited {
		font-weight:bold;}
	.page_item ul li a, .page_item ul li a:visited {
		font-weight:normal;}
	.page_item .current_page_item a, .page_item .current_page_item a:visited {
		font-weight:bold;}
	.current_page_item .page_item a, .current_page_item .page_item a:visited {
		font-weight:normal;}
 	.current_page_parent a, .current_page_parent a:visited {
		font-weight: bold;}

/*CONTENT - homepage*/
 #main_home {
    margin: 10px 0 20px 0;
		padding: 0 15px;
		width: 750px;}
	#main_home p {
	  padding: 10px;}
	#main_home .post p {
		padding: 5px 0;}
	.welcome {
	  text-align: center;
		text-transform: uppercase;}
/*Newsletter sign-up button*/	
	.sign-up a {
	  background-color:#00AEC6;
    border:3px solid #006B79;
		color:#fff;
    cursor:pointer;
		display:block;
		font-size:0.8em;
		font-weight: bold;
		margin: 10px 0 20px 75px;
		padding:10px;
		text-align: center;
    text-decoration:none;
    width: 200px;}
	.sign-up a:hover, .sign-up a:active {
	  background-color:#006B79;
    border:3px solid #00AEC6;
    color:#fff;}
/*Styling for 3 columns under welcome text*/		
	.home {
	  float: left;
		margin: 20px 0;
		width: 245px;}
	#client_logo li {
	  padding: 5px 5px 10px 45px;}
	#mumpreneur {
		padding-top: 10px;
}
	.home blockquote {
	  font-size: 1em;
		font-style: italic;
		margin-bottom: 20px;
		padding: 0;}
	#mumpreneur li {
		padding-bottom: 10px;
		}
	.mtb {
		padding-left:25px;
}	  
/*Blog excerpt column*/		
	.home_a {
	  border-left: 3px dotted #333;
		float: left;
		margin: 20px 0;
		padding-left: 15px;
		width: 242px;}
	.home_a p {
	  padding: 5px 0;}
/*CONTENT - other*/
  #main {
	  margin: 20px 35px 0 35px;
		width: 710px;}
	.entry-content {
		padding-bottom: 20px;}

/*CONTENT - About*/		
	.left {
	  float: left;
		margin-bottom: 20px;}
	.left h3 {
	  padding: 5px 0 0 0;}	
	.left p {
	  padding-left: 0px;}		
	.image_resize {
	  width: 40%;}
	.image_resize_a {
	  width: 30%;}		
	.photo_left {
	  border:3px solid #006B79; 
	  float: left;
		margin: 5px 15px 15px 0;}
	.photo_right {
	  border:3px solid #006B79;
	  float: right;
		margin: 5px 0 15px 15px;}

/*CONTENT - Services*/
  .custom_list {
	  float: left;
	  font-size: 0.8em;
		list-style-type: square;
		padding: 0 0 20px 25px;
		width:310px;}
	.custom_list li {
	  padding: 3px 0;}

/*CONTENT - Clients*/
  .logo_grid {
	  float: left;
		margin-bottom: 40px;
		width: 710px;}
	.logo_grid img {
	  float: left;}

/*CONTENT - Work*/
  #work_icons, #work_icons_a {
	  width: 710px;}
	#work_icons li, #work_icons_a li {
	  display: inline;
	  float: left;
		font-size: 0.8em;
		text-align: center;}
	#work_icons li {
	  padding: 5px 20px;
		width: 195px;} 	
	#work_icons_a li {
	  padding: 5px 15px; 
		width: 145px;}
		
/*CONTENT - Testimonials*/
  blockquote {
	  font-style: italic;
		padding-right: 20px;}
	.logo_left {
	  float: left;
		margin: 0 15px 5px 0;}
	.logo_right{
	  float: right;
		margin: 0 0 5px 15px;}
			
/*CONTENT - Contact*/
  .column {
	  float: left;
		margin: 10px 0 30px 0;
		width: 355px;}
/*Contact form*/		
	.wpcf7-form {
		background: #66D3E3;
		border: 2px solid #006B79;
		padding: 10px 20px;}
	.wpcf7-form p {
		font-weight: bold;}
	.wpcf7-response-output {
		border: 2px solid #006B79;
		font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
		font-size: 0.8em;
		font-weight: bold;}
	label {
	  font-weight: bold;}
	input {
	  border: 2px solid #00AEC6;
	  height: 20px;
		width: 200px;}
	input[type="submit"] {
	  background: #00AEC6;
		border:2px solid #006B79;
		color: #FFF;
		height: 30px;
		text-align: center;
	  width: 75px;}	
	textarea {
	  border: 2px solid #00AEC6;
	  font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	  font-size: 1em;
	  width: 260px;}  	
/*Icons*/
	#call li {
	  font-size: 0.8em;
	  height: 90px;
		padding-bottom: 30px;
		text-align: center;}

/*BLOG*/
  #main_blog {
	  float: left;
		margin: 10px 0 20px 0;
		padding: 0 20px;
		width: 480px;}
	a.more-link:link, a.more-link:visited {
	  color: #006B79;
		font-weight: bold;}		
	.post {
		margin-bottom: 10px;}
	.post p {
	  padding: 5px 0;}
	.attachment-post-thumbnail, .attachment-category-thumb, .attachment-homepage-thumb, .attachment-bloghome-thumb {
		border: 3px solid #006B79;
		float: left;
		margin: 5px 15px 10px 0;}
	.post a:link, .post a:visited {
		color: #006B79;
		font-weight: bold;}
	.post h3 a:link, .post h3 a:visited {
		color: #333;
		text-decoration: none;}
	.post h2 a:link, .post h2 a:visited {
		color: #333;
		text-decoration: none;}
	.date {
	  font-size: 0.7em;
		font-style: italic;}
	.older {		
	  font-size: 0.8em;
	}
/*Sidebar styling*/	
	#blog_sidebar {
	  float: left;
		padding: 0 20px 0 15px; 
		width: 225px;}
	#search_box p {
		padding: 0 0 10px 0;}
	#search_box input[type="image"] {
		border: none;
		height: 16px;
		width: 16px;}
	#search_box input[type="text"] {
		font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;}
/*Catergories, recent articles & archive boxes*/
	#categories, .archive {
	  background: #66D3E3;
		border: 2px solid #006B79;
		margin: -10px 0 15px 0;
		padding: 10px 10px 10px 15px;
		width: 80%;}
	#categories li, .archive li {
		border-bottom: 1px dotted #333;
		font-size: 0.8em;
		line-height: 1.5em;
		padding: 5px 0;}
/* Archives pages*/
	.index {
		font-size: 0.8em;
		padding: 5px;}
/*BLOG - Comments*/		
	#comments {
	  border-top: 3px dotted #333;
	  margin: 15px 0;
	  width: 480px;}
	#respond {
		background: #66D3E3;
		border: 2px solid #006B79;
		margin-top: 15px;
		padding: 10px 20px;
		width: 435px;}
	#respond .required {
		color:#FF4B33;
		font-weight:bold;}
	#respond input, #respond textarea {
		width:90%;}
	#respond .form-submit {
		margin: 12px 0;}
	#respond .form-submit input {
		width: auto;}	
	.comment-author {
		font-size: 0.8em;}
	.fn {
		font: normal bold;}
	.commentlist {
		padding: 0 0 5px 10px;}
	.commentlist li.comment {
		border-bottom: 2px solid #006B79;
		border-top: 2px solid #006B79;
		padding: 10px 5px 5px 5px;}
	.comment-meta {
		font: 0.7em italic;}
	.reply {
		font-size: 0.8em;
		font-style: italic;
		padding-bottom: 5px;}
	.children {
		padding-left: 15px;}
	.form-allowed-tags {
		font-size: 0.8em;
		line-height: 1em;}
	#cancel-comment-reply-link {
		font-size: 0.8em;
		line-height: 1.5em;
		font-weight: normal;}	

/*LEGAL PAGES - list styling*/
	.list{
		list-style-type:disc;
		padding-left:30px;}
	.list_nest{
	  list-style-type:circle;
		padding-left:30px;}

/*FOOTER*/
  #footer_top {
	  border-top: 3px dotted #333;
		clear: both;
		margin: 0 35px;}
  #footer {
	  background: #fff;
		clear:both;
		padding-top: 20px;
		text-align: center;}
	#footer p {
		padding: 5px 0;}
	.design {
		font-size: 0.7em;
		font-style: italic;}
	#social li {
	  display: inline;
		padding: 20px 40px 0 40px;}
	#legal {
	  height: 30px;}	
	#legal li {
	  display: inline;
		font-size: 0.7em;
		padding: 0 30px;}			

/* Style the default image alignment classes - Lee Willis - http://www.leewillis.co.uk/ */
img.alignleft {
    float: left;
    margin-right: 1em;
    border: 1px solid #006b79;
}
img.alignright {
    float: right;
    margin-left: 1em;
    border: 1px solid #006b79;
}

/* Style lists within content - Lee Willis - http://www.leewillis.co.uk/ */
.entry-content ul,
.entry-content ol,
.post ul,
.post ol 
{
	font-size: 0.8em;
	line-height: 2em;
	list-style: square inside none;
	margin-left: 1em;
}

/* Further up all INPUT elements are forced to 200px. Not ideal, but here we're setting up a style for PayPal submit buttons to override this - Lee Willis - http://www.leewillis.co.uk/ */
input.paypal-button {
    width: 107px;
    border: 0px;
}