/*
Theme Name: Foundation
Theme URI: http://foundation.gothemeteam.com/
Version: 1.6
Author: Theme Team
Author URI: http://themeforest.net/user/goThemeTeam
Tags: Foundation
*/


/***
*********************Foundation reset****************************/
.container_12 { width: 982px; }
body { background-color:#1d3456; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important; }
#foundation-slider { background-color:#1d3456;}
#foundation-slider a { color:#fff; }
a {  text-decoration: none; }
a, .post h1, .post h2, .post h3, .post h4, .comments-box > h2 > span + span { font-weight:normal;color:#1f3f6b;}
.post .comment-stats a, .post .comment-stats, .comments-box .comment-stats { color:#fff;}
header, nav, aside, article, section, hgroup, footer, details, summary {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none!important;
	border: 0 none;
	outline: none;
}
input[type=text], input[type=email], textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; padding: 9px 9px 10px; vertical-align:top; }
.wrapper { width:100%; overflow:hidden; }
.page-title { background: #1d3456 url(images/bg-slideshow.png) repeat-x left top; padding: 80px 0 55px; margin-bottom: -30px; }
.page-title h1 { font-size:36px; color:#fff; }
/***
*********************header****************************/
.header { background: #fff url(images/bg-header.jpg) repeat-x left bottom; }
.logo { padding: 15px 0 15px; text-transform: uppercase; font-size:18px; font-weight:bold; }
.navigation { padding: 5px 10px 0 0;}
.header div > ul li.parent { position:relative;position:relative; z-index:99;  }
.header div > ul { background: url(images/sep-nav.png) repeat-y left top; float:left; }
.header div > ul > li { float:left; font-size:14px; background: url(images/sep-nav.png) repeat-y right top; padding-right:1px; }
.header div > ul > li > a { text-transform: uppercase; display: block; padding: 39px 25px 45px; line-height:14px; }
.header div > ul > li ul { position: absolute; min-width: 160px; white-space: nowrap; background-color:#fff; border: solid 1px rgba(0,0,0,0.1); 
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.1);
	display: none; 
}

.header div > ul > li > ul { left: 0; top: 98px; border-width: 0 1px 1px;}
.header div > ul > li > ul ul { left: 99%; top: 0;}
.header div > ul li:hover > a, 
.header div > ul li.current-menu-item > a, 
.header div > ul li.current_page_item > a, 
.header div > ul li.current_page_ancestor > a,
.header div > ul li.current-menu-ancestor > a{ color:#101010;}

.header div > ul > li.parent:hover > a { background: url(images/bg-nav-item.png) no-repeat center bottom;}
.header div > ul > li ul > li + li { border-top: solid 1px #ccc; }
.header div > ul > li li { padding: 10px 18px;}


.header div > ul li.parent:hover > ul { display: block; }

/***
*********************slider****************************/
.slider { height:460px; overflow:hidden; position: relative; border-top: solid 1px #42596f; margin-bottom:-65px; }
.slider > div { width:100%;}
.slider > div > ul > li { height:460px; background-position: center top; background-repeat: no-repeat; width:100%; }
.slider > div > ul > li > span { position: absolute; width: 100%; height:15px; display: block; background: url(images/bg-slideshow.png) repeat-x left top;}
.slider #controls { position: absolute; bottom:27px; width:100%; text-align:center; z-index:3;}
.slider #controls li { display: inline; margin: 0 1px; }
.slider #controls li a { display: inline-block; background: url(images/dots.png) no-repeat right top; width:24px; height:0; padding-top:24px; overflow:hidden; }
.slider #controls li a:hover, .slider #controls li.current a { background-position: left top;}
.slider + div > .container > div > div:first-child { margin-top: 30px; }

#foundation-slider {  height:450px; overflow:hidden; padding-top:25px; background-image: url(images/bg-slideshow.png); background-repeat: repeat-x; background-position: left top; margin-bottom: -65px; padding-bottom:30px;  color:#ccc; position:relative; }
#foundation-slider + div > .container > div > div:first-child { margin-top: 30px; }
#foundation-slider > div > div { position:relative;}
#nivoslider-container { background: url(images/bg-featured-full-width.png) no-repeat left bottom;padding-bottom:50px;}
#full-width-slider { position: relative; margin:0; padding:0;overflow: hidden; width:100%; }
#full-width-slider > div{ height:460px;background-repeat: no-repeat; background-position: center top;}

#control_wrapper {z-index: 999; background: url(images/dots.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;}

#foundation-slider #normal-width-slider ul li { height:450px; width:960px; overflow:hidden;}
#foundation-slider #normal-width-slider ul li h1 {  margin-bottom:15px; font-size:30px;}

#foundation-slider #normal-width-slider ul li p { font-size:15px; line-height: 1.4em; margin-bottom:30px;}
#foundation-slider #normal-width-slider ul li .left { padding-top: 70px; }
#foundation-slider #normal-width-slider li > div + div { background: url(images/bg-featured-normal-width.png) no-repeat center bottom; padding-bottom:50px; height:400px;}
#foundation-slider #normal-width-slider li > div + div > div { width:100%; height:100%; overflow:hidden; background-color:#f5f5f5; }
#foundation-slider #controls { position: absolute; width:100%; left:0; z-index:1; bottom: 30px;  text-align:center;}
#foundation-slider #controls li { display: inline;}
#foundation-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;}
#foundation-slider #controls li a:hover, #foundation-slider #controls li.current a { background-position: right top;}

#foundation-slider .nivo-controlNav { z-index: 1; bottom: -50px; }
#foundation-slider .nivo-controlNav 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; cursor:pointer;}
#foundation-slider .nivo-controlNav a:hover, #foundation-slider .nivo-controlNav a.active { background-position: right top;}


/***
*********************main content****************************/
.main-container { background-color:#f7f7f7; color:#3e3e3e;}
.container { background: url(images/glass-bottom.png) no-repeat center bottom; width:100%; float: left; padding: 0 14px 14px; margin: 0 -14px -30px; position:relative; }
.container > div { background: url(images/glass-top.png) no-repeat center top; width:100%; float: left; padding: 14px 14px 0; margin: 0 -14px; }
.content { background: #fff url(images/bg-container.png) repeat-x left top; border: solid 1px #e0e0e0; border-top:none;  }
.col2-layout { background: url(images/line.gif) repeat-y 640px top; padding:50px 0;   min-height:350px;}

/***
*********************welcome msg****************************/
.welcome-msg { background: url(images/bg-welcome-msg.jpg); border: solid 1px; border-color: #f8f8f8 #e0e0e0 #fff; color:#182535; } 
.welcome-msg > div { background: url(images/border-welcome-msg.gif) repeat-x left bottom; padding: 27px 0 32px; }
.welcome-msg .button { padding-right:25px; }
.welcome-msg .left { padding: 0 0 0 30px; width: 600px; }
.welcome-msg h1 { font-size:30px; font-weight:normal;  margin-bottom:10px; }
.welcome-msg p { font-size:16px; }

/***
*********************breadcrumbs****************************/
.breadcrumbs { background: url(images/bg-welcome-msg.jpg); border: solid 1px; border-color: #f8f8f8 #e0e0e0 #fff; color:#182535; font-size:12px; } 
.breadcrumbs > div { background: url(images/border-welcome-msg.gif) repeat-x left bottom; padding-bottom:4px; }
.breadcrumbs > div > ul > li { float:left; line-height:39px; padding: 0 15px; text-transform:uppercase; }
.breadcrumbs > div > ul > li + li { background: url(images/sep-breadcrumb.png) no-repeat left center; color:#939393; }

/***
*********************right side column****************************/
.col-side { width:285px; padding: 0 25px 0 0; }
.col-side h2 { font-size:12px; font-weight:normal; text-transform: uppercase; background: url(images/line.gif) repeat-x left center; text-align:center; color:#6f6f6f; margin-bottom:35px; }
.col-side .widget h2 span { background-color:#fff; padding: 0 5px; }
.col-side .posts li { min-height:60px; }
.col-side .posts li + li { padding-top:35px; }
.col-side .posts li .thumbnail + div { padding-left:70px;}
.col-side .posts li h3 { font-size: 15px; font-weight: normal; line-height: 1.1; margin-bottom:5px; }
.col-side .posts li .postmeta { background: url(images/line2.gif) repeat-y center top; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; font-size:10px; padding:3px 0; line-height:12px; }
.col-side .postmeta span { display: inline-block; width:49.2%; text-indent:20px; background-position: 5px top; background-repeat:no-repeat; }
.col-side .postmeta .post-date { background-image:url(images/icon_date.png);}
.col-side .postmeta .comment-stats { background-image:url(images/icon_comments.png);}
.col-side .postmeta, .col-side .postmeta a { color:#707070;}
.col-side #recent-tweets li { color:#7b7b7b; }
.col-side .widget + .widget { padding-top:65px;}
.col-side .widget_themeteam_flickr + .widget { padding-top: 50px; }
.col-side .flickr_badge_image { margin: 0 14px 14px 0; }
.col-side .flickr_badge_image.last { margin-right:0; }
/***
*********************right side column****************************/
.col-main { width: 590px; padding: 5px 0 0 23px;}
.sticky { width: 282px; float:left;}
.sticky .thumbnail { margin-bottom: 20px; }
.sticky h2 { font-size: 20px; font-weight:normal; margin-bottom: 10px;}
.sticky h2 + p { font-size:14px; line-height: 1.4; margin-bottom: 15px; }
.sticky + .sticky { margin-left: 26px; }

.sticky2 { width: 220px; float:left;}
.sticky2 .thumbnail { margin-bottom: 20px; }
.sticky2 h2 { font-size: 20px; font-weight:normal; margin-bottom: 10px;}
.sticky2 h2 + p { font-size:14px; line-height: 1.4; margin-bottom: 15px; }
.sticky2 + .sticky2 { margin-left: 22px; }
/***
*********************footer****************************/
.footer { padding: 55px 0; font-size:12px; }
.footer .widget { float:left; margin-left:10px;}
.footer .widget + .widget { margin-left: 46px; }
.footer .flickr, .footer .custom-links { width: 151px;}
.footer .social-networks { width: 300px;}
.footer .contact-form { width: 220px;}
.footer .widget h2 { text-align: center; background: url(images/line.png) repeat-x left center; color:#fff; font-size:12px; text-transform:uppercase; margin-bottom:18px; }
.footer .widget h2 span { background-color:#1d3456; padding: 0 5px; }
.footer .flickr_badge_image { margin: 0 22px 23px 1px;}
.footer .flickr_badge_image.even { margin-right:0;}
.footer .social-networks > ul, #social-links { text-align: center; margin-bottom: 30px; }
.footer .social-networks > ul > li, #social-links li { display: inline; margin-right:3px; }
.footer .social-networks > ol > li, #recent-tweets li { color:#899eb7; margin-bottom:30px; line-height:1.3; font-size:12px;}
.footer .custom-links li + li { margin-top: 12px; }
.footer form p + p { margin-top:17px; }
.footer form input, .footer form textarea { color:#5b6b7f; background: url(images/mask.png); border: none; width: 200px; margin:0;
    box-shadow: 0 1px #283f5e; 
	-moz-box-shadow: 0 1px #283f5e; 
    -webkit-box-shadow: 0 1px #283f5e;
}
.footer a,
.sub-footer a { color:#fff; }
.sub-footer { padding: 22px 0 30px; background: url(images/glass-top.png) no-repeat center top; }
.sub-footer { font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:11px; color:#76869a; }
.sub-footer div { padding: 0 13px;}
.sub-footer li { display: inline; margin-left:15px; }
.sub-footer a + a { margin-left: 15px;}

/***
*********************buttons****************************/
button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button { -webkit-border-fit:lines; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; } /* <- Safari & Google Chrome Fix */
button, .button { overflow:visible; width:auto; border:0; padding:0; margin:0; background-color: transparent; cursor:pointer; display:inline-block;   }
button span, .button span { display: inline-block; white-space: nowrap; cursor: pointer}
.buttons .button { margin: 0 5px 5px 0; }
.button { color:#fff; }
.button, .button span { display: inline-block;text-transform: uppercase; text-decoration:none!important; line-height:1;}
.button > span { padding:3px; } 
.button > span > span { background: url(images/btn-shadow.png) repeat-x left bottom; }
.button.small > span > span { padding: 8px; font-size:12px;}
.button.medium > span > span { padding: 15px 20px; font-size:15px;}
.button.large > span > span {  padding: 20px 40px; font-size:18px;}

.button.small > span > span > span { background: url(images/btn-arrow-small.png) no-repeat right center; padding-right:20px; }
.button.medium > span > span > span { background: url(images/btn-arrow-medium.png) no-repeat right center; padding-right:30px; }
.button.large > span > span > span { background: url(images/btn-arrow-large.png) no-repeat right center; padding-right:50px;  }

.button.blue > span { background-color:#20416e;  }
.button.blue > span > span { border: solid 1px #4c668a; }

.button.darkgreen > span { background-color:#423c17;  }
.button.darkgreen > span > span { border: solid 1px #7c785d; }

.button.darkred > span { background-color:#8f1818;  }
.button.darkred > span > span { border: solid 1px #b15e5e; }

.button.darkyellow > span { background-color:#ac5d18;  }
.button.darkyellow > span > span { border: solid 1px #c58f5e; }

.button.greymetal > span { background-color:#4e4e4e;  }
.button.greymetal > span > span { border: solid 1px #848484; }

.button.purple > span { background-color:#be2a93;  }
.button.purple > span > span { border: solid 1px #d46bb6; }

.button.camel > span { background-color:#513934;  }
.button.camel > span > span { border: solid 1px #867572; }

.button.darkpurple > span { background-color:#701665;  }
.button.darkpurple > span > span { border: solid 1px #9d5d96; }

.button.lightblue > span { background-color:#148f9d;  }
.button.lightblue > span > span { border: solid 1px #5cb6bf; }

.button.slateblue > span { background-color:#3c565a;  }
.button.slateblue > span > span { border: solid 1px #788a8d; }

.button.skyblue > span { background-color:#6eb5c2;  }
.button.skyblue > span > span { border: solid 1px #9acdd6; }

.button.yellow > span { background-color:#aaa614;  }
.button.yellow > span > span { border: solid 1px #c2be5b; }

.button.coffee > span { background-color:#47232b;  }
.button.coffee > span > span { border: solid 1px #7e656b; }

.button.green > span { background-color:#385638;  }
.button.green > span > span { border: solid 1px #738773; }

.button.lightgreen > span { background-color:#65a628;  }
.button.lightgreen > span > span { border: solid 1px #90bc68; }

.button.ochre > span { background-color:#6c2525;  }
.button.ochre > span > span { border: solid 1px #9a6868; }

.button.grey > span { background-color:#838383;  }
.button.grey > span > span { border: solid 1px #a6a6a6; }

.button.red > span { background-color:#b4161e;  }
.button.red > span > span { border: solid 1px #c85c61; }

/***
*********************comments icon****************************/
.post .comment-stats.blue, .post .comment-stats.blue > span, .comments-box .comment-stats.blue, .comments-box .comment-stats.blue > span {
	background-image:url(images/bg-comment.png);
}
.post .comment-stats.darkgreen, .post .comment-stats.darkgreen > span, .comments-box .comment-stats.darkgreen, .comments-box .comment-stats.darkgreen > span {
	background-image:url(images/lib/bg-comment-darkgreen.png);
}
.post .comment-stats.slateblue, .post .comment-stats.slateblue > span, .comments-box .comment-stats.slateblue, .comments-box .comment-stats.slateblue > span {
	background-image:url(images/lib/bg-comment-slateblue.png);
}
.post .comment-stats.darkpurple, .post .comment-stats.darkpurple > span, .comments-box .comment-stats.darkpurple, .comments-box .comment-stats.darkpurple > span {
	background-image:url(images/lib/bg-comment-darkpurple.png);
}
.post .comment-stats.darkyellow, .post .comment-stats.darkyellow > span, .comments-box .comment-stats.darkyellow, .comments-box .comment-stats.darkyellow > span {
	background-image:url(images/lib/bg-comment-darkyellow.png);
}
.post .comment-stats.purple, .post .comment-stats.purple > span, .comments-box .comment-stats.purple, .comments-box .comment-stats.purple > span {
	background-image:url(images/lib/bg-comment-purple.png);
}
.post .comment-stats.green, .post .comment-stats.green > span, .comments-box .comment-stats.green, .comments-box .comment-stats.green > span {
	background-image:url(images/lib/bg-comment-green.png);
}
.post .comment-stats.lightgreen, .post .comment-stats.lightgreen > span, .comments-box .comment-stats.lightgreen, .comments-box .comment-stats.lightgreen > span {
	background-image:url(images/lib/bg-comment-lightgreen.png);
}
.post .comment-stats.red, .post .comment-stats.red > span, .comments-box .comment-stats.red, .comments-box .comment-stats.red > span {
	background-image:url(images/lib/bg-comment-red.png);
}
.post .comment-stats.darkred, .post .comment-stats.darkred > span, .comments-box .comment-stats.darkred, .comments-box .comment-stats.darkred > span {
	background-image:url(images/lib/bg-comment-darkred.png);
}
.post .comment-stats.yellow, .post .comment-stats.yellow > span, .comments-box .comment-stats.yellow, .comments-box .comment-stats.yellow > span {
	background-image:url(images/lib/bg-comment-yellow.png);
}
.post .comment-stats.camel, .post .comment-stats.camel > span, .comments-box .comment-stats.camel, .comments-box .comment-stats.camel > span {
	background-image:url(images/lib/bg-comment-camel.png);
}
.post .comment-stats.ochre, .post .comment-stats.ochre > span, .comments-box .comment-stats.ochre, .comments-box .comment-stats.ochre > span {
	background-image:url(images/lib/bg-comment-ochre.png);
}
.post .comment-stats.grey, .post .comment-stats.grey > span, .comments-box .comment-stats.grey, .comments-box .comment-stats.grey > span {
	background-image:url(images/lib/bg-comment-grey.png);
}
.post .comment-stats.red, .post .comment-stats.red > span, .comments-box .comment-stats.red, .comments-box .comment-stats.red > span {
	background-image:url(images/lib/bg-comment-red.png);
}
.post .comment-stats.skyblue, .post .comment-stats.skyblue > span, .comments-box .comment-stats.skyblue, .comments-box .comment-stats.skyblue > span {
	background-image:url(images/lib/bg-comment-skyblue.png);
}
.post .comment-stats.lightblue, .post .comment-stats.lightblue > span, .comments-box .comment-stats.lightblue, .comments-box .comment-stats.lightblue > span {
	background-image:url(images/lib/bg-comment-lightblue.png);
}
.post .comment-stats.coffee, .post .comment-stats.coffee > span, .comments-box .comment-stats.coffee, .comments-box .comment-stats.coffee > span {
	background-image:url(images/lib/bg-comment-coffee.png);
}


/***
*********************thumbnails****************************/
.thumbnail, .flickr_badge_image {
	padding:1px; background-color:#fff; box-shadow: 0 0 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1); zoom:1;
}
.thumbnail, .thumbnail a, .thumbnail img, .flickr_badge_image, .flickr_badge_image a, .flickr_badge_image img, .imgframe a, .imgframe img { float:left;}
.thumbnail img, .flickr_badge_image img { border: solid 1px #4f6278; }
.thumbnail a, .flickr_badge_image a { background-color:#000;}
.thumbnail a:hover img, .flickr_badge_image a:hover img { opacity: 0.9; filter: alpha(opacity=90);}
.post .clearfix > .thumbnail { margin-bottom: 25px; }
.thumbnail.full img { width: 936px;}



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;}
.imgframe span > em.play { background-image: url(images/play_button.png);}
.imgframe span > em.zoom { background-image: url(images/magnifying-glass.png);}

.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;}

.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);}






.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);}



.feature h2 {  line-height: 1.1em; margin-bottom:10px; font-size:24px; }
.feature h2 img { vertical-align:text-bottom;}
.feature p { font-size:15px; line-height: 1.4em; }



#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;  }

.contactform.large p { margin-bottom: 20px;}
.contactform.large input[type=text],.contactform.large input[type=email] { width:240px; }
.contactform.large textarea { width: 572px; }
.contactform .button > span > span  { padding: 8px 14px 8px 25px!important;}
.contactform .button > span > span > span { padding-right:25px!important; }


.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 img { float:left; width:56px; height:56px; }

.clearCode{height:25px;}

.col1-layout { padding: 50px 9px; min-height:350px;}
.col1-layout > .post > .entry > * { margin-left: 10px; margin-right:10px; }

.threeposts{padding-left:30px;}
.fourposts{padding-left:10px;}

.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; line-height:1; margin-bottom:25px;}
.post h1 + .postmeta { margin-bottom:15px;}
.post .comment-stats, 
.post .comment-stats > span, .comments-box .comment-stats, .comments-box .comment-stats > span {
	background-image:url(images/bg-comment.png); background-repeat: no-repeat; display: inline-block; font-size:12px; line-height: 1.5em;}
.post .comment-stats, .comments-box .comment-stats { padding-left:19px; background-position:left top;}
.post .comment-stats > span, .comments-box .comment-stats > span { padding: 6px 19px 13px 0; background-position: right top; }
.post .comment-stats + h2 { padding-right: 55px;} 
.post .comment-stats a { margin: 0 -3px; }
.post article.entry h2 { margin-bottom: 10px; }
.postmeta { background: url(images/line2.gif) repeat-y 100px top; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; padding: 8px 5px 0; font-size:10px; text-transform:uppercase; line-height: 17px; color:#707070;}
.postmeta a { color:#707070; }
.postmeta time.left { display:block; background: url(images/icon_date.png) no-repeat left 2px; padding-left:20px;}
.postmeta time.left + div { background: url(images/icon_structure.png) no-repeat left top; padding-left:25px; margin-left: 110px; padding-bottom:8px; min-height:18px; }
.left + .postmeta { margin-left:140px;}
.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; font-size:16px; }
.pagenavi a, .pagenavi span { margin: 0 6px;}
.pagenavi a { color:#777777; }

.widget_themeteam_contact_info { line-height: 1.5em; }
#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;}
#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: 30px; margin:-1px 0 0 -30px; background-color:#fff; border-top: solid 1px #d4d4d4; border-bottom: solid 1px #d4d4d4;}
#subnavigation li.current_page_item a, #subnavigation a:hover { color:#333;}

.about-the-author { background-color:#f1eeea;  color:#676767; margin-top:23px; border-top: solid 5px #d6d2ce;}
.about-the-author > div { padding: 8px 15px 15px;}
.about-the-author h2 { text-transform:uppercase; font-size:12px; margin-bottom: 10px; color:#6f6f6f; }
.about-the-author h3 { font-size:18px; color:#454545; margin-bottom:10px; text-transform:capitalize;}
.about-the-author p { line-height: 1.45em; }
.about-the-author .thumbnail + div  { padding-left: 106px; }


.comments-box { background: url(images/line.gif) repeat-x left top; padding: 30px 23px; }
.comments-box > h2 > span { vertical-align: top;}
.comments-box > h2 > span + span { font-size:18px; line-height:30px; display: inline-block; }
.commentlist li { padding-top: 30px; min-height:96px;}
.commentlist li div.right { width:280px; text-transform:uppercase; padding-top:3px; }
.commentlist li div.right + div > div { padding: 10px;}
.commentlist li div.right time { background: url(images/icon_date.png) no-repeat left center; padding-left: 18px; font-size:10px;}
.commentlist li div.right .link-reply { background: url(images/icon_write.png) no-repeat left center; padding-left:18px; font-size:11px; margin-top:15px; }
.commentlist .thumbnail + div {  padding-left:115px;}
.commentlist h3 { margin-bottom:10px; font-size:16px; text-transform:capitalize;}
.commentlist h3 span { color:#8d8d8d; }
.commentlist p { line-height: 1.5em; font-size:13px;}
.commentlist p + p {  margin-top:10px;}
.commentlist .children li { padding-top:10px;}
.commentlist .children li div.right + div > div { border-top: solid 1px #dfdfdf; padding-left:0; padding-top:15px;}


#respond { clear: both;}
#respond h2 { font-size:12px; text-transform:uppercase; text-align: center; width:100%; margin: 30px 0 45px; background: url(images/line.gif) repeat-x left center;}
#respond h2 span { background-color:#fff; padding: 0 5px;}
.commentform { width:708px; margin: 0 auto;}
.commentform .left input { width: 230px;}
.commentform .right textarea { width: 418px; height:133px;}
.commentform p + p { margin-top:24px; }
.commentform .button > span > span { padding: 8px 25px; }
.commentform .button > span > span > span { padding-right: 25px; }

.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; font-size:13px; }
#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;}
#searchform p { margin-bottom: 10px;}

.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;}



/*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;margin: 5px 0 0;border:solid 1px #d2d1d1;}
pre code > span { display: block;background:url(images/code-bg.png) no-repeat left top; padding:0 10px 30px 35px; margin-bottom:-30px;}
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 */
.foundationFrame {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
img.foundationFrame {
	padding:6px;
	margin:2px;
}
img.foundationFrame {
	background-color:rgba(255, 255, 255, 0.2);
}
img.foundationFrame {
	box-shadow: 0 1px 3px rgba(0, 0, 0, .6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .6);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, .6);
}

.googleMap { border: solid 1px #ccc; padding: 0 3px; }
.imgframe { position:relative; float:left;}
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 { margin-left:0!important; margin-right:0!important;}
.col5 .grid_3{width:172px;}
.clear + .clear { height:0;}

#custom-blocks{padding-left:15px;}

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: #fff;}
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;}

.contactSuccess {color:#899EB7;}