/*
Theme Name: Inside and Out Landscape Design
Theme URI: http://www.insideoutlandscapedesign.com/
Version: 1.0
Author: bStunt
Author URI: http://www.mediumhost.com
Tags: bstunt
*/
@charset "utf-8";
a { color:#476166;text-decoration: none;}

#wrapper { width:100%; overflow: hidden; }

header, nav, aside, article, section, hgroup, footer, details, summary {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none!important;
	border: 0 none;
	outline: none;
}

body { background:#322e2c url(images/bg/bg_darkWood.jpg) 0 0; }
#container, #looseleaf-messages, #navigation div > ul > li:hover > a > em, #breadcrumbs { color:rgb(100, 100, 100); text-decoration:none; }

mark { display: inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding: 0 5px; color:#fff;}
mark.slateblue{ background-color:#476166;}
mark.skyblue{ background-color:#77bcc9;}
mark.lightblue{  background-color:#21a0af;}
mark.blue{ background-color:#39426f;}
mark.coffee{ background-color:#563e3a;}
mark.camel{ background-color:#4d2830;}
mark.ochre{ background-color:#763030;}
mark.lightgreen{ background-color:#5c9d1f;}
mark.green{ background-color:#456446;}
mark.darkgreen{ background-color:#423d17;}
mark.yellow{ background-color:#b9b41d;}
mark.darkyellow{ background-color:#ae621f;}
mark.purple{ background-color:#c5329b;}
mark.darkpurple{ background-color:#771e6c;}
mark.gray{ background-color:#999;}
mark.greymetal{ background-color:#575757;}
mark.red{ background-color:#cb3037;}
mark.darkred{ background-color:#952020;}
.thumbnail { position:relative;}

.thumbnail a, .thumbnail img, .imgframe a, .imgframe img { float:left;}

.thumbnail img { width: 50px; height: 50px; border: 5px solid #fff; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; }

.thumbnail_banner img { width: 100px; height: 100px; border: 5px solid #fff; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; }

.imgframe span.play { 
	background: url(images/play_button.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.5);
	display: none;
}
.imgframe span.zoom {
	background: url(images/magnifying-glass.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.5);
	display: none;
}

.thumbnail span, 
.thumbnail span > em,
.flickr_badge_image span,
.flickr_badge_image span > em,
.imgframe span > em { position:absolute; width:100%; height:100%; display:block; top:0; left:0; background-repeat: no-repeat; }

.thumbnail span > em, 
.flickr_badge_image span > em, 
.imgframe span > em { background-position: center center; background-color: rgba(0,0,0,0.2); display: none; }
.thumbnail a:hover span > em, 
.flickr_badge_image a:hover span > em, 
.imgframe a:hover span > em { display: block;}
.dropshadow {
 -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";/* IE 8 */
 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');/* IE 5.5 - 7 */ 
}

.imgframe span > em { padding-top: 10px; margin-top:-10px;}

/* .thumbnail.avatar span { background-image: url(images/frame-avatar.png); } */
#topstories .thumbnail span {  background-image: url(images/frame200.png); }
#footer .flickr_badge_image img { width: 65px; height: 65px; padding: 5px; background: #fff; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; }
#footer .flickr_badge_image img:hover { -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; }
#footer .flickr_badge_image span { background: none; }
#sidebar .flickr_badge_image span { background-image:none }
#sidebar .thumbnail span, #footer .thumbnail span {  background-image: url(images/frame60.png);}

.single #sidebar .flickr_badge_image img,
.page #sidebar .flickr_badge_image img,
.archive #sidebar .flickr_badge_image img,
.search #sidebar .flickr_badge_image img {
	width: 65px;
	height: 65px;
	padding: 5px;
	background: #fff;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
}

.single #sidebar .flickr_badge_image img:hover,
.page #sidebar .flickr_badge_image img:hover,
.archive #sidebar .flickr_badge_image img:hover,
.search #sidebar .flickr_badge_image img:hover {
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
}

.thumbnail.avatar img { width: 96px!important; height:96px!important; margin-right: 10px; }



#header { padding: 0 0 10px; position:relative; z-index:999; }
#header #masthead { background: url(images/bg-text.jpg) repeat-x 0 0; height: 170px; padding: 0 20px; }
/* #header #logo { float:left; background: url(images/logo.png) 0 0 no-repeat; text-indent: -9999px; margin: 30px 0 15px 30px; } */
#header #logo { float:left; font-family: 'Arial', Georgia; margin: 30px 0 0 20px; }
/*#header #logo a { color: #2d9192; font-size:55px; text-shadow: 0 1px 0 #fff, 0 -1px 0 #666; }
*/
#masthead small {
	font-family: 'Just Another Hand', arial, serif;
	font-size: 30px;
	color: #8a8a8a;
	text-transform: lowercase;
	display: block;
	clear: both;
	margin-left: 115px;
}

#navigation  { 
	background: #E4E4E4;
	
}
#navigation #navContainer {padding: 0 1px; }
#navigation div > ul > li { float: left; position:relative; font-family: 'Arial'; text-transform: uppercase; }
#navigation div > ul > li a { display: block; color: #fff; }
#navigation div > ul > li a:hover { color: #cccccc; }
#navigation div > ul > li ul { position: absolute; display: none;}
#navigation div > ul > li ul a { }
#navigation div > ul li:hover { z-index: 1;}
#navigation div > ul li:hover > ul { display: block;}

#nivoslider-container {
	width: 960px;
	padding: 0 20px 40px;
	background: #fff;
	margin: 0 auto;
}

#looseleaf-slider { position: relative; z-index:1000; }
#looseleaf-slider > div > div { position:relative;}
#full-width-slider { position: relative; margin:0; padding:0;overflow: hidden; width:100%; border-bottom: solid 5px #263e42;border-top: solid 5px #263e42; }
#full-width-slider > div{ height:400px;background-repeat: no-repeat; background-position: center top;}
#full-width-slider .slider-texts { background: url(images/white.png); width:220px; height:320px; padding: 80px 40px 0; border: solid #fff; border-width: 0 1px;box-shadow: 1px 0 20px rgba(0,0,0,0.3); -moz-box-shadow: 1px 0 20px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 0 20px rgba(0,0,0,0.3);}
#full-width-slider .slider-texts h2 { font-size:22px; padding-bottom: 15px; margin-bottom:15px; border-bottom: solid 1px #ccc;}
#full-width-slider .slider-texts, #full-width-slider .slider-texts h2 a { color:#333; }
#full-width-slider .slider-texts p { font-size:14px; line-height: 1.6;}



#control_wrapper { right:50%; margin-right:-460px;z-index: 999; background: url(images/btn-slider-arrows.png) no-repeat left top; 
    width:92px;
	padding: 0 3px; 
	position: absolute; 
	margin-top:-45px;
}
#control_wrapper span { width: 46px; height:45px; float:left;}
#control_wrapper a { width: 46px; height:0; font-size:0; padding-top:45px;  display: block; float:left; outline: 0;}

#looseleaf-slider #normal-width-slider {
	font-family: 'Arial', georgia, serif;
	background: url(images/rippedPaper.png) repeat-x center 81%;
	margin: -50px 0 -75px;
}

#looseleaf-slider #normal-width-slider .featureCopy { background: url(images/arrow.png) no-repeat right bottom; }
#looseleaf-slider #normal-width-slider ul li { height:450px; width:960px; overflow:hidden;}
#looseleaf-slider #normal-width-slider ul li h1 {  margin-bottom:15px; font-size:24px; letter-spacing: .1em;}
.normal-width-container #controls { display: none; }

#looseleaf-slider #normal-width-slider ul li h1, #looseleaf-slider #normal-width-slider ul li h1 a, #page-title h1 { color:#fff!important; }

#looseleaf-slider #normal-width-slider ul li p { color:#ccc; font-size:16px; letter-spacing: .1em; line-height: 1.4em; margin-bottom:30px;}
#looseleaf-slider #normal-width-slider ul li .left { padding-top: 70px; }
#looseleaf-slider #normal-width-slider li > div + div { height:400px;}
#looseleaf-slider #normal-width-slider li > div + div > div { border: 10px solid #fff; width:558px; height:291px; overflow:hidden; background-color:#f5f5f5; margin-left: 20px; }

#looseleaf-slider #controls { position: relative; bottom: 30px;  text-align:center;}
#looseleaf-slider #controls li { display: inline;}
#looseleaf-slider #controls li a { display: inline-block; background: url(images/bg-slider-nav.png) no-repeat left top; width:16px; height:0; margin:0 2px; font-size:0; line-height:0; padding-top:16px; overflow:hidden;}
#looseleaf-slider #controls li a:hover, #looseleaf-slider #controls li.current a { background-position: right top;}


#looseleaf-slider .nivo-controlNav a { display: inline-block; background: url(images/bg-slider-nav.png) no-repeat right top; width:19px; height:0; margin:0 2px; font-size:0; line-height:0; padding-top:19px; overflow:hidden;}
#looseleaf-slider .nivo-controlNav a:hover, #looseleaf-slider .nivo-controlNav a.active { background-position: left top;}


.shadow {box-shadow: 0 0 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);}

#looseleaf-messages { 
	background: url(images/messageBg.png) repeat-x 0 0;
	width: 960px;
	height: 100px;
	margin: -40px auto 0;
	padding: 25px 20px 0;
	position: relative;
	z-index: 1000;
	font-size:22px;
	line-height:1.35em;
	font-family: 'DroidSerifItalic';
	font-size: 18px;
	color: #32302c;
}

#looseleaf-messages2 { 
	
	padding: 25px 20px 0;
	position: relative;
	z-index: 1000;
	font-size:22px;
	line-height:1.35em;
	font-family: 'DroidSerifItalic';
	font-size: 18px;
	color: #32302c;
}

#looseleaf-messages div > div { text-align:center;}

#looseleaf-messages div > div > span {
	display: block;
	font-family: 'Arial', georgia, serif;
	font-size: 36px;
	background: url(images/messageSeperator.png) no-repeat center top;
	padding-top: 20px;
	margin-top: 5px;
	text-transform: uppercase;
}

.home #container { padding: 10px 20px 0; }
#container { padding: 0 20px; background: #f5f5f5; margin: 0 auto; width: 960px; }
#container .sub-container { background: #f5f5f5; }
#container .sub-container h3.title { font-size: 24px; margin: 0 0 10px 10px; }

#custom-blocks { padding: 0 20px; }
#custom-blocks section { width: 280px;}

#sidebar .widget { padding-bottom:45px;}
#sidebar .widget.nopadding { padding-bottom:10px;}
#sidebar h2 { font-size:20px; font-weight:normal; line-height:1.5em; padding: 10px 0; }
#sidebar h3 { font-size:15px; font-weight:normal; margin-bottom:10px;}
#sidebar h3 + p { font-size:10px; text-transform: uppercase;}
#sidebar h3 + p a, #sidebar h3 + p time { border-bottom: dotted 1px #a6a6a6;}
#sidebar .thumbnail + div { padding-left: 70px; min-height:60px; padding-bottom:35px; }
#footer .thumbnail img {height:60px;width:60px;}
#footer .thumbnail + div { padding-left: 70px; min-height:60px; padding-bottom:35px;}
#sidebar .widget_themeteam_twitter li { background: url(images/i_bird.png) no-repeat left 2px; padding: 0 0 15px 25px; font-size:12px; line-height:1.3em;}
#sidebar .widget_themeteam_twitter li + li { border-top: solid 1px #e5e7e8; padding-top:15px; background-position: left 17px;}

#sidebar #recent-tweets li { background: url(images/i_bird.png) no-repeat left 2px; padding: 0 0 15px 25px; font-size:12px; line-height:1.3em;}
#sidebar #recent-tweets li + li { border-top: solid 1px #e5e7e8; padding-top:15px; background-position: left 17px;}

.home .sticky {
	/* width: 250px; */
	padding: 0 0 40px;
}

.home .four-posts .sticky {
	width: 220px;
	padding: 0 0 40px;
}

.sticky h2 { font-size:18px; font-weight:normal; padding: 15px 0 10px; background: url(images/title-border.png) repeat-x left bottom;  }
.sticky h2 + p { line-height: 1.5em; margin-bottom: 20px; }
.sticky p { padding-top: 10px; font-size: 13px; }

.sticky .read-more a {
	color: #fff;
	display: block;
	float: right;
	margin-right: 30px;
	line-height: 32px;
}

.sticky .the_date {
	display: block;
	float: left;
	line-height: 32px;

}

.continue-reading {
	font-style: italic;
}

.feature h2 {  line-height: 1.1em; margin-bottom:10px; font-size:24px; }
.feature h2 img { vertical-align:text-bottom; float: left; margin-right: 15px; }
.feature p { font-size:15px; line-height: 1.4em; padding-left: 65px; }
.feature h2 a { font-family: 'Arial', Georgia, serif; font-size: 18px; color: #2a8e8f; background: url(images/title-border.png) repeat-x left bottom; display: block; margin: -30px 0 0 65px; padding-bottom: 5px; }



#topstories, 
.tabs { background: url(images/bg-topstories.gif) repeat-x left top!important; border:none!important; margin:0!important; min-height:40px;}
.tabs li { float:left; background: url(images/bg-topstories-sep.png) no-repeat right top; padding-right:1px;}
.tabs li a { display: block; line-height: 40px; text-transform: uppercase; color:#808080; padding: 0 10px;}
.tabs li a:focus { outline:0;}
.tabs li:first-child a { background: url(images/bg-topstories-sep.png) no-repeat left top; }
.tabs li.active a { background-color:#fff; color:#333;}
.tabs li a:hover { color:#333;}
#topstories .tabs-content { padding: 50px 0; position:relative;}
#topstories .tabs-content > div > div { margin: 0 30px;}
#topstories .tabs-content li { width: 200px; height:200px; float:left; margin: 0 10px; position:relative;}
#topstories .tabs-content li a { color:#fff;}
#topstories .tabs-content li img { float:left;}
#topstories .tabs-content li h3 { font-size: 13px; font-weight:normal; position: absolute; width:100%; height:32px; line-height:32px; bottom:0; left:0; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; text-indent: 5px; }
#topstories .tabs-content li small { position: absolute; right:0; top:0; padding:5px 7px; background-color:#000; color:#989898; font-size:10px; text-transform:uppercase;}
#topstories .prevBtn, #topstories .nextBtn { position: absolute; width: 17px; height:0; font-size:0; padding-top: 24px; overflow:hidden; top:128px; background-image:url(images/arrows.png); background-repeat: no-repeat; cursor:pointer;}
#topstories .prevBtn { background-position: left top; left:0;}
#topstories .nextBtn { background-position: right top; right:0;}



#last-tweet { background-color:#e7f9ff; border-top: solid 1px #d3eef8; padding: 7px 0; color:#5ca3bb;}
#last-tweet a { color:#1c4b54;}
#last-tweet > div > div > div { padding: 12px 0 12px 70px; min-height:15px; background: url(images/i_tweet-bird.png) no-repeat left top;  }

#footer {
	background: url(images/footerBg.jpg) repeat-x 0 0 #fff;
	color: #646464;
	margin: -1px auto;
	width: 960px;
	padding: 35px 20px 0px;
}

#footer > div > div {
	padding-left: 20px;
}

#sub-footer > div > div {
	padding: 0 20px;
	width: 900px;
}

#footer .grid_3 { width: 120px; line-height:150%; }
#footer .grid_3.first { width: 225px; font-size:13px;}
/* #footer .grid_3 + .grid_3 { margin-left: 45px;} */
#footer #custom-links { width: 170px; }
#footer h2, #footer h3 { font-size: 16px; font-weight:normal; margin-bottom:15px; }
#footer, #sub-footer { font-size: 11px; }
#footer a, #sub-footer a { color:#378687;}
#footer input[type=text], #footer input[type=email]{ 
	background: url(images/footerInputBg.jpg) no-repeat 0 0;
	border: none;
	padding: 10px;
	width: 195px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	color: #5b6b7f !important;
}
#contactForm input[type=text], #contactForm input[type=email]{ 
	border: none;
	padding: 10px;
	width: 195px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	color: #5b6b7f !important;
}

#footer input[type=text]:focus, #footer input[type=email]:focus, #contactForm input[type=text]:focus, #contactForm input[type=email]:focus,
#footer input[type=text]:hover, #footer input[type=email]:hover, #contactForm input[type=text]:hover, #contactForm input[type=email]:hover {
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
}

#footer textarea{ background: url(images/footerTextAreaBg.jpg) no-repeat 0 0; font-size: 13px;border: none; padding: 10px; width: 195px; height: 90px; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; color: #5b6b7f !important;}

#footer textarea:focus, #contactForm textarea:focus,
#footer textarea:hover, #contactForm textarea:hover {
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
}

.large #contactForm textarea { border: none; padding: 10px; width: 400px; height: 150px; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; color: #5b6b7f !important;}


/*
#respond .button,
#footer .button {
	background: #0b0b0b;
	padding: 10px 30px;
	height: 35px;
	text-align: center;
	color: #fff;
	font-family: 'ChunkFiveRegular', georgia, serif;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: .1em;
	border: 1px solid #fff;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	-box-shadow: 0 0 5px #666;
}
*/

.contactform p { margin-bottom: 10px;}
.contactform.large { padding-top:25px; }
.contactform.large input[type=text],.contactform.large input[type=email] { width:240px; }
.contactform.large textarea { width: 600px; }

#sub-footer { padding: 20px 0;}
#sub-footer a { margin-left: 15px;}

.copyright { color: #378687; }

#social-links { padding-bottom:40px;}
#social-links li { display: inline; margin-right:3px; }
#social-links li img { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; }
#social-links li img:hover  { -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; }
#footer #recent-tweets { font-size: 11px; line-height: 1.4em; font-family:Arial, Helvetica, sans-serif;}
#footer #recent-tweets li + li {  padding-top: 15px; margin-top:15px;}
#footer #recent-tweets li:before { 
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	float: left;
	background: url(images/i_bird.png) no-repeat left top;
	width:19px;
	height:14px;
	position:relative;
	margin-left: -19px;
	left: -7px;
	top:2px;
}

#footer .success-msg { background: url(images/bg-success-msg.png) no-repeat left top; width:227px; height:156px; padding-top:55px; text-align:center; color:rgba(255,255,255,0.4);}
#footer .success-msg p { font: italic 12px Georgia, "Times New Roman", Times, serif; margin-bottom:60px;}
#footer .success-msg p + h4 { text-transform: uppercase;}

.contactform .success-msg { background: url(images/bg-success-msg.png) no-repeat left top; width:227px; height:156px; padding-top:55px; text-align:center; color:rgba(255,255,255,0.4);}
.contactform .success-msg p { color:#777777;font: italic 12px Georgia, "Times New Roman", Times, serif; margin-bottom:60px;}
.contactform .success-msg p + h4 {color:#777777; text-transform: uppercase;}

.flickr_badge_image { float:left; margin: 0 10px 10px 0; position: relative;}
.flickr_badge_image span { background-position: left top;}
.flickr_badge_image img { float:left; }

#custom-links li { font-size:12px; }
#custom-links li + li { margin-top:7px; padding-top:7px;}
#custom-links li + li,
#footer #recent-tweets li + li { background: url(images/line.png) repeat-x left top;}

#widget-footer-links li { font-size:12px; }
#widget-footer-links li + li { margin-top:7px; padding-top:7px;}

#page-title {  height:auto; padding: 0 0 10px 30px;  height:45px; }
#page-title h1 { font-family: 'Arial', georgia, serif; letter-spacing: .1em; font-size: 36px; line-height:1.5em; font-weight:normal; }

#breadcrumbs { text-transform: uppercase; background: url(images/rippedPaper.png) repeat-x center bottom; font-size:11px; width: 960px; margin: 0 auto; padding: 0 20px 10px; }
#breadcrumbs > div > div { padding-left: 15px; }
#breadcrumbs li { float:left; padding: 15px 0; font-size: 12px; color: #fff; }
#breadcrumbs li.first { padding-left: 0; }
#breadcrumbs li.last { padding-left: 15px; }
#breadcrumbs li a { color:#979797; font-weight: normal; border-right: 1px solid #fff; padding: 0 15px; }
#breadcrumbs li a:hover { color: #429697; }
#breadcrumbs li.first a { padding-left: 0; }


.col2-right-layout + .clear { height:1px;}

.post .imgframe img {
	border: 5px solid #fff;
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
}

.pageTemp .imgframe img { border: 5px solid #fff; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; box-shaodw: 0 0 10px #999; }
.imgframe2 img { -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; box-shaodw: 0 0 10px #999;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#999999')";
/* For IE 5.5 – 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=140, Color='#999999');
 }
.clearCode{height:25px;}
.col1-layout { padding-top: 35px;}
#sidebar { margin-top: 60px;}
.home #sidebar > div { padding: 0 20px 0 30px; border-left: 1px solid #dbdbdb; }
#sidebar + div { margin-top: 35px;}
#sidebar #subnavigation h2, #sidebar .widget h2 { color: #8a8a8a; }
.home #sidebar { margin-top:0;}
.post, .pagenavi, .about-the-author { width:100%; float:left;}
.post + .post { padding-top: 50px;}
.post .thumbnail + article.entry { margin-top: 25px;}
.post .thumbnail.left img { width:220px; height:200px; }
.post h1 { font-size:30px; margin-bottom:25px;}
.post h1 + .postmeta { margin-bottom:15px;}
.comment-stats, 
.comment-stats > span { background-image:url(images/bg-comment.png); background-repeat: no-repeat; display: inline-block; font-size:12px; line-height: 1.5em;}
.comment-stats { padding-left:19px; background-position:left top;}
.comment-stats > span { padding: 6px 12px 13px 0; background-position: right top; text-indent:-7px; }
.comment-stats + h2 { padding-right: 55px;}



article.entry h2 { margin-bottom: 10px; background: url("images/title-border.png") repeat-x left bottom; padding-bottom: 10px; }

.postmeta { font-size:12px; height: 25px; line-height: 25px; color: #fff; }
.postmeta li { background:#9ec5c5; float: left; padding: 0 20px; border-right: 1px solid #fff; border-bottom: 1px solid #F5F5F5; }
.postmeta li.last { border-right: none; border-bottom: none; }
.postmeta li a { color: #fff; }
.postmeta time.left { display:block; background: url(images/i_calendar.png) no-repeat left center; padding-left:20px;}
.postmeta time.left + div { background: url(images/i_structure.png) no-repeat left -1px; padding-left:25px; margin-left: 145px; padding-bottom:14px; }
.left + .postmeta { margin-left:160px;}
.posttags { background: url(images/i_tag.png) no-repeat left 6px; padding-left:18px;}
.posttags a { display: inline-block; background-color:#f3f6f6; border: solid 1px #d4d4d4; padding:5px; margin-right:3px; font-size:12px; color:#006478;}

.pagenavi { text-align:center; position: relative; padding:25px 0; font-size:16px; }
.pagenavi a, .pagenavi span { margin: 0 6px;}
.pagenavi a { color:#777777; }
.col2-right-layout .pagenavi { bottom: -40px; }
.col1-layout .clear + .pagenavi { margin-top:-40px; padding-bottom:0;}

.widget_themeteam_contact_info { line-height: 1.5em; }
#subnavigation { padding-bottom:45px;}
#subnavigation h2 { padding-bottom: 18px;}
#subnavigation a,
#sidebar .menu li a,
.widget_pages li a,
.widget_archive li a,
.widget_meta li a,
.widget_links li a,
.widget_categories li a,
.widget_recent_entries li a { display: block; padding: 15px 0 15px 20px; background: url(images/b_arrow.png) no-repeat left 15px; font-size:12px; text-transform:uppercase; color: #2a8e8f; }
#subnavigation a { background: none; padding-left: 0; }

.page #sidebar > div,
.single #sidebar > div,
.archive #sidebar > div,
.search #sidebar > div { border-right: 1px solid #dbdbdb; padding-left: 20px; }
.page #sidebar > div .widget,
.single #sidebar > div .widget,
.archive #sidebar > div .widget,
.search #sidebar > div .widget { padding-right: 10px; }
.page #sidebar,
.single #sidebar { margin-top: 35px; }
#subnavigation li,
#sidebar .menu li,
.widget_pages li,
.widget_archive li,
.widget_meta li,
.widget_links li,
.widget_categories li,
.widget_recent_entries li,
.widget_recent_comments li { border-bottom: solid 1px #e8e8e8;}
#subnavigation li:first-child,
#subnavigation li:first-child,
#sidebar .menu li:first-child,
.widget_pages li:first-child,
.widget_archive li:first-child,
.widget_meta li:first-child,
.widget_links li:first-child,
.widget_categories li:first-child,
.widget_recent_entries li:first-child,
.widget_recent_comments li:first-child{ border-top: solid 1px #e8e8e8; }
.widget_recent_comments li { padding: 15px 0; }
.widget_pages .children li:last-child, .widget_pages .children li.last { border-bottom:none;}
#subnavigation li.current_page_item { width:100%; padding-left: 25px; margin:-1px 0 0 -25px; background-color:#fff; border-top: solid 1px #d4d4d4; border-bottom: solid 1px #d4d4d4;}
#subnavigation li.current_page_item a, #subnavigation a:hover { color:#cccccc;}

.about-the-author { margin-bottom: -150px; background-color:#e7eced;  color:#676767; margin-top:15px;border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.about-the-author > div { padding: 10px;}
.about-the-author h2 { text-transform:uppercase; font-size:12px; margin-bottom: 10px; }
.about-the-author h3 { font-size:20px;color:#454545; margin-bottom:10px;}
.about-the-author p { line-height: 1.45em; }
.about-the-author .thumbnail.avatar + div  { padding-left: 106px; padding-top:5px; }


.comments-box { background: #fff url(images/bg-comments-box.gif) no-repeat center top; border: solid 1px #dfdfdf; border-top:none; margin-top: 150px; padding: 40px 20px;
    border-radius: 3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.comments-box .legend { width:84px; margin: 0 auto; text-align:center; margin-top:-55px;}
.commentlist li { padding-top: 30px; min-height:96px;}
.commentlist > li:first-child { padding-top:50px;}
.commentlist time.left { background: url(images/i_time.png) no-repeat left top; text-transform:uppercase; font-size:12px; padding-left:25px; display: inline-block; line-height:18px; margin:10px 0 0 10px; }
.commentlist time.left + div { padding-left:300px;}
.commentlist time.left + div > div { padding: 10px;}
.commentlist .thumbnail.avatar + div {  line-height: 1.5em; padding-left:115px;}
.commentlist h3 { margin-bottom:10px;}
.commentlist h3 span { color:#8d8d8d; font-size:13px; }
.commentlist p + p {  margin-top:10px;}
.commentlist .children time.left + div { padding-left: 425px;}
.commentlist .children li { padding-top:10px;}
.commentlist .children li time.left { margin-top:15px;}
.commentlist .children li time.left + div > div { border-top: solid 1px #dfdfdf; padding-left:0; padding-top:15px;}


#respond h2 { font-size:12px; text-transform:uppercase; text-align: center; width:100%; padding: 0 20px; margin: 20px 0 70px -20px; background: url(images/bg-comments-box.gif) no-repeat center center;}
#respond h2 span { background-color:#fff; padding: 0 14px;}
.commentform { width:708px; margin: 0 auto;}
.commentform .left input { width: 230px;}
.commentform .right textarea { width: 418px; height:142px;}
.commentform p + p { margin-top:24px; }

.read-more, 
.show-code,
.fancy-link { display: inline-block; padding: 0 10px 0 0;  font-size:12px; cursor:pointer;}
.read-more { background: url(images/read-more.png) no-repeat right center;}
.show-code { font-size:15px;background: url(images/arrow_show-code.png) no-repeat right 5px; padding-right:15px;}
.show-code.open {background-position: right -22px; }
.fancy-link {text-transform:uppercase;}

#filter { padding-bottom: 30px; color:#808080; }
#filter ul, #filter li { float:left; }
#filter ul { background: url(images/bg-filter-r.png) no-repeat right bottom; padding-right:30px;}
#filter li { line-height:40px; background: url(images/bg-filter-c.png) repeat-x center bottom; }
#filter li a { padding: 0 15px; background: url(images/bg-topstories-sep.png) no-repeat left bottom; display:block; color:#535353;}
#filter li.active a { color:#303030; background-color:#fff;}
#filter li:first-child { background: url(images/bg-filter-l.png) no-repeat left bottom; padding-right:10px;}
#filter li a:hover { color:#303030;}

#header #searchform { margin-top: -70px; }
#searchform p { float: left; width: 223px; }
#searchform input { 
	background: url('images/searchFieldBg.jpg') 0 0 no-repeat;
	border: none;
	padding: 12px 0 12px 9px;
	width: 223px;
}

#searchform #searchsubmit {
	background: #fff url(images/searchMagnifyBtn.jpg) no-repeat 50% 50%;
	border: none;
	height: 40px;
	width: 40px;
	float: left;
}

.portfolio .entry h2, .testimonial .entry h2 { margin-bottom:12px; }
.testimonial .entry { background: url(images/quote.png) no-repeat left top; width:90%!important; padding-left:10%; float:left; font-size:16px;}
.testimonial .imgframe img { border: 5px solid #fff; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; }

/*set the common button */
.button.small.commonBtn > span { background-position: left top;} 
.button.small.commonBtn > span > span { position: right top; } 
.button.medium.commonBtn > span { background-position: left top;} 
.button.medium.commonBtn > span > span { position: right top; } 
.button.large.commonBtn > span { background-position: left top;} 
.button.large.commonBtn > span > span { position: right top; }
/*code*/
pre{white-space:pre;}
code{color:#000;font:normal 88% "Courier New", Courier, monospace;white-space:nowrap; }
pre code{display:block;clear:both;line-height:20px;color:#000;overflow:auto;white-space:pre;background:url(images/code-bg.png) no-repeat left top; margin: 5px 0 0;border:solid 1px #d2d1d1;padding:0 10px 30px 35px;}
code .comment{color:#888;}
code .class, code .rules{color:#000;font-size:100%;}
code .value, code .title, code .string{color:#000;}
code .tag{color:#000;}
code .keyword{color:#000;}
.preloader{background:url(images/ajax-loader-1.gif) center center no-repeat #ffffff;display:inline-block;}
/*galleria */
img.looseleafFrame {
	border: 5px solid #fff; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; box-shaodw: 0 0 10px #999; 
}
.googleMap { border: solid 1px #ccc; padding: 0 3px; }
.imgframe { position:relative; float:left; }

.home .grid_4 .imgframe img,
.home .grid_3 .imgframe img { border: 5px solid #fff; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; }
.home .grid_4 .imgframe img:hover,
.home .grid_3 .imgframe img:hover { -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; }

/* .home .imgframe img { width: 250px; height: 140px; } */

/* .home .four-posts .imgframe img { width: 200px; height: 200px; } */
/* .grid_3 .imgframe img { width: 180px; } */
.grid_3 .portfolio .imgframe img { border: 5px solid #fff; -moz-box-shadow: 0 0 10px #ccc; }
.portfolio .imgframe img { border: 5px solid #fff; -moz-box-shadow: 0 0 10px #ccc; }

span.frame {  position: absolute; left:0; top:0; width:100%; height:100%; display:none;}
span.frame span { background-image: url(images/frame.png); background-repeat: no-repeat; display: block;}
span.frame > span {padding-right: 10px; background-position: right top;}
span.frame > span > span { padding-left: 10px; background-position: left top;}
span.frame > span > span > span { padding-right: 10px; background-position: right bottom; position:relative; margin:0 -10px; bottom:-10px;}
span.frame > span > span > span > span { padding-left: 10px; background-position: left bottom; padding-bottom:10px; }
span.frame .empty { background:none!important; }

.imgframe + article.entry { clear: both; padding-top:25px;}
.testimonial .imgframe + article.entry { padding-top:0; margin-top:25px;}
.imgframe + .clearfix { clear:both;}
.imgframe + .clear { height:40px;}
.col5 .grid_3{width:172px;}
.clear + .clear { height:0;}

/**default color and fonts**/
#container h1, #container h2, #container h3, #container h4,  #container h5, #container h6,
#container h1 a, #container h2 a, #container h3 a, #container h4 a,  #container h5 a, #container h6 a {color:#2a8e8f; font-family: 'arial', georgia, serif; }
#looseleaf-slider, #page-title { }

footer h3, footer h2 { font-family: 'arial', georgia, serif; color: #646464; }
#recent-tweets li { color: #646464; }
.advertise-box ul {
	list-style: none;
    margin: 0;
    padding: 0;
    width:100%;
    float:left;
}
.advertise-box li {
    float: left;
    margin: 17px 6px 0 0;
}

.googleMap{
	margin-bottom:20px;
}

.page-template-template-contactus-php #sidebar > div { border-right: none; }
.grid_12 #galleria { }

h1.slateblue,h2.slateblue,h3.slateblue,h4.slateblue,h5.slateblue,h6.slateblue, header.red { color: #3b555a;}
h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,h6.blue, header.blue { color: #1d254e;}
h1.camel,h2.camel,h3.camel,h4.camel,h5.camel,h6.camel, header.camel { color: #43252c;}
h1.coffee,h2.coffee,h3.coffee,h4.coffee,h5.coffee,h6.coffee, header.coffee { color: #57403b;}
h1.darkgreen,h2.darkgreen,h3.darkgreen,h4.darkgreen,h5.darkgreen,h6.darkgreen, header.darkgreen { color: #59553a;}
h1.darkpurple,h2.darkpurple,h3.darkpurple,h4.darkpurple,h5.darkpurple,h6.darkpurple, header.darkpurple { color: #4f2349;}
h1.darkred,h2.darkred,h3.darkred,h4.darkred,h5.darkred,h6.darkred, header.darkred { color: #641111;}
h1.darkyellow,h2.darkyellow,h3.darkyellow,h4.darkyellow,h5.darkyellow,h6.darkyellow, header.darkyellow { color: #884000;}
h1.yellow,h2.yellow,h3.yellow,h4.yellow,h5.yellow,h6.yellow, header.yellow { color: #7f7c20;}
h1.skyblue,h2.skyblue,h3.skyblue,h4.skyblue,h5.skyblue,h6.skyblue, header.skyblue { color: #5d95a0;}
h1.lightblue,h2.lightblue,h3.lightblue,h4.lightblue,h5.lightblue,h6.lightblue, .read-more.lightblue, header.lightblue { color: #1a818d;}
h1.red,h2.red,h3.red,h4.red,h5.red,h6.red, header.red { color: #96171d;}
h1.purple,h2.purple,h3.purple,h4.purple,h5.purple,h6.purple, header.purple { color: #af1082;}
h1.ochre,h2.ochre,h3.ochre,h4.ochre,h5.ochre,h6.ochre, header.ochre { color: #5d2424;}
h1.lightgreen,h2.lightgreen,h3.lightgreen,h4.lightgreen,h5.lightgreen,h6.lightgreen header.lightgreen { color: #578c26;}
h1.greymetal,h2.greymetal,h3.greymetal,h4.greymetal,h5.greymetal,h6.greymetal, header.greymetal { color: #4d4d4d;}
h1.grey,h2.grey,h3.grey,h4.grey,h5.grey,h6.grey, header.grey { color: #6f6f6f;}
h1.green,h2.green,h3.green,h4.green,h5.green,h6.green, header.green { color: #375038;}

#looseleaf-messages.message_none{
	height:20px;
}
.right_part{
float:left;
width: 300px;
margin-top: -600px;
	margin-right: -300px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#img{
float:left;
width: 550px;
}
#Table_01{
width: 1000px;
}

.jca-entry-title {
width:230px;
	line-height:0.8em;	
	margin:5px 5px 5px 5px;
	padding-bottom:10px; 
	height:145px;
	overflow:hidden;
}

.jca-entry-title h2 {
	font-size:17px;
	padding-bottom:5px;
}