/*
Theme Name: Sparky 2013
Theme URI:
Description: Sparky 2013 theme
Author: Ahvin
Author URI: http://ahvin.com
Version: 0.1
Tags: Ahvin
*/

/*** GLOBAL : GENERAL STYLE DEFAULTS ***/
html {
	padding: 0;
	height: 100%;
}

body {
    background: #e0f1ad url("images/general/spkweb_bg.jpg") no-repeat scroll center top;
    cursor: url("images/general/arrow.png"), default;
}

html, body {
	height: 100%;
	margin: 0;
}

a {
	cursor: url("images/general/finger.png"), pointer;
}

a, img {
	border: none;
}

/*** PAGE LAYOUT ***/

/* Styles that affect the entire layout of the page */
div#container {
    height: auto !important;
    margin: 0 auto -70px;
    min-height: 100%;
}

#content {
	z-index: 0;
}

/*** FOOTER ***/
.push {
    display: inline-block;
}

#footer, .push {
	height: 70px;
}

#footer {
	font-size: 12px;
	position: relative;
	z-index: 10;
}

#menu_footer {
	margin: 20px auto 5px;
	text-align: center;
}

#menu_footer a {
	color:#0A3202;
	font-weight: normal;
}

#footer_copyright {
	text-align: center;
}

#social_icons a {
	margin: 20px 1px 0;
	display: inline-block;
}

/* content */
#main_carousel_image {
    width: 0px;
    height: 580px;
    margin: -149px auto 0;
    position: relative;
}

#main_carousel_image > span {
    display: block;
    width: 1020px;
    margin-left: -510px; /* -(width-container width)/2 */
}

#main_carousel_image > span > img {
    display: inline-block;
}

.carousel_nav {
	margin: -40px auto 0;
	text-align: center;
	z-index: 25;
	position: relative;
}

.carousel_nav a {
    background-color: transparent !important;
    background-image: url("images/home/pagination.png");
    background-position: 0 0;
    display: inline-block;
    height: 16px;
    margin: 0 5px;
    width: 15px;
    background-position: 0 -15px;
}

.carousel_nav a.activeSlide {
    background-position: 0 0;
}

#main_content {
	text-align: justify;
	margin: 24px auto 0;
	display: inline-block;
}

.framed_image {
    padding: 3px;
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}

hr {
    background-color: #8fad35;
    border: medium none;
    color: #E1FF75;
    height: 2px;
    margin: 10px auto;
    width: 80%;
}

.blue {
	color: #0098FF;
}

/* news */
.pagination_nav {
	margin: 5px 0;
}

.post {
	padding: 5px 0 15px;
}

.entry-title {
	margin-bottom: 5px;
	font-size: 18px;
}

.entry-title a {
	color: #0a3202;
}

.entry-meta, .entry-utility {
	font-size: 11px;
	border-bottom: 1px solid #8FAD35;
	border-top: 1px solid #8FAD35;
	padding: 4px 0;
	color: #1a5f0c;
}

.entry-summary {
	margin: 10px 0;
}

.aligncenter {
	margin: 0 auto;
}

.wp-caption-text {
	font-size: 11px;
	text-align: center;
}

.nav-previous {
	float: left;	
}

.nav-next {
	float: right;	
}

#searchform {
	text-align: left;
}

.screen-reader-text {
	color: #0a3202;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

#searchform #searchsubmit {
	margin: 5px 0 20px;
	
	font-weight:bold;
	padding: 2px 5px;
	background: #8ec617;
	color: #606f44;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e0f37d), to(#8ec617));
	background-image: -webkit-linear-gradient(top, #e0f37d, #8ec617);
	background-image: -moz-linear-gradient(top, #e0f37d, #8ec617);
	background-image: -ms-linear-gradient(top, #e0f37d, #8ec617);
	background-image: -o-linear-gradient(top, #e0f37d, #8ec617);
	background-image: linear-gradient(top, #e0f37d, #8ec617);
	border: 2px solid #87aa45;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
}

#searchform #searchsubmit:active {
	background: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8ec617), to(#e0f37d));
	background-image: -webkit-linear-gradient(top, #8ec617, #e0f37d);
	background-image: -moz-linear-gradient(top, #8ec617, #e0f37d);
	background-image: -ms-linear-gradient(top, #8ec617, #e0f37d);
	background-image: -o-linear-gradient(top, #8ec617, #e0f37d);
	background-image: linear-gradient(top, #8ec617, #e0f37d);
	border: 2px solid #87aa45;
}

#filter_archive_list ul {
	margin-bottom: 12px;
}

.scroll_up_link img {
	margin: 0px 8px 2px;
    vertical-align: middle;
}

.post_navigation {
	display: inline-block;
	color: #0098FF;
}

.post_navigation ul {
    margin: 0;
}

.post_navigation li {
    padding: 0 5px;
}

.post_navigation li a,
.post_navigation li a:hover,
.post_navigation li.active a,
.post_navigation li.disabled {
    text-decoration:none;
    vertical-align: top;
}

.post_navigation li {
    display: inline;
}

.post_navigation li a,
.post_navigation li a:hover,
.post_navigation li.active a,
.post_navigation li.disabled {
    cursor: pointer;
   
}

.post_navigation li a:hover,
.post_navigation li.active a {
    color: black;
}

/* projects */

#project_overview {
	padding: 0 15px;
}

table.project_table {
	width: 100%;
	table-layout: fixed;
}

table.project_table td {
	width: 25%;
	text-align: center;
	vertical-align: top;
}

table.project_table .project_list_single {
	margin-bottom: 8px;
}

table.project_table .project_list_single a {
	color: #0A3202;
	display: inline-block;
	text-decoration: none;
}

table.project_table .project_list_single a:hover {
	color: #29731a;
}

.project_list_title {
	font-weight: bold;
}

.project_list_meta {
	font-size: 12px;
}

#project_gallery_col {
	width: 420px;
	height: 280px;
	display: inline;
	float: left;
	position: relative;
	margin-right: 10px;
}

#project_gallery {
	position: absolute;
	left: 18px;
	top: 13px;
}

#project_image_gallery a {
	text-align: center;
	width: 380px;
	height: 212px;
}

#project_image_gallery img {
	max-width: 380px;
  	max-height: 212px;
  	width: expression(this.width > 380 ? "380px" : true);
  	height: expression(this.height > 212 ? "212px" : true);
  	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}

#project_tabs {
	position: absolute;
	left: 27px;
	bottom: 25px;
	color: #bce20b;
}

#project_tabs a {
	color: #bce20b;
	padding: 0 10px;
	text-decoration: none;
}

#project_tabs a:hover, #project_tabs a.activeSlide {
	text-shadow: 0 0 5px #d2ff00;
}

#project_left_btn {
	position: absolute;
	right: 57px;
	bottom: 20px;
}

#project_right_btn {
	position: absolute;
	right: 27px;
	bottom: 20px;
}

#project_metadata_col {
	width: 210px;
	display: inline;
	float: left;
	position: relative;
	text-align: left;
	font-size: 12px;
}

#project_logo {
	margin-bottom: 10px;
}

.project_metadata {
	margin-bottom: 8px;	
}

/* jobs */
.job_list_single {
	margin-bottom: 8px;
}

table.job_table {
	width: 100%;
	table-layout: fixed;
}

table.job_table td {
	vertical-align: top;
}

/* contact us */
.address_container {
	margin-bottom: 25px;
	display: inline-block;
}

.contact_location {
	margin-bottom: 5px;
}

.contact_address {
	margin-bottom: 5px;
}
.contact_address {
	line-height: 18px;
}

#contact_email_bg {
	background: url("../../uploads/contact-us/contact_bg.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
    font-size: 14px;
    line-height: 20px;
    padding: 20px 0;
}

/* behind the scene */
.behind_scene_img {
	margin: 5px 7px;
	display: inline-block;
}

.entry-meta, .entry-utility_behind_scene {
    font-size: 11px;
    border-bottom: 1px solid #8FAD35;
    padding: 4px 0;
    color: #1a5f0c;
}

.post_behind_scene {
    padding: 5px 0;
}