/*
Theme Name: Ultra Lime Design
Theme URL: http://ultralimedesign.com/portfolio/
Description: 40+ Hours of design work, and a fabulous result.
Version: 1
Author: Diogenes Brito
Author URI: http://ultralimedesign.com/
*/

/* Color Key
-------------------------
Deepest/Midnight Blue (Black) - 1e1e1f
Off White (White) - f2f2f2
Grey (Grey) - #c1c1c1
Dark Blue/Green (Blue) - 253f46
Light Blue/Subsubheading highlight (light Blue) - #365c66;
Pastel Green (Green) - a6bf8e
Dark Green (Dark Green) - #3c4533
Neon Green (Neon/Highlight) - 55c834
*/

/* Framework CSS + Other External Imports */
@import url("css/framework.css");


/* START THEME CSS */


/* !Basic Elements and Background */
/* --------------------------------------------- */
html {
	font-family:	Trebuchet MS, Trebuchet, Tahoma, Helvetica Neue, Arial, sans-serif;
	width:			100%;
	min-height:		100%;
	height:			100%;
	text-align:		center;
}

body {
	background: 	#a6bf8e url(images/bgs.png) repeat-x;
}

body.home,
body.home_page {
	background: 	#a6bf8e url(images/bg.png) repeat-x;
}

#page_wrapper {
	width:			960px;	

	min-height: 	100%;
	height: 		auto !important;
	height:			100%;
	margin: 		0 auto -260px; /* the bottom margin is the negative value of the footer's height */	
}

/*  !For CSS Sticky Footer - http://www.cssstickyfooter.com */
body > #page_wrapper {
	height: 		auto; 
	min-height: 	100%;
}

#main_content {
	padding-bottom: 260px;  /* must be same height as the footer */
}

/* !General/Websitewide Typography */
/* --------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	color:			#253F46;
	font-family:	Trebuchet MS, Trebuchet, Tahoma, Helvetica, Arial, sans-serif;
	font-weight:	bold;
	text-shadow:	0 1px 0 #e7edf9;
	
}

p {
	font-family:	Myriad Pro, Trebuchet MS, Trebuchet, Tahoma, Helvetica Neue, Arial, sans-serif;
	font-weight:	normal;
	text-shadow:	0 1px 0 #C6CBD5;
	font-size:		16px;
}

strong {
	font-weight:	bold;
}

/* !Top Bar */
/* --------------------------------------------- */
#top_bar {
	height:			57px;
}

ul#main_nav {
	position:		relative;
	float:			right;
	margin:			16px 0 0 0;
	
	list-style:		none;
	color:			#f2f2f2;
	font-size:		20px;
	font-weight:	bold;
}

ul#main_nav li {
	display:		inline;
	margin-right:	22px;
}

ul#main_nav li a,
ul#main_nav li a:link,
ul#main_nav li a:visited {
	color:			#f2f2f2;
	text-decoration:none;
}

/* Styles for the LavaLamp menu action */
ul#main_nav li.back {
	position: 		absolute;
	top:			30px;
	color:			#fff;
	border-bottom:	2px solid #fff;
	z-index: 		1050;
}


/* !Home Page Specific */
/* --------------------------------------------- */
.home h1,
.home_page h1 {
	float:			left;
	width:			325px;
	height:			45px;
	margin:			0;
	background:		transparent url('images/logo.png') no-repeat;
	text-indent:	-9999em;
}

img#logo {
	float:			left;
	width:			325px;
	height:			45px;
	margin:			0;
}

.home #header,
.home_page #header {
	height:			431px;
	margin:			0;
}

#intro_text {
	margin:			0 0 0 10px;
	padding-top:	70px;
	width:			325px;
}

p#slogan {
	width:			325px;
	height:			72px;
	background:		transparent url('images/slogan.png') no-repeat;
	text-indent:	-9999em;
	margin:			0;
}

p#blurb {
	width:			215px;
	height:			51px;
	margin:			25px 0 0 0;
	background:		transparent url('images/blurb.png') no-repeat;
	text-indent:	-9999em;
}

img#view_portfolio {
	margin:			42px 0 0 68px;
}


/* !Featured Projects Carousel */
#featured_projects {
	position:		absolute;
	top:			44px;
	right:			0;
	width:			639px;
	height:			330px;
	background:		transparent url('images/featured_projects_wrap_bg.png') no-repeat;
	z-index:		990;
}

#featured_projects_carousel_mask {
	position:		absolute;
	margin:			33px 0 0 91px;
	width:			516px;
	height:		 	264px;
	overflow:		hidden;
	z-index:		991;
}

#featured_projects_carousel_mask div {
	float:			left;
}

a#button-previous_project,
a#button-next_project {
	display:		block;
	position:		absolute;
	width:			54px;
	height:			54px;
	display:		block;
	text-indent:	-9999px;
	z-index:		1000;
	cursor:			pointer;
	visibility:		hidden; /* The javascript will display them */
}

a#button-previous_project:hover,
a#button-next_project:hover {
	background-position:-54px 0;
}

a#button-previous_project {
	background:		transparent url('images/left_arrow.png') no-repeat scroll left top;
	margin:			138px 0 0 64px;
}

a#button-next_project {
	background:		transparent url('images/right_arrow.png') no-repeat scroll left top;
	margin:			138px 0 0 580px;
}

img#section_title_ribbon,
img#lime_with_logo {
	position:		absolute;
	z-index:		101;
}

body.home img#section_title_ribbon,
body.home img#lime_with_logo {
	z-index:		9999;
}

img#section_title_ribbon {
	margin-left:	512px;
}

img#lime_with_logo {
	margin:			250px 0 0 429px;
}

ul#featured_projects_nav {	
	position: 		absolute;
	width:			350px;
	list-style:		none;
	margin:			304px 0 0 104px;
	visibility:		hidden;
}

ul#featured_projects_nav li {
	float:			left;
	margin-right:	6px;
}

ul#featured_projects_nav li a {
	display:		block;
	height:			18px;
	width:			18px;
	overflow:		hidden;
	background:		transparent url('images/indicator_bg.png') no-repeat scroll left top;
	text-indent:	-9999px;
	background-position:-18px 0;
}

ul#featured_projects_nav li.selected a,
ul#featured_projects_nav li a.activeSlide {
	background-position:0 0;
}

div#featured_projects_tooltip {
	position:		absolute;
	width:			278px;
	height:			101px;
	background:		transparent url('images/tooltip2.png') no-repeat left top;
	z-index:		1010;
	display:		none;
}

div#featured_projects_tooltip p, 
div#featured_projects_tooltip h2{
	color:			#253f46;
	width:			236px;
	margin:			0 0 0 25px;
}

div#featured_projects_tooltip p a, 
div#featured_projects_tooltip h2 a{
	color:			#253f46;
	text-decoration:none;
}
 
div#featured_projects_tooltip h2,
div#featured_projects_tooltip h2 a {
	margin-top:		8px;
	font-size:		18px;
	font-weight:	bold;
	line-height:	22px;
}

div#featured_projects_tooltip p,
div#featured_projects_tooltip p a {
	margin-top:		2px;
	font-size:		16px;
	line-height:	18px;
}
/* END Homepage carousel */

p#latest_tweet {
	margin-top:		15px;
	font-size:		16px;
	line-height:	22px;
}

p#latest_tweet a {
	color:			#3c4533;
	text-decoration:none;
	border-bottom:	1px solid #253f46;
}

p#latest_tweet a:hover {
	background: 	#a6bf8e;
	color:			#253f46;
	font-style: 	italic;
	border-bottom:	2px solid #253f46;
}

p#latest_tweet span {
	margin-right:	5px;
}

p#latest_tweet span.twitter_status_title a {
	text-decoration:none;
	font-style: 	italic;
	color:			#365c66;
	border-bottom:	none;
}

p#latest_tweet span.twitter_status_title a:hover {
	border-bottom:	2px solid #253f46;
}


/* !Portfolio Page Specific */
/* --------------------------------------------- */
body.portfolio div.big_block { /* Greater specificity to supercede rule below */
	padding:		25px;
	position:		relative;
}

body.portfolio #header h1 {
	margin:			0 0 0 10px;
}

ul#portfolio-nav {
	margin:			10px auto 25px auto;
	width:			870px;
	padding:		12px 20px;
	overflow:		hidden;
	border-top:		1px solid #ccc;
	border-bottom:	1px solid #ccc;
	font-size:		14px;
}

ul#portfolio-nav li {
	display:		inline;
	margin-right:	5px;
	color:			grey;
}

ul#portfolio-nav li a {
	padding:		5px 10px!important;
	padding:		0px 10px;
	color:			#365c66;
	font-weight:	bold;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:	5px;
}
ul#portfolio-nav li a:hover,
ul#portfolio-nav li.active a {
	background:		#a6bf8e;
	color:			#253f46;
}

.portfolio #main_content .item {
	width:			404px;
	height:			350px;
	margin:			0 0 25px 25px;
	float:			left;
}

.portfolio #main_content .item.even{
	margin-left:	50px;
}

img.portfolio-thumb {
	width:			390px;
	height:			200px;
	padding:		6px;
	margin:			0 auto 10px auto;
	border:			1px solid #a7a7a7;
	background:		#cecece;
}

a:hover img.portfolio-thumb {
	background-color:#a6bf8e;
}

body.portfolio div.big_block h3 {
	margin-bottom:	15px;
}

body.portfolio div.big_block h3 a {
	font-size:		22px;
	color:			#253f46;
	text-decoration:none;
}

body.portfolio div.big_block h3 a:hover {
	text-decoration:underline;
}

#portfolio-disclaimer {
	position:		absolute;
	bottom:			3px;
	left:			235px;
	font-size:		14px;
	font-weight:	normal;
	text-shadow:	none;
	color:			#a7a7a7;
}

#portfolio-disclaimer a {
	color:			#a7a7a7;
}


/* Portfolio navigation and WP-PageNavi Styles */
div.portfolio-pagination {
	clear:			both;
}

body.portfolio .wp-pagenavi {
	clear:			both;
	padding:		20px 10px 0;
	border-top:		1px solid #737373;
	font-size:		16px;
	text-align:		right;
}
body.portfolio .wp-pagenavi a, .wp-pagenavi a:link {
	padding: 		2px 4px 2px 4px; 
	margin: 		2px;
	text-decoration:none;
	color: 			#253F46;
}
body.portfolio .wp-pagenavi a:visited {
	padding: 		2px 4px 2px 4px; 
	margin: 		2px;
	text-decoration:none;
	color: 			#737373;
}
body.portfolio .wp-pagenavi a:hover {	
	color: 			#000000;
	background:		#a6bf8e;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:	5px;
}
body.portfolio .wp-pagenavi a:active {
	padding: 		2px 4px 2px 4px; 
	margin: 		2px;
	text-decoration:none;
	color: 			#253F46;
}
body.portfolio .wp-pagenavi span.pages {
	color: 			#253F46;
	float:			left;
}
body.portfolio .wp-pagenavi span.current {
	position:		relative;
	top:			1px;
	padding: 		2px 4px 2px 4px; 
	margin: 		2px;
	font-size:		20px;
	line-height:	16px;
	font-weight: 	bold;
	color: 			#253f46;
}
body.portfolio .wp-pagenavi span.extend {
	padding: 		2px 4px 2px 4px; 
	margin: 		2px;	
	color: 			#000000;
}

/* !Secondary Pages and More */
/* --------------------------------------------- */
#main_content {
	padding-top:	25px;
}

#header {
	position:		relative; /* To absolutely position carousel*/
	height:			214px;
}

#main_column {
	float:			left;
	width:			650px;
}

/* Sidebar formatting */
ul#sidebar {
	float:			left;
	width:			276px;
	margin:			0 0 25px 30px;
	padding:		0 0 25px 0;
	background: 	#253f46 url('images/bluetexturebg.png') repeat;
	list-style:		none;
	color:			#c1c1c1;
	border:			2px solid #253f46;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

ul#sidebar li {
	margin:			25px 0 25px 25px;
	width:			210px;
}

ul#sidebar h2,
ul#sidebar h3,
ul#sidebar h4,
ul#sidebar p,
ul#sidebar p a {
	text-shadow:	none;
	color:			#c1c1c1;
	margin-top:		8px;
}

ul#sidebar li h3,
ul#sidebar h3 {
	font-size:		20px;
	padding-bottom:	8px;
	margin:			0;
	border-bottom:	1px solid #c1c1c1;
}

ul#sidebar li p a {
	color:			#f2f2f2;
}

ul#sidebar li ul {
	margin:			8px 0 0 15px;
}

ul#sidebar li ul li {
	font-size:		16px;
	margin:			0 0 0 15px;
	width:			auto;
}

ul#sidebar a {
	color:			#c1c1c1;
	text-decoration:none;
	border-bottom:	1px dotted #c1c1c1;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

ul#sidebar a:hover {
	color:			#253f46;
	border-bottom:	1px solid #253f46;
	background:		#a6bf8e;
}

ul#sidebar li p a.find_out_more {
	margin-left:	100px;
}

/* WP Page template */
.page #header,
.single #header,
.error404 #header,
.archive #header,
.search #header {
	padding-top:	36px;
	height:			178px; /* Given height + padding must = 214 on secondary pages */
}

.page h1 {
	margin:			0 0 0 10px;
	color:			#253f46;
}

.page #header h2,
.single #header h2,
.error404 #header h2,
.archive #header h2,
.search #header h2,
.portfolio #header h2 {
	width: 820px;
	margin:	10px auto 0 auto;
	color: #3c4533;
	line-height: 34px;
}

.page p.more_button,
.home p.more_button,
.search p.more_button {
	width:			155px;
	height:			26px;
	margin:			0 0 0 465px;
	background:		transparent url('images/button-more.png') no-repeat top left;
	font-weight:	bold;
	font-size:		16px;
}

.home p.more_button {
	margin:			12px 0 0 128px;
}

.page p.more_button a,
.home p.more_button a,
.search p.more_button a,
.archive p.more_button a {
	position:		relative;
	margin:			0 0 0 14px;
	top:			2px;
	text-align:		center;
	vertical-align: middle;
	text-decoration:none;
	border:			none;
	font-style: 	normal;
	color:			#253f46;
}

.page p.more_button a:hover,
.home p.more_button a:hover,
.search p.more_button a:hover,
.archive p.more_button a:hover {
	background:		none;
}

/* Blog Page Stuff */
div#header.page-23 h1,
.single #header h1,
.archive #header h1,
.search #header h1    {
	margin-bottom:	-35px;
	z-index:		2020;
}

/* About page stuff */
.page #header.page-2 h1 {
	width:			500px;
	float:			left;
}

.page #header.page-2 h2 {
	margin:			12px auto 0 60px;
	width:			580px;
	float:			left;
}

.page #header.page-2 img {
	margin:			-42px 25px 0 0;
	float:			right;
}

div#about_me_tooltip {
	position:		absolute;
	width:			284px;
	height:			91px;
	background:		transparent url('images/tooltip3.png') no-repeat right top;
	z-index:		1010;
	display:		none;
}

div#about_me_tooltip p {
	color:			#253f46;
	width:			236px;
	margin:			10px 0 0 25px;
	font-size:		40px;
	text-align:		center;
}


/* !Containers */
/* --------------------------------------------- */
div.small_block {
	position:		relative;
	width:			307px;
	height:			302px;
	overflow:		hidden;
	background:		transparent url('images/small_container_bg.png') no-repeat scroll left top;
	/* display:		inline-block; */
	float:			left;
	margin-right:	16px;
}

div.small_block p, 
div.small_block h1, 
div.small_block h2, 
div.small_block h3,
div.small_block h4,
div.small_block h4 a,
div.small_block ul {
	width:			260px;
	margin:		 	0 0 0 25px;
	font-size:		18px;
	color:			#253f46;
}

div.small_block h3 {
	margin-top: 	25px;
	border-bottom:  1px solid #253f46;
	font-size:		24px;
	line-height: 	35px;
}

div.small_block h4 {
	height:			auto;
	font-size:		20px;
	margin:			15px 0 -15px 25px;
	color:			#365c66;		
}

div.small_block h4 a {
	font-size:		20px;
	color:			#365c66;
	margin:			0;
	padding:		0;
	text-decoration:none;		
}

div.small_block p {
	margin-top:		15px;
	color:			#3c4533;
	width:			250px;
	margin-left:	35px;
}

div.small_block p.more_button {
	position:		absolute;
	right:			25px;
	bottom:			45px;
}

div.last_block {
	margin-right:	0;
}

div.small_block ul {
	padding:		0;
	margin:			15px 0 0 60px;
	width:			200px;
	line-height: 	19px;
}

div.small_block ul li {
	margin-bottom:	8px;
	line-height:	20px;
}

/* !Post and Big Block Elements */
div.big_block,
div.post {
	position:		relative;
	background:		transparent url('images/paper_pattern.jpg') repeat;
	border:			1px solid #a6bf8e;
	padding:		25px 0 25px 0;
}

div.post h2,
div.post h3,
div.post h4,
div.post h5 {
	margin:	0 25px;
	color: #365C66;
}

div.post h2 {
	margin-top: 10px;
	font-size: 28px;
	line-height: normal;
}

.single div.post h2 {
	color:			#253F46;
}

div.post h3 {
	margin:			10px 0 5px 25px;
}

div.post h2 a {
	color:			#253F46;
	text-decoration:none;
	border-bottom:	1px dotted #253f46;
}

div.post p{
	margin: 10px 25px;
	font-size:		16px;
	line-height:	24px;
}

div.post ul,
div.post ol {
  padding: 0;
  margin: 25px;
}

div.post li {
	margin-left: 25px;
	width:			500px;
	font-size:		16px;
	line-height:	24px;
}

body.single div.post p {
	text-shadow:	none;
}

div.post p a {
	text-decoration:none;
	font-style: 	italic;
	font-weight:	bold;
	color:			#365C66;
	border-bottom:	2px dotted #253f46;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

div.post a:hover {
	background:		#a6bf8e;
}

div.container_shadow {
	background:		transparent url('images/container_shadow.png') no-repeat top right;
	width:			100%;
	height: 		41px;
}

/* !Post Meta */
div.meta {
	clear:			both;
	width:			568px;
	padding:		0 15px;
	margin:			25px 0 0 25px;
	padding-top:	25px;

	border-top:		1px dashed #253f46;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

div.meta p {
	margin:			0 0 15px 0;
	width:			auto;
	text-shadow:	none;
}

div.meta p a {
	font-weight:	normal;
	border-bottom:	1px dotted #253f46;
}

/* Comments and stuff */
div#respond {
	background:		transparent url('images/paper_pattern.jpg') repeat;
	border:			1px solid #a6bf8e;
	padding:		25px 0 25px 0;
}

/* !Elements */
/* --------------------------------------------- */
#current_status_wrap {
	width:			231px;
	height:			72px;
	margin:			15px auto 0 auto;
	background:		transparent url('images/button-big_green.png') no-repeat;
}

#current_status_wrap p {
	margin:			0 0 0 36px;
	padding:		16px 0 0 0;
	width:			160px;
	line-height:	22px;
	text-align:		center;
	font-weight:	bold;
	font-size:		18px;
}

#current_status_wrap p a {
	text-decoration:none;
	color:			#253f46 !important;
	border:		 	none;	
}

#current_status_wrap p a:hover {
	color:			#365c66 !important;	
	border:			none !important;
	background: 	transparent !important;
}

form#main_search {
	position:		relative;
	width:			648px;
	height:			104px;
	background:		transparent url('images/searchbg.png') no-repeat top left;
	margin:			30px 0 0 30px;
}

form#main_search legend {
	position:		absolute;
	display:		none;
}

form#main_search fieldset {
	border:			none;
	margin:			0;
}

form#main_search fieldset label{
	position:		absolute;
	top:			25px;
	left:			65px;
	
	font-family:	Myriad Pro, Trebuchet MS, Trebuchet, Tahoma, Helvetica Neue, Arial, sans-serif;
	font-weight:	bold;
	font-size:		23px;
	color:			#a6bf8e;
}

form#main_search fieldset input{
	width:			570px;
	height:			33px;
	margin:			11px 0 0 36px;
	padding:		10px 0 0 18px;
	text-indent:	5px;
	border:			none;
	background:		transparent;
	
	font-weight:	bold;
	font-size:		23px;
	color:			#a6bf8e;
}

#header.page img#lime_with_logo {
	margin:			-134px 0 0 700px;
}


/* !Archive Page Specific Stuff */
/* --------------------------------------------- */
.archive h2 {
	margin-top:		5px;
}

.archive .meta {
	border-top:		none;
	margin:			0 0 0 25px;
	padding:		0;
}

p.timestamp {
	width:			auto !important;
	position:		absolute;
	top:			10px;
	right:			10px;
	color:			#a7a7a7;
	text-shadow:	0 1px 0 #e7edf9;
}


/* !Single Page Specific Stuff */
/* --------------------------------------------- */
.single div.post p:first-child {
	margin-top:		15px;
}


/* !Footer */
/* --------------------------------------------- */
#footer {
	position:		relative;
	height:			260px;
	margin-top:		-260px;
	clear:			both;
	background:		#1e1e1f url('images/footer_bg.png') repeat-x;
}

#footer_content {
	width:			960px;
	height:			100%;
	margin:			0 auto;
	background:		transparent url('images/footer_content_bg.png')	no-repeat scroll center top;
}

#footer p.first {
	padding-top:	20px;
}

#footer_text {
	width:			660px;
	float:			left;
	font-size:		16px;
	color:			#f2f2f2;
	text-shadow:	none;
}

#footer_text p {
	text-shadow:	none;
	margin:			25px 0 0 0;
}

#footer_text p a {
	color:			#f2f2f2;
}

#footer_contact {
	float:			right;
	width:			240px;
	margin:			45px 0 0 0;
	color:			#f2f2f2;
}

#footer_contact h3,
#footer_contact p,
#footer_contact h3 a,
#footer_contact p a {
	text-shadow:	none;
	color:			#f2f2f2;
	text-decoration:none;
}

#footer_contact h3 {
	font-size:		24px;
}

#footer_contact p {
	font-size:		16px;
	line-height:	25px;
}

#footer_contact p a {
	border-bottom:	1px solid #f2f2f2;
}

#footer_contact p a:hover {
	color:			#253f46;
	background:		#a6bf8e;
	border-bottom:	2px solid #253f46;
}

/* !Post Images and Videos */
/* ---------------------------------------------*/
.post img,
.post div.video {
    max-width: 		500px; /* MAX IMAGE SIZE SETTING */
    height: 		auto;
}

.wp-caption,
div.video {
	float:			left;
	clear:			left;
    margin:			12px 20px 15px 25px;
	padding:		7px 2px 2px 2px;
    border:			1px solid #a6bf8e;
    background:		#f2f2f2;
    text-align:		center;
}

.post div.video {
	float:			none;
	margin:			0 auto 50px auto;
	padding:		0;
	text-align:		center;
	width:			100%;
}

.wp-caption p.wp-caption-text {
	display:		none;
	width:			200px;
	margin:			10px 0 10px 0;
	text-align:		center;
}

#lightbox-overlay-text p span#lightbox-overlay-text-about {
	display:		none;
}

/* WOrdpress auto image formatting */
img.alignright {float:right; margin:0 0 1em 1em; clear: right;}
img.alignleft {float:left; margin:0 1em 1em 0; clear: left;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* !Generic Classes and Misc. */
/* ---------------------------------------------*/
.hidden,
.home ul li.hidden {
	position:		absolute;
	visibility:		hidden;
	display:		none;
}

.paper {
	background:		transparent url('images/paper_pattern.jpg') repeat;
}


/* END CSS */