/*
Theme Name: Arapah
Theme URI: http://themeforest.net/user/maskeenan/portfolio
Author: Maskeenan
Author URI: http://themesoul.com
Description: Arapah is clean, simple and fresh wordpress theme. Designed specifically to meet to many kinds of business projects
Version: 2.1.4
License: Located in license folder
License URI: Located in license folder
Tags: two-columns, three-columns, four-columns, left-sidebar, right-sidebar, theme-options, custom-background, custom-colors, custom-header, custom-menu
*/
table.responsive-table{max-width:400px; width:100%;}

/* == #Topest == */
#topest ul { margin-bottom:0; }
#topest ul li { padding:0 10px; }
#time .time { margin:30px 0; }
#time .time, #topest ul li a{ font-size:11px; }
.topmenu { margin:30px 15px; }
#search-form { float:right; background:url(images/bg-search.png) 0 0 no-repeat; width:200px; height:31px; margin:25px 0 27px; position:relative; }
#search-form .inputbox { background:none; border:none; padding-left:12px; padding-top:5px; width:150px; }
#search-submit { position:absolute; top:0; right:3px; width:25px; height:25px; border:none; background:none; outline:none; cursor:pointer; }
        
/* #Header
================================================== */    
#header { position:relative; z-index:99; }    
#header .container { margin-bottom: 7px; margin-top: 28px; }

/* Logo */
h1.logo { padding-bottom:25px; }
.logo a{ text-decoration: none; }
.logo .logo {}
.logo .desc{ display:inline-block; top:-1px; position:relative; }
.logo span.desc, .logo span.logo { position:absolute; top:-1000px; }
	
/* Social Menu */
.social ul.menu { float:right; margin-top:20px; }
.social ul.menu li { float:left; margin-left:10px; text-indent:-999em; }
.social ul.menu li a { width:32px; height:32px;display:block; }
.social ul.menu li.linkedin a { background:url(images/linkedin.png) 0 100% no-repeat; }
.social ul.menu li.linkedin a:hover { background-position:0 0; }
.social ul.menu li.fb a { background:url(images/fb.png) 0 100% no-repeat; }
.social ul.menu li.fb a:hover { background-position:0 0; }
.social ul.menu li.tweet a { background:url(images/tweet.png) 0 100% no-repeat; }
.social ul.menu li.tweet a:hover { background-position:0 0; }
.social ul.menu li.vimeo a { background:url(images/vimeo.png) 0 100% no-repeat; }
.social ul.menu li.vimeo a:hover { background-position:0 0;}
.social ul.menu li.rss a { background:url(images/rss.png) 0 100% no-repeat; }
.social ul.menu li.rss a:hover { background-position:0 0; }

/* Main Menu */
.menu {}
.menu ul{ float: right; }
.menu li { display: inline; list-style-type: none; font-size: 16px; }
#navigation ul.sub-menu { padding:10px 15px 20px; }
#navigation ul.sub-menu a { padding:8px 5px; font-size:14px; }


/* #Slider
================================================== */
#slider{ overflow:hidden; position:relative; z-index:7; }
#arapah-slider { padding-bottom:40px; background: url("images/line.png") repeat-x scroll 0 100% transparent; }
#arapah-slider .ui-tabs-panel { position:relative; }
#arapah-slider .wp-post-image {}
#arapah-slider .slider_thumb { width:60px; height:60px; float:left; }
#arapah-slider ul.ui-tabs-nav { float:right; list-style:none; padding:0; margin:0; width:305px; }
#arapah-slider ul.ui-tabs-nav li { font-size:12px; border-bottom:1px solid #D7D7D7; margin-top:10px; margin-bottom:0; }
#arapah-slider ul.ui-tabs-nav li:first-child { margin-top:0; } 
#arapah-slider ul.ui-tabs-nav li img { float:left; margin:16px 15px 18px; border:2px solid #F5F5F5; }
#arapah-slider ul.ui-tabs-nav li span { font-size:11px; line-height:18px; }
#arapah-slider li.ui-tabs-nav-item a { display:block; height:98px; line-height:18px; text-decoration:none;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); color:#fff; }
#arapah-slider  .ui-tabs-nav-item .title { font-size:15px; line-height:1.2; padding-top:16px; padding-bottom:5px; overflow:hidden; }
#arapah-slider  .ui-tabs-nav-item .date { font-size:11px; line-height:22px; }
#arapah-slider li.ui-tabs-nav-item a:hover { color:#fff; }
#arapah-slider ul.ui-tabs-nav li.ui-tabs-selected a { color:#fff; }
#arapah-slider .ui-tabs-panel { height:315px; width:665px; float:left; position:relative; z-index:1; overflow:hidden; }
#arapah-slider .ui-tabs-panel .info { z-index:3; position:absolute; bottom:20px; left:50px; width:400px; 
	background:url(images/transparent_bg.png); padding:20px; }
#arapah-slider .info h2 { margin:0; color:#FFF; text-transform: none; font-size:31px; line-height:32px; padding:5px 0 15px 0; background:none; }
#arapah-slider .info p { margin:0 5px; line-height:normal; color:#f0f0f0; }
#arapah-slider .info a { text-decoration:none; color:#fff; }
#arapah-slider .info a:hover { text-decoration:underline; }
#arapah-slider .ui-tabs-hide { display:none; }


/* #Carousel
================================================== */
.parallax + #arapah-carousel { background:url("images/line.png") repeat-x scroll 0 0 transparent; }
#arapah-carousel {}
#arapah-carousel .carousel-posts { padding:40px 0; margin-left:-40px; }
#arapah-carousel .carousel-posts ul { overflow:auto; }
#arapah-carousel .carousel-posts li { width:300px; height:auto; padding-left:40px; list-style:none; margin:0; float:left; }
#arapah-carousel .carousel-posts h4 { line-height:22px; }
#arapah-carousel .carousel-posts img { width:300px; height:201px; margin-bottom:15px; }
#arapah-carousel a.Car-PostTitle { font-size:18px; line-height:normal; }
#arapah-carousel .date, #arapah-carousel .cate, .portf .date, .portf .cate { font-size:11px; line-height:22px;  }
#arapah-carousel .post-meta, .portf .post-meta { margin:2px 0 9px; }
#arapah-carousel .CarPrev, #arapah-carousel .CarNext { position:absolute; top:13px; width: 14px; height: 14px; cursor:pointer; z-index:93;
	background:url('images/interface.png') no-repeat 0 -16px;}
#arapah-carousel .CarNext { right:0; }
#arapah-carousel .CarPrev { background-position:0 -44px; right:18px; }


/* #Promo Bar
================================================== */
#promo .container { margin-bottom:50px; }
#promo .padding { padding:25px 25px 21px; }
#promo .text { font-size:20px; line-height:24px; color: #999; padding-top:5px; padding-bottom:9px; }
#promo .bigbutton a { text-align:center; text-transform:uppercase; padding:19px 20px 23px; font-size:26px; display:block; }


/* #Content
================================================== */
#maincontent .main { margin-right:20px; margin-bottom:40px; }
#maincontent #leftside .main { margin:0 0 40px 20px; }
h3.page-title, h2.page-title, .sidebar h3 { font-size:20px; color:#333; margin:0 0 9px; }
#homepage article, #maincontent article { padding-bottom:20px; background:url(images/line.png) 0 100% repeat-x; margin-bottom:25px; }
.title h3 { line-height:19px }
article .title a { font-size:16px; }
article h2.post-title a, article h1.contentheading a, .portf h1.page-title { font-size:24px; }
article a.more-link {}
article a.more-link span, .button a, #nav-below .wp-pagenavi a, #nav-below .wp-pagenavi span, #nav-below .wp-pagenavi span.current { 
	margin-top:19px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c6c6c6
}
article a.more-link span, .button a, #commentform input[type="submit"], .wpcf7  input[type="submit"] {
	padding: 4px 8px; 
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); 
}
ul.post-data { margin-bottom:10px; }
ul.post-data li { display:inline; padding-right:9px; font-size:11px; line-height:27px; }
h2.post-title, h1.contentheading, .portf h1.page-title { padding-bottom:11px; margin-bottom:-9px; margin-top:0; }
ul.post-data li  { padding-bottom:8px; margin-bottom:5px; margin-top:0; }
.blog-thumb { float:left; }
article img.wp-post-image, .latestposts img { margin:5px 20px 5px 0; border: 5px solid #fff; }
article img.wp-post-image, .latestposts img {
	-moz-box-shadow: 1px 2px 5px #ccc;
	-webkit-box-shadow: 1px 2px 5px #ccc;
	box-shadow: 1px 2px 5px #ccc;
}
#nav-below div.button, #nav-below .wp-pagenavi a, #nav-below .wp-pagenavi span { margin-right:7px; }
#nav-below .wp-pagenavi a, #nav-below .wp-pagenavi span { padding:4px 10px; }
h1.contentheading { font-size:24px; }
#content h3.title, #respond #reply-title, #comments .nocomments { line-height:32px; padding-left:0; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom:15px; }
textarea#comment { width:47%; }
form#commentform label { display:inline; }
#commentform input[type="text"], #commentform textarea, .wpcf7 input[type="text"], .wpcf7 textarea {
	box-shadow: inset 0 1px 1px #888; 
	-moz-box-shadow: inset 0 1px 1px #888; 
	-webkit-box-shadow: inset 0 1px 1px #888;
}
header.title { margin-bottom:10px; }
.portf h1.page-title { margin-bottom:0; }

#leftside #primary { float:right; }

#content { margin-bottom:40px; }
.portf .minmargin { margin-right:-40px; }
.portf .margin { margin-right:40px; margin-bottom:40px; }

.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* Alignment */
.alignleft { display:inline; float:left; margin-right:20px; }
.alignright { display:inline; float:right; margin-left:20px; }
.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; }

/* Images */
p img, .wp-caption { margin-top:6px; }
.wp-caption { background:#eee; margin-bottom:20px; max-width:96%; padding:9px; }
.wp-caption img { display:block; margin:0 auto; max-width:98%; }
.wp-caption .wp-caption-text,
.gallery-caption { color:#666; font-size:12px; }
.wp-caption .wp-caption-text { margin-bottom:9px; padding:10px 0 5px 40px; position:relative; }
.wp-caption .wp-caption-text:before { color:#666; content:'\2014'; font-size:14px; font-style:normal; font-weight:bold; margin-right:5px; position:absolute; left:10px; top:7px; }
#content .gallery { margin:0 auto 20px; }

/* Comments */
/* Post author highlighting */
ol.commentlist { margin-top:20px; }
.commentlist > li.bypostauthor {}
.commentlist > li.bypostauthor .comment-body { background:#fff; padding:13px; margin-bottom:15px; }
.commentlist > li.bypostauthor .comment-meta { color:#575757; }
.commentlist > li.bypostauthor .comment-meta a:focus,.commentlist > li.bypostauthor .comment-meta a:active,.commentlist > li.bypostauthor .comment-meta a:hover {}
/* Post Author threaded comments */
.commentlist .children > li.bypostauthor { background:#ddd; border-color:#d3d3d3; }

/* Tags */
.post-tags > span { padding-right:7px; }

 /* #Filterable Portfolio
================================================== */
ul.filter  > li { display:inline; padding-right:15px; }
.container .portfolio.four.columns { width:255px; }
ul.filterable-grid { margin-bottom:10px; }

        
 /* #Sidebar
================================================== */ 
.container .gutter.sidebar { margin-left:30px; margin-right:0; }
 #leftside.container .gutter.sidebar { margin-right:30px; margin-left:0; }
.sidebar > div { margin-bottom:40px; }
.sidebar .widget_wmp_widget, .sidebar .recent-posts-plus {
	background:#fff;
	padding:20px;
	margin-bottom:40px;
  	-moz-box-shadow: -1px 2px 5px #ccc;
  	-webkit-box-shadow: -1px 2px 5px #ccc;
  	box-shadow: -1px 2px 5px #ccc;
}
.sidebar .widget_wmp_widget ul li, .sidebar .recent-posts-plus ul li {
	background:url(images/arrow2.png) 0 10px no-repeat;
	border-bottom:1px dotted #999; 
	padding:5px 0 5px 15px; 
	margin-left:0;
	font-size:14px;
	line-height:20px;
	height:18px;
	overflow:hidden;
}
.sidebar .widget_wmp_widget h3, .sidebar .recent-posts-plus h3 {
	padding:10px 20px;
	margin:-20px -20px 15px -20px;
	font-size:20px;
}
.sidebar ul { margin-bottom:0; }
.sidebar li{ list-style: none; }


 /* #Bottom
================================================== */
#bottom {
	font-size: 12px;
	background-position: 50% 0;
	background-repeat: no-repeat;
}
#bottom .padding { padding: 50px 0 30px; }
#bottom h3{ padding:5px 0; font-size:16px; line-height:normal; margin-bottom:8px; }
#bottom ul li{ font-size:12px; padding:0; background:none; margin:0; line-height:22px; }
#bottom .menu li { display:list-item; }
#bottom .widget-1 > * { margin-right:15px; }
#bottom .widget-2 > *, #bottom .widget-3 > *, #bottom .widget-4 > *, #bottom .widget-5 > *, #bottom .widget-6 > * { margin-right:15px; margin-left:15px; } 
#bottom .widget-last > * { margin-right:0; }
#bottom ul.inline li { display:inline; padding:0 6px 0 9px; border-left:1px solid #fff; line-height:14px; }
#bottom ul.inline li:first-child { border:none; padding-left:0; }
#bottom .sub-menu { display:none; }
        
 /* #Footer
================================================== */
#footer { font-size:12px; line-height:16px; }
#footer .padding { background:url(images/transparent.png) 0 0 repeat; }
#footer .container { background:url(images/line2.png) 0 0 repeat-x; padding: 25px 0 35px 0; }


/* #Misc
================================================== */
.title{ padding-bottom: 10px; }	
.float-left { float:left; } 
.float-right { float:right; }
.float-center { margin:0 auto; text-align:center; }
.block {}


 /* #Plugin Layout & Style
================================================== */

/* Parallax Content Slider */
#slider .da-slider { margin:-40px auto 0; background:none; box-shadow:0 0 0 rgba(255,255,255,0); border:0; }
#slider .da-slide h2 { font-size:48px; color:#666; }
#slider .da-slide p { color:#666; font-size:16px; }

/* WYSIJA Newsletter Widget */
.sidebar > div {}
.widget_wysija_cont { position:relative; }
.wysija-instruct { font-size:13px; margin-bottom:10px; }
.widget_wysija_cont .form-valid-sub input.defaultlabels { width:79%; height:18px; margin:2px 0 0; padding:8px; color:#333; background-color:#d3d1c5; 
	border: 0; border:1px solid #c6c6c6; border-bottom: 1px solid #f5f5f2; font-size:12px;
	box-shadow: inset 0 1px 1px #888; -moz-box-shadow: inset 0 1px 1px #888; -webkit-box-shadow: inset 0 1px 1px #888;
}
.widget_wysija_cont .wysija-submit { position:absolute; margin:0; right:0; bottom:1px; height:36px; padding:5px 8px 7px; }
.widget_wysija_cont .form-valid-sub input.defaultlabels, .widget_wysija_cont .wysija-submit { font-size:14px; }
.wpcf7 textarea { width:80% }

.carousel-widget { overflow:hidden; position:relative; }
.carousel-widget .carousel-posts { padding:5px 0 20px; margin-left:0;}
.carousel-widget .carousel-posts ul { overflow:auto; }
.carousel-widget .carousel-posts li { width:100%; height:100%; list-style:none; margin:0; float:left; }
.carousel-widget .carousel-posts img { }
.carousel-widget .carousel-posts h4 { line-height:22px; margin:10px 0 7px; }
.carousel-widget a.Car-PostTitle { font-size:18px; line-height:normal; }
.carousel-widget .date, .carousel-widget .cate, .portf .date, .portf .cate { font-size:11px; line-height:22px;  }
.carousel-widget .post-meta, .portf .post-meta { margin:2px 0 9px; }
.carousel-widget .CarPrev, .carousel-widget .CarNext { position:absolute; top:4px; width: 14px; height: 14px; cursor:pointer; z-index:93;
	background:url('images/interface.png') no-repeat 0 -16px;}
.carousel-widget .CarNext { right:0; }
.carousel-widget .CarPrev { background-position:0 -44px; right:18px; }

 /* #Shortcode
================================================== */
.button.shortcode { margin:20px 0; }

/* @group Tabs */

	ul.tabs { 
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: solid 1px #ddd; }
	ul.tabs li { 
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	ul.tabs li a { 
		display: block; 
		text-decoration: none;
		width: auto; 
		height: 29px; 
		padding: 0px 20px; 
		line-height: 30px; 
		border: solid 1px #ddd;
		border-width: 1px 0 0 1px; 
		margin: 0;  
		background: #f5f5f5;
		font-size: 13px; }
	ul.tabs li a.active { 
		background: #fff; 
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-right-width: 1px;
		margin: 0 -1px 0 0;
		color: #111;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	ul.tabs li:first-child a {
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	
	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none; }
	ul.tabs-content > li.active { display: block; }
		
	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }


/* @end */

/* @group Toggles */

.toggle_container {
	padding: 10px 10px 10px 20px;
	margin-bottom: 1px;
	background-color: #fff;
}
p.trigger {
	display: block;	
	padding:  8px 8px 8px 16px;
	margin: 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.25em;
	line-height: 120%;
}
p.trigger.small {
	font-size: 0.9em;
}
p.trigger.medium {
	font-size: 1.1em;
}
p.trigger.big {
	font-size: 1.25em;
}

/* Up Toggle State */

p.trigger {
	background: #f8f8f8 url(images/16_expand.png) no-repeat 10px center;
	border-top: 1px solid #e5e5e5;
	padding-left: 34px;
}
p.trigger a {
	text-shadow: #fff 1px -1px 0;
	text-decoration: none;
}

/* Hover Toggle State */

p.trigger:hover {
	background: #fff url(images/16_expand.png) no-repeat 10px center;
}
p.trigger a:hover,p.trigger.active a:hover {
	text-shadow: #fff -1px 1px 0;
}

/* Active Toggle State */

p.trigger.active {
	background: #fff url(images/16_collapse.png) no-repeat 10px center;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
p.trigger.active a {
	color: #000;
	text-shadow: #fff 1px 1px 0;
}

/* remove <br> inside toogle */
.block.no-br > br { display:none; }

/* @end */

/* @group Callouts */

/* Callout Box */

.cta {
	margin: 10px auto 0px auto;
	padding: 20px;
	background-color: #f2f2f2;
	border: 1px solid #dcdcdc;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	text-shadow: #fff 1px 1px 0;
	 box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
    -moz-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
    -webkit-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
	position: relative;
   	behavior: url('./wp-content/themes/skeleton/PIE.php');
}

.cta p {
	margin: 0;
	padding: 0;
}

.cta h3 {
	font-size: 1.5em;
	text-shadow: #fff 1px -1px 0;
}
/* @end */

.latest-item { padding-bottom:15px; margin-bottom:15px; }
.latestposts img{ float:left; }
.latestposts h4 { margin-bottom:10px; }


 /* #ie7
================================================== */
.ie7 #navigation ul {
display: inline-block;
}
.entry-content .our-menu a:hover{color:#ffcc00; text-decoration: bold;}