/*  
Theme Name: The Middleton Group
Description: A 2 Column  Professional theme
Author: Karuu 
Author URI: http://www.wpspark.com/

*/


body{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#303030;
 margin:0;
 padding:0;
 font-weight:normal;
 background:#ccc;
 /*background: url(images/bg.jpg);*/
 }
 
#main{
 margin:0; padding:0;
 position:relative;
 background: url(images/mainbg.jpg) repeat-x;
 }
 
 #main-portfolio-single{
 margin:0; padding:0;
 position:relative;
 background: url(images/mainbg.jpg) repeat-x;
 }

  
.wrap{
 width:900px;
 margin:0 auto;
 position:relative;
 padding:5px;
} 
 
img{ 
 margin:0;
 border:none;
 
 } 
 
p img.left  { 
 float: left; 
 margin:5px 8px 8px 0; 
 padding:5px;
 border:1px solid #ddd;
 background:#fff;  
 }
 
p img.right  { 
 float: right; 
 margin: 5px ;
 padding:5px; 
 border:1px solid #ddd; 
 background:#fff;   
 } 

h1,h2,h3,h4,h5,h6 {
 color:#000;
 font-weight:normal;
 font-family:Cambria, Georgia, "Times New Roman", Times, serif;
 
 } 
 
h1{
 font-size:24px; 
 } 
 
 
h2{
 margin:0;
 padding:0;
 font-size:22px; 
 } 
 
h3{
 font-size:20px; 
 }
 
h4{
 font-size:13px; 
 }
 
h5{
 font-size:10px; 
 }
  
h6{
 font-size:8px; 
 }     

 
/*	General Links			*/

a:link,a:active,a:visited,a:hover{
 color:#728903;
 outline: none; 
 text-decoration:none;
 }
a:hover{
 text-decoration:underline;
 }
 
/*	Top			*/   

#top{
 margin:0; padding:0;
 height:144px;
 background: url(images/headbg.png) repeat-x;
 }

/*	Header			*/

#header{
 float:left;
 width:240px;
 height:144px;
 margin:0;
 padding:0;   
 }
 
#header h1{
 font-size:30px;
 font-family:Cambria, Georgia, "Times New Roman", Times, serif;
 margin:0;
 padding:1px;
 text-indent:-999px;
 background: url(images/logo.png) no-repeat ;
 height:144px;
 }
   
/*	Navigation			*/ 

#nav{
 float:right;
 width:650px;
 height:144px;
 margin:0;
 padding:0; 
 list-style: none;
 float:right;
 
 }

#nav ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
}

#nav ul li a:link,#nav ul li a:active,#nav ul li a:visited {
 display: block;
 line-height:13px;
 margin: 0px 0px 0px 0px;
 padding: 15px 10px 15px 10px;
 font-family:Cambria, Georgia, "Times New Roman", Times, serif;
 letter-spacing: 1px;
 text-transform:uppercase;
 font-size:14px;
 color:#000;
 }
	
#nav ul li a:hover {
 display: block;
 color:#fff;
 text-decoration: none;
 }
 
.current_page_item a:link, .current_page_item a:visited, .current_page_item a:active  {
 color: #fff !important;
 background:#303030;
 border-top:1px solid #c4ca8a;
 padding-top: 14px;
 }
 
#nav li {
 float: right;
 margin: 95px 0 0 0;
 padding: 0 0 0 0px;
 }	

#nav li ul {
 position: absolute;
 width: 10em;
 left: -999em;
 }
 
#nav li:hover ul {
 left: auto;
 display: block;
}
	
#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
}

/*	Bredcrumb		*/ 

.breadcrumb{
 height:30px;
 position:relative;
 top:0px;
 width:100%;
 padding:0;
 margin:0;
 color:#fff;
 font-size:16px;
 font-family:Georgia,serif;
 font-style:italic;
 font-weight:normal;

 }
 
 .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {
 text-decoration: none;
 color:#c4ca8a;
 }
 
 .breadcrumb a:hover {
 color:#fff;
 }
 
/*	Featured-Container		*/ 

#featured {
 background:#303030;	
 /*background: url(images/featuredbg.jpg) repeat-x;*/
 padding-bottom:15px;
 }
 
.featured-container {
 margin:0 auto;
 height:282px;
 position:relative;
 color:#444;
 width:900px;

 }
  
.featured-container h2{ 
 padding:15px 0 15px 0;
 font-size:33px;
 color:#118ba2;
 font-weight:normal;
 width:490px;
 border-bottom:1px solid #999999;
 }
 
.featured-container h2 a{  
 color:#fff;
}

.featured-container p{
 font-size:14px;
 line-height:150%;
 padding-bottom:20px;
 margin-bottom:25px;
 width:490px;
 color:#999999;
 border-bottom:1px solid #999999;
 } 

img.featured-image{ 
 float:right;
 width:364px;
 height:244px;
 padding:15px;
 background:#000;
 border:1px solid #999999;
 margin:0 0 0 10px;
 } 

.ribbon{
 position:absolute;
 float:right;
 width:130px;
 top:-3px;
 right:-3px
 }
  
.more a, .port a{
 width:108px;
 display:block;
 height:32px;
 text-indent:-9999em;
 overflow:hidden;
 }
 
.more a:hover, .port a:hover{
 background-position:0 -32px;
 }
 
.more a{
 float:left;
 margin-right:15px;
 display:block;
 background: url(images/more.png) no-repeat;
 }

.port a{
 background: url(images/port.png) no-repeat;
 } 
 
/* Featured Slider */

.stepcarousel{
 position: relative; 
 overflow: scroll;
 width: 910px; 
 height: 285px; 
 margin:0 auto;
 }

.stepcarousel .belt{
 position: absolute; 
 left: 0;
 top: 0;
 }

.stepcarousel .panel{
 float: left;
 overflow: hidden; 
 width: 910px; 
 margin:0;
 padding-top:5px;
 } 
 
/*	Content		*/  

#portfolio-buttons{
 margin: 0 auto;
 position: relative;
 width: 900px;
 
 }

#content{
 margin:15px 0 0 0;
 padding:10px 0 0 0; 
 }
 
#content ul li{
 list-style:square;
 }
  
#content ul, #content ol { 
 line-height:150%;
 }
 
#content p{ 
 line-height:150%;
 }   
  
h2.chose, h2.recent,h2.event, h2.client, h2.sustainable, h2.tweets, h2.team  {
 height:30px;
 text-indent:-9999em;
 padding-bottom:10px; 
 }
 
/*	Left-Container		*/ 

/*
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
*/


 
#left-container{
 padding-right:20px;
 float:left;
 width:570px;
 border-right:1px solid #ddd;
 }
 
#left-container p{ 
 line-height:150%;
 font-size:12px; 
 }

#post img {
 padding:5px;
 margin:8px 0px;
 background:#fff;
 border:1px solid #999;
 }
 
.blog{
 padding:0 0 10px;
 border-bottom:1px dashed #ddd;
 margin-bottom:15px;
 }

.blog-meta {
 margin:10px 0 0 0;
 display:block;
 color:#817f78;
 padding:0;
 font-size:11px;
 } 
 
h2.chose {
 background: url(images/chose.png) no-repeat;
 } 
 
h2.sustainable {
 background: url(images/sustainable.png) no-repeat;
 }
 
h2.team {
 background: url(images/team.png) no-repeat;
 }

.information{
 border-bottom:1px solid #ddd;
 }

.information p{ 
 padding-bottom:15px;
 /*border-bottom:1px solid #ddd;*/
 margin:0;
 } 
 
 
 
h2.recent{
 background: url(images/recent.png) no-repeat;
 height:30px;
 text-indent:-9999px;
 padding-bottom:10px;
 position:relative;
 top:15px; 
 } 

.work{
 position:relative;
 top:10px;
 height:218px;
 padding:5px 0 0 0;
 }

.work p{
 margin-top:10px;
 width:260px;
 padding-top:5px;
 border-top:1px dashed #ddd;
 } 
 
.work h3{
 font-size:20px;
 font-weight:400;
 color:#0c7488;
 margin:5px 0 8px 0;
 }

.meta{
 color:#817f78;
 font-size:11px;
 margin:0;
 }

img.work-image{
 float:right;
 height:180px;
 width:268px;
 padding:5px;
 background:#fff;
 border:1px solid #999;
 margin:0 0 10px 10px;
 box-shadow:5px 5px 20px #000;
-webkit-box-shadow:5px 5px 20px #000;
-moz-box-shadow: 5px 5px 20px #000;
 }

#fswrapper{
padding: 10px;
background: #303030;
}


#fsDemo{
height:550px;
width:550px;
background:#303030;
}

/* WRAPPER
************************************************************************************************ */

div.fs { background: #303030 !important; }

/* WRAPPER - LOADING
************************************************************************************************ */

div.fs div.fsLoading { 
	background: #303030 url("http://v6.flickrshow.com/themes/green/al.gif") 50% 50% no-repeat!important;
	z-index: 500;
}

div.fsLoaded-0 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-1 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-2 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-3 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-4 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-5 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-6 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-7 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-8 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-9 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-10 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }


/* WRAPPER - SLIDER
************************************************************************************************ */

div.fs div.fsSlider { background: #303030 /*url("http://v6.flickrshow.com/themes/green/sl.gif")*/ !important; }

div.fs div.fsSliderH { 
	background: #606060 !important; 
	cursor: pointer;
}

/* WRAPPER - BUTTONS
************************************************************************************************ */

div.fs ol.fsButtons { background: #303030; }

div.fs ol.fsButtons li {
	background: #303030 50% 50% no-repeat;
	overflow: hidden;
	text-indent: -999px;
	z-index: 300;
}

div.fs ol.fsButtons li.fsButtonA { background-image: url("http://v6.flickrshow.com/themes/grey/ip.gif") !important; }
div.fs ol.fsButtons li.fsButtonB { background-image: url("http://v6.flickrshow.com/themes/grey/ir.gif") !important; }
div.fs ol.fsButtons li.fsButtonC { background-image: url("http://v6.flickrshow.com/themes/grey/il.gif") !important; }

div.fsPlaying ol.fsButtons li.fsButtonA { background-image: url("http://v6.flickrshow.com/themes/grey/is.gif") !important; }

/* WRAPPER - IMAGES
************************************************************************************************ */

div.fs ol.fsImages { 
	background: #303030; 
	padding: 10px;
}

div.fs ol.fsImages li h2 {
	color: #ccc !important;
	font-family: "Lucida Grande", "Helvetica", "Arial", Sans-serif;
	font-weight: lighter;
	overflow: hidden;
	z-index: 200;
}

/*	Right-Container		*/  

#right-container{
 width:290px;
 float:right;
 font-weight:normal;
 padding-left:10px;
 } 

.twitter{
 border-bottom:1px solid #ddd;
 } 

h2.tweets{
 background: url(images/tweets.png) no-repeat;
 margin:0;
 }
 
.twitter-message{
 margin:0 0 12px 0;
 padding: 10px;
 background:#fff;
 border: 1px solid #999;
 color:#303030;
 box-shadow:5px 5px 20px #000;
-webkit-box-shadow:5px 5px 20px #000;
-moz-box-shadow: 5px 5px 20px #000;
 }

.twitter-timestamp{
 font-weight:bold;
}

.news{
 padding-top:10px;
 border-bottom:1px solid #ddd;
 } 

h2.event{
 background: url(images/news.png) no-repeat;
 margin:0;
 }
 
.article p{
 margin-top:8px;
 line-height:150%;
 margin-bottom:20px;
 }
.article h3{
 margin:2px 0 6px 0;
 font-size:16px;
 color:#0c7488;
 font-weight:normal;
 }

.date{
 font-size:11px;
 color:#999999;
 }
  
.testimonial{
 padding-top:10px;
 } 
 
h2.client {
 background: url(images/clients.png) no-repeat;
 }

.testimonial p{
 margin-top:3px;
 line-height:150%;
 margin-bottom:20px; 
 } 
     
.author{
 color:#728903;
 font-size:11px;
 display:block;
 margin-top:5px;
 }
 
/*	Portfolio Artcile		*/ 

.portfolio-article{
 border:1px solid #999;
 margin:15px 0;
 padding:10px;
 height:267px;
 background:#fff;
 box-shadow:5px 5px 20px #000;
-webkit-box-shadow:5px 5px 20px #000;
-moz-box-shadow: 5px 5px 20px #000;
 }

.portfolio-article h2{
 color:#0c7488;
 } 

img.portfolio-image {
 float:right;
 width:364px;
 height:244px;
 padding:7px;
 background:#fff;
 margin-left:10px;
 border:1px solid #ccc;
 }

img.post-image {
 width:560px;
 padding:5px;
 margin:8px 0px;
 background:#fff;
 border:1px solid #999;
 }

b.involve{
 color:#c34507;
 } 

.portfolio-article p{ 
 margin:10px 0;
 padding:0;
 } 
 
img.single-port {
 margin:15px 0;
 border:1px solid #ddd;
 background:#fff;
 padding:7px;
 } 
 
 .comm-button a, .res-button a{
 width:108px;
 display:block;
 height:32px;
 text-indent:-9999em;
 overflow:hidden;
 }
 
.comm-button a:hover, .res-button a:hover{
 background-position:0 -32px;
 }
 
.comm-button a{
 float:left;
 display:block;
 margin-right:15px;
 background: url(images/comm-button.png) no-repeat;
 }

.res-button a{
 background: url(images/res-button.png) no-repeat;
 margin-bottom:15px;
 } 
 
/*	Footer		*/ 

#footer {
 clear:both;
 color:#888;
 float:left;
 width:100%;
 height:30px;
 margin:50px 0 0; padding:12px 0 0 0;
 /*background:#303030;*/
 text-align:center;
}

/*	Comment Box		*/ 

#comment-box{
 border-top:1px dotted #888;
 border-bottom:1px dotted #888; 
 }
 
form p{
 margin:0 0 5px 0;
 padding:0;
 } 
 
#comment-box input {
 width: 220px;
 margin: 2px 0 10px 0;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-bottom: 1px solid #eee;
 border-right: 1px solid #eee;
 height:20px;
 font-size: 12px;
 color:#000;
 padding:5px 0 0 5px;

 }
 
#comment-box label {
 display: block;
 font-size: small;
 font-weight: bold;
 margin:0;
 padding:0;
}

#comment-box textarea {
 width: 350px;
 height: 150px;
 display: block;
 border: 1px solid #ddd;
 margin: 0 ;
 padding:5px 0 0 5px;
 font-size: small;
 color:#000;
 } 
 
input#submit-comment{
 font-size: small;
 font-weight: bold; 
 color:#000;
 width:155px;
 height:30px;
 margin:10px 0 0 0; 
 padding:0;
 border: 1px solid #ccc;
 background:#fff;
 }
 
ol.commentlist{
 margin:0;
 padding:0;
 list-style:none;  
 } 
  
ol.commentlist p{

 line-height:1.7em; 
 }
   
ol.commentlist li{
 border:1px dashed #888;
 padding:10px;
 margin-bottom:15px;
 }
 
#content .commentlist ul li{ 
 list-style:none;
 }

.comment-author cite {
 float:left;
 margin-right:5px;
 font-style:normal;
 color:#000;
 }
 
.comment-author img {
 padding:5px;
 border:1px solid #ddd;
 background:#fff; 
 float:right;
 }
 
#respond:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.children {
 padding: 0;
 margin:0;
 } 

ul.children{
 list-style:none;
} 
 
ul.children li{
 margin:10px 0;
}
	 
.recent-work h3 a:link, .news h3 a:link, #left-container h2 a:link, .portfolio-article h2 a:link{
 color:#bf460b;
 } 
 
.recent-work h3 a:visited, .news h3 a:visited, #left-container h2 a:visited, .portfolio-article h2 a:visited{
 color:#bf460b;
 }
  
/* Captions           */

.wp-caption {
 border: 1px solid #ddd;
 text-align: center;
 padding-top: 4px;
 border:1px solid #ddd;
}

.wp-caption img {
 margin: 0;
 padding: 0;
 border: 0 none;
}

.wp-caption p.wp-caption-text {
 font-size: 11px;
 line-height: 17px;
 padding: 0 4px 5px;
 margin: 0;
} 

/* Miscellaneous              */

.aligncenter,
div.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
 background:#fff;
 }

.alignright {
 float: right; 
 
 }
 
.alignleft {
 float: left; 
 
 } 
 
blockquote {
 padding: 0;
 margin: 10px 0;
 }
 
blockquote p{
 padding:0px 10px 5px 10px;
 margin:0;
 border-left:1px solid #999;
 
 }