/* 
Theme Name: Little Design Studio 
Description: Custom template for Little Design Studio. 
Author: Rebecca Allen 
Author URI: http://www.iamrebeccaallen.co.uk 
Version: 1.0 
*/ 

body {
	background: #f9fafa; 
	padding:0; margin:0; 
	font-family: 'Montserrat', Helvetica, sans-serif;
}
.leftBlog{
    float:left;
    width:200px;
    background:#5D87A1;
    padding:10px;
margin-left: 10px;
    
}
.rightBlog{
    float:left;
    width:600px;
    margin-left:10px;
border-right-style: dashed;
    border-color: #a2bccd;
    border-width: 2px;
}
.leftBlog ul li a{
    float:left;
    font-size:12px;
    color:#fff;
}
.rightBlog ul, .leftBlog ul, .rightBlog ul li, .leftBlog ul li{
    list-style-type:none;
    list-style:none;
   float:left;
}
.leftBlog ul, .rightBlog ul{
    margin-left:-22px;
}
.rightBlog ul{
    margin-top:-10px;
}
.rightBlog ul li{
    float:left;
    margin-top:15px;
    border-bottom-style: dashed;
    border-color: #a2bccd;
    border-width: 2px;
margin-right: 11px;
padding-bottom: 12px;
    
}
.rightBlog ul li a img{
    float:left;
    width:140px;
    height:140px;
    margin-right:10px;
}
.rightBlog ul li a{
    font-weight:bold;
    color:#5D87A1;
}
.rightBlog ul li p{
    font-size:0.8em;
    line-height:normal;
}

/************** Header *******************/
#header {
	background: #fff url(images/logo.jpg) top left no-repeat;
	height: 255px;
	padding-top:10px;
	
}

#header .hleft {float:left; width:770px;}
#header .hright {float:right; width:200px; height:250px; text-align:center;}
a img {border:none;}
/*****************************************/

/**************** Navigation *******************/
#nav {
	font-size:0.8em;
	text-align:left;
	}
	
#nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#nav ul li {
	background-color:#5d87a1;
	height:28px;
	width:185px;
	padding-left:15px;
	padding-top:10px;
	margin-bottom:5px;	
}

#nav ul li a:link{
	text-decoration: none;
	color:#fff;
	font-weight:bold;
	}

#nav ul li a:hover{
	color:#eaeff2;
}

#nav ul li a:active{
	color:#eaeff2;
}

#nav ul li a:visited {
	color: #fff;
	text-decoration:none;
}

#nav a.img {border:none;}

#tabs {
	margin: 10px auto;
	width: 485px;
	padding:0;
	}

#tabs ul {
	list-style-type:none;
	margin:0 0 0 60px;
	width:100%;
	padding:0;
}

#tabs ul li {
	display:inline;
}

#tabs ul li a{
	float:left;
	width:10em;
	text-decoration:none;
	background-color:#5d87a1;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	padding: 0.2em 0.6em;
	margin-right:10px;
	text-align:center;
	}

#tabs ul li a:hover{
	color:#eaeff2;
}

#tabs ul li a:active{
	color:#eaeff2;
}

#tabs ul li a:visited {
	color: #fff;
	text-decoration:none;
}
/************************************************/


/*********************** General layout ******************/
#container{
	width: 1016px;
	margin: 0 auto;
}

#maincontainer {
	width: 970px;
	float:left;
}
a.blogimg{
    margin-left: 451px;
float: left;
margin-top: 2px;
}

.content {
	float: left;
	width: 905px;
	padding-left: 65px;
	padding-bottom:30px;
}
#blog{
    background:#eaeff2 url(images/blogheader.png) top left no-repeat;
	color:#58595b; 
	font-size:1em; 
	padding-top: 90px;
	line-height:1.8em;
	font-family: 'Open Sans', sans-serif;
	padding-bottom:10px;
}
#about {
	background:#eaeff2 url(images/heading_about.jpg) top left no-repeat;
	color:#58595b; 
	font-size:1em; 
	padding-top: 90px;
	line-height:1.8em;
	font-family: 'Open Sans', sans-serif;
	padding-bottom:10px;
}

#aboutl {width:420px; float:left; font-size: 0.9em;}
#aboutr {float:right;}

#portfolio {
	background:#5d87a1 url(images/heading_portfolio.jpg) top left no-repeat; 
}

#test {
	background:#eaeff2 url(images/testimonial_top.jpg) top left no-repeat; padding-top:200px;}

/* Firefox bugs */
@-moz-document url-prefix() {
  	#test {
	background:#eaeff2 url(images/testimonial_top.jpg) top left no-repeat; padding-top:190px;}
  	#test_bottom {background: url(images/testimonial_bottom.jpg) top left no-repeat; height: 163px; margin-left:4px; margin-top:-15px; }
}

/* Safari bugs */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#test_cont p {margin:0px; padding-bottom:10px;}
}

#test_cont {background: url(images/testimonial_bg.jpg) top left repeat-y; font-size:0.9em; width:100%; position:relative; color:#58595b; font-family: 'Open Sans', sans-serif; margin: 0 0 0 3px; }

#cols{padding-right:10px; margin-left:30px; margin-right:70px;  
      /*-moz-column-count: 3;*/
	  /*-moz-column-gap: 10px;*/
	  /*-moz-column-rule: solid 1px #5d87a1;*/
	  /*-webkit-column-count: 3;*/
	  /*-webkit-column-gap: 10px;*/
	  /*-webkit-column-rule: solid 1px #5d87a1;*/
	/*column-count: 3;*/
	/*column-gap: 10px;*/
	/*column-rule: solid 1px #5d87a1e;*/
}


#test_bottom {background: url(images/testimonial_bottom.jpg) top left no-repeat; height: 163px; margin-left:4px; margin-top:none;  }


#contact {
	background:#fff url(images/heading_contact.jpg) top left no-repeat;
	color:#5d87a1; 
	font-size:1.4em; 
	padding-top: 30px;
	line-height:1.8em;
	font-family: 'Quicksand', sans-serif;
	}

.clearer {
clear: both;
}

a:link {color: #5d87a1; text-decoration:underline;}
a:hover {text-decoration:none;}
a:visited {color: #5d87a1; text-decoration:underline;}

h1 {color:#fff; font-size:1.3em; font-family: 'Open Sans', sans-serif;}
p#blue {color:#5d87a1;
padding-bottom: 30px;
font-weight: bold;

}

#agency {background:#eaeff2 url(images/heading_agency.jpg) top left no-repeat; padding-top:70px; font-size:0.9em; padding-right:30px; width:875px; min-height: 400px; color:#58595b; font-family: 'Open Sans', sans-serif;}
#business {background:#eaeff2 url(images/heading_business.jpg) top left no-repeat; padding-top:70px; font-size:0.9em; padding-right:30px; width:875px; min-height: 400px; color:#58595b; font-family: 'Open Sans', sans-serif;}

#portfolio_pg {background-color:#eaeff2; padding-left:0px; width:920px; min-height: 540px; padding-bottom:30px; font-size:0.9em; font-family: 'Open Sans', sans-serif; padding-right:50px;}
#blog_pg{
    background-color:#eaeff2; padding-left:0px; width:920px; min-height: 540px; padding-bottom:30px; font-size:0.9em; font-family: 'Open Sans', sans-serif; padding-right:50px;
}

html {overflow-y: scroll;}

#blog_pg h3{
font-size:1.2em; color: #5d87a1; margin-left: 40px; padding-top:10px;
}
#blog_pg p{
    margin-left:42px;
}
img.alignleft {float:left; padding: 4px; margin: -85px 10px 2px 20px; display: inline;}
a img.alignleft {float:left; padding: 4px; margin: -85px 10px 2px 20px0; display: inline;}
#portfolio_pg h3 {font-size:1.2em; color: #5d87a1; margin-left: 480px; padding-top:10px;}
.post-meta-key {display:none;}
#portfolio_pg li {list-style:none;}
#portfolio_pg a {font-size:0.9em;}

#close {float:right; margin:0 30px 0 0;}
#close-popup {border:none; height:27px; margin-top:20px;}
#close-port {margin-right:50px; display:none;}


/************************************************/
/*********************Galleries********************/
.logo ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.logo ul li {background: url(images/logo_bg.jpg) top left no-repeat; width: 204px; float:left; padding: 4px; margin-bottom:30px; margin-right:10px; height: 200px;}

.logo ul li a
{
text-decoration: none;
color: #fff;
font-family: 'Open Sans', sans-serif;
margin:0; padding:0;
font-size:1em;
font-weight:600;
}

.logo ul li a:hover
{
color: #eaeff2;
font-size:1em;
font-weight:600;
}
/***********************/
.print ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.print ul li {width: 204px; float:left; margin-bottom:30px; margin-right:20px;}

.print ul li a
{
text-decoration: none;
color: #fff;
font-family: 'Open Sans', sans-serif;
margin:0; padding:0;
font-size:1em;
font-weight:600;
}

.print ul li a:hover
{
color: #eaeff2;
font-size:1em;
font-weight:600;
}
/********************/
.web ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.web ul li {width: 429px; float:left; margin-bottom:30px; margin-right:20px;}

.web ul li a
{
text-decoration: none;
color: #fff;
font-family: 'Open Sans', sans-serif;
margin:0; padding:0;
font-size:0.9em;
font-weight:600;
}

.web ul li a:hover
{
color: #eaeff2;
font-size:0.9em;
font-weight:600;
}

/************************************************/
/*********************Form********************/

fieldset {
margin: 10px 0 0 0;
padding: 0;
border:none;
}

legend {
text-transform: uppercase;
font-size: 1em;
padding: 5px;
margin-left: 1em;
color: #ffffff;
background: #493F0B;
}

label {
position: relative;
clear: left;
float: left;
width: 7em;
margin-right: 5px;
color:#5d87a1; 
font-family: 'Quicksand', sans-serif;
line-height: 2em;
}

input {
padding: 10px 5px 5px 5px;
font-size: 0.8em;
border: none;
color: #5d87a1; 
background: #eaeff2;
margin-bottom:10px;
width:61%;
font-family: 'Quicksand', sans-serif;
}

textarea{
padding: 5px; 
border: none; 
color: #5d87a1; 
background: #eaeff2; 
margin-bottom:0px; 
font-size: 0.8em; 
font-family: 'Quicksand', sans-serif;
resize: none;
width:553px;
}


.submitbut {background: url(images/send.jpg) top right no-repeat; height:31px; width:96px; cursor:pointer; }

/************************************************/
/*********************Footer********************/
#footer {
	clear: both;
	font-size:0.8em;
	font-family: 'Open Sans', sans-serif;
	color: #5d87a1;
}

#footer ul{list-style:none; margin-left:20px; padding-top:5px;}
#footer ul li {display:inline; margin-right: 30px;}

#footer a {text-decoration:none; color:#5d87a1; }
#footer a:hover {text-decoration:none; color:#000;}

#designer {text-align:right; padding-right:60px; margin-top:-30px; 	font-size:0.8em; color:#58595b; text-decoration:none; font-weight:normal;}
#designer a{color: #5d87a1; line-height:normal; text-decoration:none; }

/***********************************************/
/***************** Slider **********************/
/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

#slider_home {background: url(images/slider_bg.jpg) top left no-repeat; margin-left:40px; padding:40px 0 0 35px; height: 312px; width:404px;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 50px 0 0 100px;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 2px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #000;
color: #000;
text-decoration: none;
display: block;
background: url(images/bullet.jpg) top left no-repeat;
}
.stripTransmitter a:hover, a.current{
background: #ec008c;
color: #ec008c;
background: url(images/bullet_over.jpg) top left no-repeat;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}
/**********************************************/
#scrollingDiv {width: 46px; float:right;}