/*----------------------------------------------------------------------------------------------------

Theme Name:     Agenci  
Theme URI:      http://purtypixels.com/
Description:    A Responsive Creative/Agency WordPress Theme
Author:         Richard Tabor & Franklin M Gitonga 
Author URI:     http://purtypixels.com/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version:        1.1 
Tags: light

Designed By Richard Tabor of PurtyPixels.com & Handcrafted by Franklin M Gitonga of Radiumthemes.com

All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

----------------------------------------------------------------------------------------------------*/

/*
 * Default
 * Basic and global styles
 * ------------------------------------------------------------------------------------------- */
@import url("radium.css"); 

body {
	color: #4c5157; 
	background: url(images/bg_light.png); 
	}

a {	
	color: #4c5157;
	-webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;
	}
	
a:hover { color: #ff0000; }
    
h1 { font-size: 20px; font-size: 2.0rem; margin-bottom: 9px;}
h2 { font-size: 18px; font-size: 1.8rem; margin-bottom: 9px; }
h3 { font-size: 16px; font-size: 1.6rem; margin-bottom: 9px; }
h4 { font-size: 14px; font-size: 1.4rem; margin-bottom: 9px; }
h5 { font-size: 13px; font-size: 1.3rem; font-weight: bold; margin-bottom: 9px;  }
h6 { font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #797979; text-transform: uppercase; margin-bottom: 9px; }
h1, h2, h3, h4, h5 { color: #363636; }
h1, h2, h3, h4, h5, h6 {  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: bold; line-height: 1.35;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: color: #363636; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #bfbfbf; font-weight: normal; font-size: 100%;}

h1.entry-title, 
h2.entry-title, 
h3.entry-title,
h1.page-title, 
h2.page-title, 
h3.page-title{	
	margin-bottom: 10px; 
	background: url(images/separator.png) repeat-x right; 
	}

h3.entry-title{
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 20px;
	}
		
h2.entry-subtitle{
	color: #797979;
	font-size: 13px;
	font-size: 1.3rem;
	}

h1.entry-title span, 
h2.entry-title span, 
h3.entry-title span, 
h1.page-title span, 
h2.page-title span, 
h3.page-title span,  
h2 span, h3 span{ 
	background: url(images/bg_light.png) #fdfdfd;	
	padding: 0 20px 0 0; 
	}
	
p { margin: 0 0 18px 0;	}
::selection { background: #ff0000; color: #fff; }
.error { color: #ff0000; }

blockquote {
	margin-left: 0px;	
	margin-top: 10px;
	margin-bottom: 18px;
	padding-left: 23px;
	border-left: 23px solid #f6f6f6;
	}
	
#main { padding: 40px 0; }
	
#content.row{
	background-position: 21.18% 0;
	background-image: url(images/bg_separator.png);
	background-repeat: repeat-y;
	}	


/* =Branding
-----------------------------------------------------------*/
#branding a:hover { background: none; }
#logo {	margin-bottom: 10px; }


/* =Sidebar
-----------------------------------------------------------*/
#sidebar { padding-top: 40px; }
#sidebar-box { padding-right: 26px; }

#sidebar h3{
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 20px;
	background: url(images/separator.png) repeat-x right;
	}
	
#sidebar ul,
#sidebar ol { margin:0; }
#sidebar ul ul,
#sidebar ol ol,
#sidebar ul ul ul,
#sidebar ol ol ol{ margin:0 0 0 10px; }
#sidebar li, 
#sidebar li li,
#sidebar .widget li { margin-bottom: 5px; line-height: 17px; }
#sidebar .widget{ margin: 40px 0; }
#sidebar .widget_recent_entries ul{ max-width: 90%; }
#sidebar .widget_recent_entries li{ margin-bottom: 8px;	}

#topnav { margin: 25px 0 42px 0;}
#topnav .current_page_item a{ color: #ff0000; }

/* =Sliders
-----------------------------------------------------------*/

.loaded { background: none; }
		
.slide-container a:active,
.slide-container  a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none;} 
.flex-pauseplay span { text-transform: capitalize;}
	
.slide-container {	
	zoom: 1;
	
	/* Don't remove these */
	width: 100%; 
	margin: 0;  
	padding: 0;
	}
	
.slide-container .slides{ zoom: 1; }
	
.slide-container .slides > li {
	display: none; /* Hide the slides before the JS is loaded. Avoids image jumping  (important)*/
	position: relative;
	}
				
.slide-container .slides img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	background: white;
	padding: 2px;
	border: 4px solid #F6F6F6;
	}
	
.slide-container .flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 15px;
	left: 3%;
	display: none;
	}

.slide-container .flex-control-nav li:first-child {	margin: 0;}

.slide-container .flex-control-nav li {
	margin: 0 0 0 5px;
	display: inline-block;
	zoom: 1;
	}

.slide-container .flex-control-nav li a {
	width: 6px;
	height: 6px;
	cursor: pointer;
	text-indent: -9999px;
	display:block;
	background: url(images/pagination.png) top transparent no-repeat;
	outline: 0;
	}

.slide-container .flex-direction-nav li a {
	width: 46px;
	height: 46px;
	margin: 0;
	display: block;
	position: absolute;
	top: 13px;
	cursor: pointer;
	text-indent: -9999px;
	}

.slide-container.no-nav.no-pagi { padding: 0;}

.slide-container .flex-control-nav li a:hover, 
.slide-container .flex-control-nav li a.active { background: url(images/pagination.png) 0 -8px transparent no-repeat; }

.slide-container .flex-direction-nav .prev, 
.slide-container .flex-direction-nav .next {
	width: 23px;
	height: 23px;
	display: block;
	text-indent: -9999em;
	border: none;
	z-index: 999;
	opacity: 0.8;
	}

.slide-container .flex-direction-nav .prev:hover, 
.slide-container .flex-direction-nav .next:hover {
	filter: alpha(opacity=@opacity * 100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	}

.slide-container .flex-direction-nav .prev {
	background: url("images/nav-prev.png") no-repeat top;
	right: 45px;
	}

.slide-container .flex-direction-nav .next {
	background: url("images/nav-next.png") no-repeat top;
	right: 15px;
	}
	
.slide-container .flex-direction-nav .next:hover, 
.slide-container .flex-direction-nav .prev:hover {
	background-position:  bottom;
	}
		
.slide-container .flex-direction-nav li {
	float:left;
	margin:0 1px;
	list-style:none;
	padding: 0;
	}
	
.slide-container .slider-desc {
    background: #222;
    color: #fff;
    font-style: italic;
    padding: 6px 25px;
    position: absolute;
    text-align: center;
	right: 14px;
	bottom: 13px;
    max-width: 60%;
    margin-left: 8%;
	}

.slide-container .slider-desc span,
.slide-container .slider-desc em { color: #fff; }

/* =Widgets
-----------------------------------------------------------*/

.widget { margin: 35px 0; }
#sidebar .widget:first-child { margin-top: 27px; }
.widget ul ul { margin: 0; padding: 0;	}
.widget li li { padding-left: 0; }
.widget li li ul { padding-left: 15px; }
.widget li li a { background: url(images/arrow.png) no-repeat center left;	padding: 0 0 0 13px; }

/* =Services Widget */
.radium-custom-services{ margin-top: 20px; }
.radium-custom-services img{ float: left; margin-right: 20px; }
.radium-custom-services h3 { margin-bottom: 20px;  }
#valueProps .widget { margin-bottom: 5px; margin-top: 44px; }


/* =Flickr Widget */
#flickr_badge_wrapper {	width: 110%; }
#flickr_badge_wrapper p{ padding-right: 15px;}
	
.flickr_badge_image {
	float: left;
	margin: 0 5px 8px 0;
	}

.flickr_badge_image a {
	float: left;
	padding: 3px;
	background: #f6f6f6;
	}

.flickr_badge_image a:hover { background: #ff0000;}

.flickr_badge_image img {
	width: 50px;
	height: 50px;
	float: left;
	border: 2px solid #fff;
	}
	
	
/* =Custom Images Widget */
#radium_custom_images_wrapper{
	width: 110%;
	}
	
.custom_image{
	float: left;
	margin: 0 5px 8px 0;
	}
	
.radium_custom_images_widget a{
	float: left;
	padding: 3px;
	background: #F6F6F6;
	}
	
.radium_custom_images_widget a:hover { background: #ff0000;}

.radium_custom_images_widget img{
	width: 82px;
	height: 82px;
	float: left;
	border: 2px solid white;
	max-width: 100%;
	}

		
/* =Testimonial Widget */
.radium-testimonials .post-thumb {
	background: #f6f6f6;
	padding: 3px;
	float: left;
	margin: 0 15px 5px 0;
	}

.radium-testimonials .post-thumb img { 
	height: 50px;
	width: 50px;
	border: none;
	border-radius: 0;
	margin: 0; 
	}
	
.radium-testimonials .entry-meta { float: left; }
.radium-testimonials .entry-meta .name {	font-weight: bold;	}
.radium-testimonials li { list-style: none;	margin-top: 15px; }

.radium-testimonials span {
	display: block;
	color: #444;
	font-weight: normal;
	}

.radium-testimonials p {
	width: 100%;
	float: left;
	margin: 10px 0 15px 0;
	}
	
/* =RSS Widget */
.widget_rss li{ margin: 0 0 18px 0 !important; }

/* =Calender */
table#wp-calendar {	width: 200px; display: block; }

	
/* =Audio/Video jPlayer Skin
---------------------------------------------------------------------*/
div.jp-container  {	
	margin-left: auto;
	margin-right: auto;
	}

div.jplayer img {	
	background: white;
	margin-bottom: 5px;
	padding: 2px;
	border: 4px solid #f6f6f6;
	width: 98.1% !important;
	}

div.jplayer video{
	background: white;
	margin-bottom: 5px;
	border: 4px solid #f6f6f6;
	width: 98.5% !important;
	}
			
div.jp-container a {
	text-decoration: none;
	border: 0;
	}

div.jplayer {	
	width:0px;	
	height:0px;	
	margin-bottom: 16px;
	margin-left: 1px;
	}

div.jp-audio {
	color: #fff;
	font: 20px/1.6em Helvetica, Arial, sans-serif;
	}

div.jp-audio {width: 100%;}

div.jp-interface {
	position: relative;
	width: 100%;
	background: -moz-linear-gradient(center bottom, rgb(215, 215, 215) 0%, rgb(242, 242, 242) 97%, #ffffff 100%) rgb(247, 247, 247);
	background: -webkit-gradient(linear, left bottom, left top, from(rgb(215, 215, 215)), color-stop(0.97, rgb(242, 242, 242)), to(#ffffff)) rgb(247, 247, 247);
	-webkit-box-shadow: 0 1px 1px rgba(164, 164, 164, 0.5);
	-moz-box-shadow: 0 1px 1px rgba(164, 164, 164, 0.5);
	box-shadow: 0 1px 1px rgba(164, 164, 164, 0.5);
	border: 1px solid #7f7f7f;
	}

div.jp-audio div.jp-type-single div.jp-interface {
	height: 31px;
	width: 100%;
	}

div.jp-interface ul.controls {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

div.jp-interface ul.controls li { display: inline; }

div.jp-interface ul.controls a {
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
	}

a.jp-play,a.jp-pause{
	width: 30px;
	height: 31px;
	z-index: 1;
	outline: none;
	}

div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause {
	top: 0;
	left: 0;
	height: 31px;
	width: 30px;
	color: #ffffff;
	border-color: #e9e9e9;
	background: (images/jplayer/jplayer-sep.png) repeat-y right; 
	margin-left: 2.5%;
	}

.post div.jp-audio div.jp-type-single a.jp-play, 
.post div.jp-audio div.jp-type-single a.jp-pause {
	margin-left: 1%;
	}

a.jp-play {	background: url("images/jplayer/jplayer.png") no-repeat 16px -80px;	}
a.jp-play:hover {	background: url("images/jplayer/jplayer.png") no-repeat -36px -80px;	}
a.jp-pause {	background: url("images/jplayer/jplayer.png") no-repeat 16px -47px;	display: none;	}
a.jp-pause:hover {	background: url("images/jplayer/jplayer.png") no-repeat -36px -47px;	}

div.progress-container {
	position: absolute;
	top: 0;
	left: 10.5%;
	width: 66.1%;
	height: 8px;
	padding: 12px 1.5% 12px 3%;
	border-left: 1px solid rgb(50,51,52);
	border-right: 1px solid rgb(36,37,38);
	border-color: #7a7a7a;
	}

div.jp-progress {
	position: absolute;
	overflow:hidden;
	}

div.jp-audio div.jp-type-single div.jp-progress {
	width: 91%;
	height: 8px;
	padding: 1px;
	background: url("images/jplayer/jplayer.png") repeat-x 17px -175px;
	}

div.jp-seek-bar {
	width: 0px;
	height: 8px;
	cursor: pointer;
	background: url("images/jplayer/jplayer.png") repeat-x 0 -146px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	}

div.jp-play-bar {
	width: 0px;
	height: 8px;
	background: url("images/jplayer/jplayer.png") repeat-x 0 -119px;
	}

div.jp-volume-bar-container {
	position: absolute;
	top: 0;
	left: 81%;
	padding: 13px 12px 12px 15px;
	background: (images/jplayer/jplayer-sep.png) repeat-y right; 
	width: 5.5%;
	height: 6px;
	}

div.jp-volume-bar {
	position: relative;
	overflow: hidden;
	background: url("images/jplayer/jplayer.png") repeat-x 0 -176px;
	width: 200%;
	height: 9px;
	cursor: pointer;
	}

div.jp-audio div.jp-type-single div.jp-volume-bar {	left: 70%;	}

div.jp-volume-bar-value {
	width: 0px;
	height: 7px;
	margin: 1px;
	background: url("images/jplayer/jplayer.png") repeat-x 0 -120px;
	}

a.jp-mute,
a.jp-unmute {
	width: 6.1%;
	height: 13px;
	z-index: 1;
	outline: none;
	}

div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {	top: 11px;	left: 82.8%;	}
a.jp-mute {	background: url("images/jplayer/jplayer.png") no-repeat 2px 0;	}
a.jp-mute:hover {	background: url("images/jplayer/jplayer.png") no-repeat -49px 0px;	}
a.jp-unmute {	background: url("images/jplayer/jplayer.png") no-repeat 2px -27px;	display: none;	}
a.jp-unmute:hover {	background: url("images/jplayer/jplayer.png") -49px -27px no-repeat;	}


/* =Search
--------------------------------------------------------------*/
#searchform input#s{ margin: 8px 5px 10px 0;padding-left: 5px;}
#sidebar #searchform input#s {	width: 95%; height: 18px;float: left; }
#sidebar #searchsubmit { float: left; margin-left: 5px; }


/* =Page
--------------------------------------------------------------*/
.page-box.entry-content { margin-top: 25px;}

/* =Child Page Navigation */
.page-child-list { float: left; margin: 0 20px 20px 0; }
.page-child-list .current_page_item a {	display: none; }
.page-template-page-contact-php .bottom-widget, 
.page-template-page-quote-php .bottom-widget { margin-top: 35px; }
			

/* =Single Page Styles
--------------------------------------------------------------*/
.single #post-box article .entry-content { background: none; }


/* =Archives
--------------------------------------------------------------*/			
.page-template-page-sitemap-php #main li,
.page-template-page-archives-php #main li { list-style-type: circle;}	

.page-template-page-sitemap-php .sitemap-pages, 
.page-template-page-archives-php .archive-lists { margin-top: 30px;}	
	
	
/* =Post Formats
--------------------------------------------------------------*/
.entry-meta {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: left;
	}
	
.entry-meta a {
	color: #62676c;
	font-weight: normal;
	float: right;
	}
		
.entry-meta a:hover { color: #ff0000; }
	
.entry-summary{	margin-bottom: 5px;}	
.entry-format {	margin-bottom: 10px;}	

.entry-meta span.date,
.entry-meta span.client{
	float: right;
	font-weight: normal;
	margin-top: 0;
	}	
	
.entry-meta .cat-links, 
.entry-meta .cat-links a, 
.entry-meta .edit-link a,
.entry-meta .tag-links,
.entry-meta .tag-links a, 
.entry-meta .tax a { clear: both; }
			
#post-box article .entry-title { background: none; }
#post-box article .entry-content{ background: url(images/separator.png) repeat-x bottom; }
#post-box article .content p a, 
.page-box.entry-content a {	border-bottom: 1px dotted #ff0000; }
#post-box article .entry-title { margin: 25px 0; }
	
#post-box article .entry-content{ 
	margin-top: 30px;	
	margin-bottom: 30px;
	padding-bottom: 30px;
	}
		
a.more-link {
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 7px 14px;
	font-weight: 600;
	background: #242424;
	border-bottom: none !important;
	}

a.more-link:hover {	background: #ff0000;}
	
.sticky { }
					
/* =Tags */
.post-tags { margin-top: 18px; }
.post-tags a {
	display: inline-block;
	padding: 0px 6px;
	margin: 0px 3px 3px 0px;
	background: #E9E8E8;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	font-size: 80%;
	color: #595959;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
	}

/* =Status */
.format-status .avatar{ margin-bottom: 20px; }

/* =Audio */
.format-audio div.jp-container{	padding-bottom: 30px;}


/* =Video */ 
.format-video div.jp-container, 
.format-video .video-frame { padding-bottom: 30px; }
	
/* =Chat */

dl.chat-transcript{
	line-height:150%;
	font-size:14px;
	}

.chat-transcript dd{
	padding:0px 5px;
	font-family:georgia;
	font-style:italic;
	}	
		
.chat-transcript dt { padding:5px 0;}		
.chat-transcript dt.chat-highlight { padding:5px 0; }		


/* =Gallery Slider */
#post-box .format-gallery .content  { margin-top: 15px; }
.format-gallery .slide-container .flex-direction-nav .prev { right: 41px; }
.format-gallery .slide-container .flex-direction-nav .next { right: 11px; }
	
/* =Images */
.entry-content p img,
.content .gallery .gallery-icon img, 
.post-thumb img,
.image-frame img, 
.attachment .post-box img,
.slider img {
	display: block;
	background: #fff;
 	border: 4px solid #f6f6f6;
 	padding: 2px;
 	border-image: initial;
 	}

.entry-content a img:hover,
.content .gallery .gallery-icon a img:hover {
	border: 4px solid #ff0000; 
	-webkit-transition: border-color .8s linear;
	-moz-transition: border-color .8s linear;
	-o-transition: border-color .8s linear;
	-ms-transition: border-color .8s linear;
	transition: border-color .8s linear;
	}
	
.entry-content img {margin-bottom: 1em;}
.attachment .post-box img { margin: 0 auto;}

.content .gallery-item {
	float: left;
	margin: 0;
	padding: 0;
	}

.content .gallery .gallery-icon img { margin-bottom: 0 !important;}	 

.entry-content img,
.comment-content img,
.widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ }

img.size-full,
img.size-large {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	display: block;
	}

.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	}

img.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
	margin-top: 5px;
	}

img.alignleft {
	float: left;
	margin: 10px 25px 0 0;
	}

img.alignright {
	display: block;
	margin: 10px 0 0 20px;
	}

.wp-smiley {
	max-height: 13px;
	margin: 0 !important;
	}

.gallery { 
	margin: auto; 
	float: left;
	width: 100%;
	}
	
.gallery-item {
	float: left;
	text-align: center;
	margin-left: 0;
	}
		
#gallery-1 .gallery-item {
	float: left;	
	margin-top: 10px;
	text-align: center;
	width: 33%;
	}
	
.gallery-image {
	border: 2px solid #efefef;
	margin-left: 0;
	}

.gallery-caption { 
    font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-left: 0; 
	}

.gallery-item .gallery-caption { 
    margin-bottom: 0 !important;
    padding-right: 12%; 
	}

.wp-caption,
figcaption {
	text-align: center;
	margin: 10px 20px 20px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	}

.wp-caption.aligncenter { margin: 20px auto; }
.wp-caption.alignleft { margin-left: 0; }
.wp-caption.alignright { margin-right: 0; }
.wp-caption.alignnone { margin-left: 0; }

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

.wp-caption
.wp-caption-text {
	margin: 0;
	padding: 5px;
	}

img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
	}
	
/* =Author Info */
#author-info {
	font-size: 12px;
	overflow: hidden;
	}

.singular #author-info {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 2.2em -35.6% 0 -35.4%;
	padding: 20px 35.4%;
	}

.archive #author-info {
	border-bottom: 1px solid #ddd;
	margin: 0 0 2.2em;
	padding: 0 0 2.2em;
	}

#author-avatar {
	float: left;
	margin-right: -78px;
	}

#author-avatar img {
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
	padding: 3px;
	}

#author-description {
	float: left;
	margin-left: 108px;
	}

#author-description h2 {
	color: #000;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 5px 0 10px;
	}


/* =Attachments Page
--------------------------------------------------------------*/
.single-attachment #post-box article .entry-title {	padding-bottom: 0; margin-top: 0; }
.single-attachment #post-box article .entry-content { margin-top: 0; }
			
				
/* =Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-header{ margin-bottom: 30px;}
.portfolio-title{ margin-bottom: 25px;}

/* =Portfolio Filter */
#filter {
	background: #000;
	color: #fff;
	display: none;
	margin: 15px 0;
	float: left;
	width: 100%;
	}

#filter a {
	font-family: sans-serif;
	color: #ced0d4;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 600;
	float: left;
	padding: 7px 10px 6px 10px;
	}

#filter a:hover {
	background: #3a3a3a;
	color: #fff;
	}

#filter a.active {
	background: #ff0000;
	color: #fff;
	}

#filter h5 {
	float: left;
	display: inline;
	color: #fff;
	padding: 8px 20px;
	margin-bottom: 0;
	}
		
#filter ul { margin: 0 0 0 0; }
	
#filter li {
	display: inherit;
	list-style: none;
	float: left;
	}

.portfoliocontainer ul { overflow:hidden; }
.portfoliocontainer ul.hidden { display:none; }
ul#stage { margin: 0 -17px 0; overflow: visible;}
#stage h4 {	margin-bottom: 3px; }
#stage p { margin-bottom: 3px; }
.single-portfolio .entry-title a {
	border-bottom: none;
	color: #8D8F8F;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: normal;
	margin-left: 12px;
	}
			
.portfolio .image-frame img { margin-bottom: 0; }	
.portfolio .entry-content { 
	background: url(images/separator.png) repeat-x top;
	padding-top: 30px;
	margin-bottom: 15px;
	margin-top: 15px; 
	}

.portfoliocontainer article { margin-bottom: 30px; }
	
.portfolioitem {
	float: left;
	width: 228px;
	height: 190px;
	margin-left: 19px;
	text-align: center;
	}
		
.portfoliocontainer .post-thumb {
	position: relative;
	border: 4px solid #F6F6F6;
	background: white;
	padding: 2px;
	margin-bottom: 5px;
	}

.portfoliocontainer .post-thumb:hover {
	border: 4px solid #ff0000; 
	-webkit-transition: border-color .8s linear;
	-moz-transition: border-color .8s linear;
	-o-transition: border-color .8s linear;
	-ms-transition: border-color .8s linear;
	transition: border-color .8s linear;
	}

.portfoliocontainer .post-thumb img { 
	border: 0px solid #f6f6f6; 
	padding: 0;
	height:100% ;
	width: 216px;
	}
		
.portfoliocontainer .post-thumb a {
	background: #242424;
	display: block;
	height: 123px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 216px;
	}
	
.portfoliocontainer .post-thumb a:hover img { 
	opacity: .2;
	-webkit-transition: opacity 0.15s linear;
	-moz-transition: opacity 0.15s linear;
	-ms-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
	}

.portfoliocontainer .post-thumb-overlay {
	background: transparent url('images/thumb-hover.png') center center no-repeat;
	color: white;
	text-indent: -9999em;
	position: absolute;
	top: 43%;
	left: 42%;
	display: none;
	}
	
.portfoliocontainer a:hover .post-thumb-overlay { 
	display: block;
	z-index: 99;
	}
	
/* =Quicksand */
.portfoliocontainer {
	width: 103%;
	overflow: visible;
	display: block;
	float: left;
	margin-top: 15px;
	}

.portfoliocontainer li { float: left;}
	
.tax-skill-type .portfolio h2, .tax-skill-type .portfolio span a { text-align: center; }

	
/* =Navigation
--------------------------------------------------------------*/
/* =Post navigation */
.navigation {
	float: right;
	padding: 0 ;
	margin: 0;	
	}

.navigation a {
	display: block;
	width: 23px;
	height: 23px;
	margin: 0 0 0 5px;
	}

.nav-previous,
.nav-next { float: right; }

.nav-previous a { background: url(images/nav-prev.png) top no-repeat; }
.nav-next a { background: url(images/nav-next.png) top no-repeat; }
.nav-previous a:hover { background: url(images/nav-prev.png) bottom no-repeat; }
.nav-next a:hover { background: url(images/nav-next.png) bottom no-repeat; }
.page-link a {	border-bottom: 1px dotted #ff0000; }
	
	
/*=Comments
-----------------------------------------------------------------------------------*/
#comments {	margin: 18px 0 18px 0; }
#comments .entry-meta { margin-top: -3px;}
#comments .entry-meta p,
#comments .entry-meta p a{
	font-size: 12px;
	font-size: 1.2rem;
	float: none;
	text-align: left;
	}
	
#comments-list { margin-bottom: 20px;}	
#comments-list h3 {	}
#comments h3 span { background: transparent; padding: 0 0 0 0; }
#comments ol {   margin: 0;   list-style-type: none;	}
#comments ol li ol {	margin: 1em 0 1.4em 24px;   list-style:upper-alpha;	}
#comments ol li ol o l{ list-style:lower-roman;	}
#comments ol li ol ol ol ol ol { list-style:lower-alpha; }

li.comment {
    margin: 0 0 20px 0;
    padding-bottom: 6px;
  	background: transparent url(images/dots.png) repeat-x bottom;
	}
		
li.comment:first-child { background: transparent url(images/dots.png) repeat-x bottom; }
li.comment:last-child { background: none; }
	
li.comment .comment-body {
    margin: 0 0 0 75px;
    position: relative;
    min-height: 70px;
    padding-bottom: 10px;
	}

li.comment .comment-meta {
    overflow: hidden;
    float: left;
    display: block;
    width: 50%;
	}

li.comment .comment-text { padding-bottom: 1px; }

.comment .avatar {
    position: absolute;
    left: -75px;
    padding: 2px;
    background: #fff;
    border: 3px solid #f6f6f6;
	}

#comments .byuser img { background-color: #fff; border: 3px solid #242424; }
	
li.comment p {
    clear: both;
    margin-bottom: 15px;
	}

li.comment cite {
    font-weight: bold;
    font-style: normal;
    margin: 0 8px 0 0;
    float: left;
    line-height: 22px;
	}

li.comment cite a:hover { text-decoration: none;}

.commentmetadata,
.commentmetadata a {
    font-size: 11px;
    font-size: 1.1rem;
	}

.says { display: none }

.comment-meta {
    margin: 0 0 5px;
    line-height: 22px;
    position: relative;
	}

li.comment .comment-body a.comment-reply-link {
    display: block;
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 11px;
    font-size: 1.1rem;
	}

.moderation {
    font-size: 11px;
    font-size: 1.1rem;
    color: #c88865;
	}

.comment ul.children {
    list-style-type: none;
    margin: 0 0 0 75px;
	}

ul.children li.comment {
    background: none;
    padding: 15px 0 0 0;
    margin: 0;
    background: transparent url(images/dots.png) repeat-x top;
    }

ul.children .avatar {
    width: 30px;
    height: 30px;
    left: -50px;
	}

ul.children li.comment .comment-body { margin: 0 0 0 50px }


/* =Trackbacks --*/

li.trackback, li.pingback {
	margin-bottom: 75px;
	margin: 0 0 20px 0;
	padding-bottom: 6px;
  	background: transparent url(images/dots.png) repeat-x bottom;
	}
	
div.comment-author { }
div.comment-content p { clear: both;margin-bottom: 15px;}
		
/* =Comment Respond --*/

#commentform {  margin-bottom: 50px; }
#commentform #row-author { margin-top: 5px;}
#commentform #row-author label { padding-top: 0;}
#commentform p { margin-bottom: 15px }
#commentform span {  display: inline;}
#commentform input[type=text],
#commentform textarea {	}
#commentform input[type=text] {	}
#commentform textarea {
    min-height: 150px;
    padding: 7px;
    margin:7px 0;
	}
	
.logged-in #commentform #row-comment { margin-top: 0;}
.logged-in #commentform .label{	padding-top: 0; }	


/* =pagination
-----------------------------------------------------------------------------------*/
.pagination ul { height: 24px; }
.pagination ul li {  height: 24px; color: #999;    }
.pagination ul li a {  color: #555; }
.pagination ul li.current a, 
ul.pagination li:hover a, 
.pagination ul li a:focus { border-bottom: none; }
.pagination span, 
.pagination a {
	display:block;	margin: 2px 2px 2px 0;
	padding:7px 10px 6px 10px;
	color:#fff;
	background: #242424;
	}
	
.pagination .current { padding:7px 10px 6px 10px; }	
.pagination a:hover { background: #000; }
.pagination a:visited { }
.pagination .current { background: #ff0000; }
	

/* =Footer
-----------------------------------------------------------------------------------*/
#bottom-footer{
	color: #fff;
	background-color: #242424;
	}
	
#bottom-footer a{ color: #fff; }
#bottom-footer a:hover{ color: #ff0000; }

#bottom-footer ul{ list-style: none outside; }	
#bottom-footer ul, 
#bottom-footer ol { margin: 0 0 18px 0; }
#bottom-footer li{margin-bottom: 3px; }	

#bottom-footer .widget{	padding-top: 25px;	}		
#bottom-footer h6.widget-title {
	background: url(images/separator-white.png) repeat-x right;
	color: #fff;
	padding: 0 20px 0 0;
	margin-bottom: 30px;
	}
		
#bottom-footer h6.widget-title strong {
	background: #242424;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 0 20px 0 0;
	text-transform: none;
	}
	
#bottom-footer #twitter_div	li{
	padding-left: 30px;
	background: url(images/icon-quote.png) no-repeat top left ;
	margin-bottom: 20px;
	}		

#bottom-footer #twitter_div	li a { color: #777;}
#bottom-footer #twitter_div	li a:hover{	color: #ff0000;}
#bottom-footer #twitter-link{ padding-left: 30px;}

#bottom-footer .nine{ background-color: #242424; margin-top: 30px; }
#bottom-footer section.sidebar { background: url(images/footer-sidebar-sep.png) repeat-y right; } 
#bottom-footer section.sidebar .widget{ margin-right: 20px; margin-top: 0;}

/* =Footer logo */
.footer-logo{
	margin-top: 35px;
	padding-top: 25px;
	}
	
/*=Credits */
#copyright{	
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 80px; 
	padding-bottom: 30px;
	}

/* =Forms
--------------------------------------------------------------------------*/
span.required { color: #ff0000; }

/* =Buttons*/

.btn, 
.button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	cursor: pointer;
	display: inline-block;
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	padding: 7px 14px;
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-weight: 600;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	font-size: 13px;
	line-height: normal;
	border: 1px solid #ccc;
	border-bottom-color: #bbb !important;;
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
	}

.btn:hover, 
.button:hover,
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover{
	color: #fff;
	text-decoration: none;
	background-image: none;
	background-color: #ff0000;
	text-shadow: none;
	border: 1px solid #ff0000 !important;
	}

.btn:focus, 
.button:focus, 
input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus {
	outline: 1px dotted #666;
	}

.btn.active, 
.btn:active,
.button.active, 
.button:active {
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.btn.disabled, 
.button.disabled {
	cursor: default;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter: alpha(opacity=65);
	-khtml-opacity: 0.65;
	-moz-opacity: 0.65;
	opacity: 0.65;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}

.btn[disabled],
.button[disabled] {
	cursor: default;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter: alpha(opacity=65);
	-khtml-opacity: 0.65;
	-moz-opacity: 0.65;
	opacity: 0.65;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
		
button.btn::-moz-focus-inner, 
button.button::-moz-focus-inner, 
input[type=submit].btn::-moz-focus-inner, 
input[type=submit].button::-moz-focus-inner {
	padding: 0;
	border: 0;
	}

a.btn, 
a.button{ border-bottom: 1px solid #ccc !important; }	

/* Don't use native buttons on iOS */
input[type=submit].button { -webkit-appearance: none; }


.button.radius, 
.btn.radius { 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

.button.round, 
.btn.round { 
	-moz-border-radius: 1000px;
	-webkit-border-radius: 1000px;
	border-radius: 1000px;
	}

.white.button, 
.btn.white {
	 background-color: #fff;
	 background-image: none; 
	 text-shadow: none;
	 border-bottom: 1px solid #ccc !important; 
	 }

.white.button:hover, 
.btn.white:hover {
	 background-color: #ff0000;
	 background-image: none; 
	 text-shadow: none;
	 color: #fff;
	 border: 1px solid #ff0000 !important;
	 }
	 
.dark.button, 
.btn.dark {
	 background-color: #242424;
	 background-image: none; 
	 color: #fff;
	 text-shadow: none;
	 border: 1px solid #242424;
	 border-bottom: 1px solid #242424 !important; 
	 }
	 	
.dark.button:hover, 
.btn.dark:hover {
	 background-color: #ff0000;
	 background-image: none; 
	 text-shadow: none;
	 color: #fff;
	 border-bottom: 1px solid #ff0000 !important;
	 }	
	 	
/* =Forms */
form .row {	margin: 15px 0;}
form .row.input { margin:0;}
form label {font-weight: bold;}

input, 
select, 
.uneditable-input { height: 26px; }
	
input, 
textarea {
	background: white;
	border: 1px solid #d1d1d1;
	-webkit-box-shadow: 
		0 1px 3px rgba(0, 0, 0, 0.10) inset,
		-3px -3px 0 0 #f6f6f6, 
		3px 3px 0 0 #f6f6f6, 
		3px 0 0 0 #f6f6f6, 
		0 3px 0 0 #f6f6f6, 
		3px -3px 0 0 #f6f6f6, 
		-3px 3px 0 0 #f6f6f6;
	-moz-box-shadow: 
		0 1px 3px rgba(0, 0, 0, 0.10) inset,
		-3px -3px 0 0 #f6f6f6, 
		3px 3px 0 0 #f6f6f6, 
		3px 0 0 0 #f6f6f6, 
		0 3px 0 0 #f6f6f6, 
		3px -3px 0 0 #f6f6f6, 
		-3px 3px 0 0 #f6f6f6;
	box-shadow:
		0 1px 3px rgba(0, 0, 0, 0.10) inset,
		-3px -3px 0 0 #f6f6f6, 
		3px 3px 0 0 #f6f6f6, 
		3px 0 0 0 #f6f6f6, 
		0 3px 0 0 #f6f6f6, 
		3px -3px 0 0 #f6f6f6, 
		-3px 3px 0 0 #f6f6f6;
	border-image: initial;
	}

 input:focus, 
 textarea:focus {
	border: 1px solid #b4b4b4;
	-webkit-box-shadow: 
		0 1px 3px rgba(0, 0, 0, 0.10) inset,
		-3px -3px 0 0 #ececec, 
		3px 3px 0 0 #ececec, 
		3px 0 0 0 #ececec, 
		0 3px 0 0 #ececec, 
		3px -3px 0 0 #ececec, 
		-3px 3px 0 0 #ececec;
	-moz-box-shadow: 
		0 1px 3px rgba(0, 0, 0, 0.10) inset,
		-3px -3px 0 0 #ececec, 
		3px 3px 0 0 #ececec, 
		3px 0 0 0 #ececec, 
		0 3px 0 0 #ececec, 
		3px -3px 0 0 #ececec, 
		-3px 3px 0 0 #ececec;
	box-shadow:
		0 1px 3px rgba(0, 0, 0, 0.10) inset,
		-3px -3px 0 0 #ececec, 
		3px 3px 0 0 #ececec, 
		3px 0 0 0 #ececec, 
		0 3px 0 0 #ececec, 
		3px -3px 0 0 #ececec, 
		-3px 3px 0 0 #ececec;
	}
	
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:50px;
	right:50px;
	overflow:hidden;
	width:23px;
	height:23px;
	border:none;
	text-indent:-999px;
	background:url(images/ui.totop.png) no-repeat top;
	}

#toTopHover {
	background:url(images/ui.totop.png) no-repeat bottom;
	width:23px;
	height:23px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	}

#toTop:active, #toTop:focus {
	outline:none;
	}
	
/* =Singele Page Divider*/
hr.single-divider{
	border-left: none;
	border-bottom: none;
	border-top: none;
	margin: 0;
	background: url(images/separator.png) repeat-x top;
	padding-top: 20px;
	}


/* --------------------------------------------------
	:: =Mobile
	-------------------------------------------------- */
	
	/* =Tablet screens (portrait  mode)*/
	@media only screen and (max-width: 800px) {
	
		#sidebar {
			width: 20%;
			}
		}
	
	/* =Mobile */
	@media only screen and (max-width: 767px) {
		
		#sidebar-box { padding-right: 0; }
		
		/* =Branding */
		#branding {
			width: 100%;
			background:url(images/separator.png) repeat-x bottom;
			text-align: center;
			}
		
		/* =Mobile Menu */
		#topnav { margin: 35px 0;}
		
		#responsive-nav select{
			height: 40px;
			margin: 35px 0;
			}
		
		/* =Service */
		.radium_custom_services_widget img { width: 10%;}
		.radium_custom_services_widget p{ padding-left: 16%;}
		
		/* =Content */
		#main {	padding-top: 0;	}
		#stage { margin-left: 15%; }
		#content.row { background-image: none; }
		
		.entry-content img, 
		.comment-content img, 
		.widget img { max-width: 95%;}
			
			
		/* =Portfolio Items */
		#filter {
			background: transparent;
			}
			
		#filter h5{
			background: black;
			padding-top: 5px;
			padding-bottom:5px;
			margin: 5px 5px 0 0;
			}
			
		#filter a {
			background: black;
			margin: 5px 5px 0 0;
			}
		
		.portfoliocontainer ul#stage{ margin-left: 0;}
		
		.portfoliocontainer article {
			margin: 0 auto;
			width: 300px;
			height: auto;
			margin-bottom: 20px;
			}
		
		.portfoliocontainer .post-thumb img { 
			max-width: 100%;
			width: 100%;
			height: auto
			}
			
		.portfoliocontainer .post-thumb a {
			width: 100%;
			height: auto
			}	
		
		.portfoliocontainer .post-thumb a:hover { }
		
		/* =jplayer */	
		div.jp-audio div.jp-type-single a.jp-play,
		div.jp-audio div.jp-type-single a.jp-pause { margin-left: 0;}
			

		/* =footer */		
		#bottom-footer section.sidebar { background-image:none; } 
		
		/* =Forms*/
		input,
		textarea,
		select {
			width: 100% !important;
			padding-top: 10px;
			padding-bottom: 10px;
			}		
	}
	
	/* =Tablet screens */
	@media only screen and (device-width: 768px), (device-width: 800px) {
		
	}