/* ==========================================================================================
 
 bretglassett.com 
 	v3.5
 
 	
 	POST_
 	http://www.post-interaktive.com
 	
 	Author: Bret Glassett
 	http://www.bretglassett.com 
 
========================================================================================== */
/* ==========================================================================================
  
   INDEX & GLOBAL ITEMS
   
========================================================================================== */

.clear { clear: both; }

/* Reset =============================== */

*{margin:0;padding:0}
iframe,a img,fieldset,form,table{border:0}
h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}
dd,dt,dl,ol,ul{list-style:none}
legend{color:#000}
select,textarea,input{font-size:100%}
table{border-collapse:collapse}
caption,th,td{text-align:left}

/* ======================================================
  
   GLOBAL

======================================================= */

html, body {
	background: url(../images/header.jpg) top center no-repeat #191919;
	color: #404040;
	font:11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	line-height:1.4em;
	height: 100%;
}
	
body {
	margin: 0px;
	padding: 0px;
}	
	
#wrap {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px 0px -315px 0px;
}

#content_wrapper {
	width: 100%;
	min-width: 990px;
	padding: 0px 0px 315px 0px
}

#content_inner_wrapper {
	width: 990px;
	margin: 0px auto;
	padding-bottom: 90px;
}

/* ======================================================
  
   STYLES

======================================================= */

a {
	color:#3ccade;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #b2b1b1;
}

a:active, a:focus, a:hover {
	outline: none;
}

a img {
	border:0;
}

ul ol dl {
	margin: 0px;
	padding: 0px;
}

li {
	font-size: 12px;
	color: #f7f7f7;
	margin: 0 0 4px 0;
	list-style-type: none;
}

p {
	font-size: 11px;
	color: #e2e2e1;
	line-height: 20px;
	margin: 0 0  10px 0;
}

h1 {
	font-family: Lucida Grande, Lucida Sans, Verdana, sans-serif;
	font-size:22px;
	color:#f7f7f7;
	font-weight:bold;
	margin:0 0 30px 0;
	text-transform: lowercase;
}

h2 {
	font-size:16px;
	color:#dddada;
	font-weight:normal;
	line-height: 22px;
	margin:0px 5px 10px 0px;
}

		h2 a { color: #f7f7f7; }
		h2 a:hover { color: #d6d5d5; }

h3 {
	font-size:12px;
	color:#dddada;
	font-weight:normal;
	line-height: 22px;
}

#sidebar h3.rockwell {
	text-transform: uppercase;
	#fff;
}

h4 {
	font-size:10px;
	color:#999999;
	font-weight: bold;
	letter-spacing: 1px;
	margin:0px 0px 10px 0;
	text-align: right;
}

p.first_letter:first-letter {
	float: left;
	font-size: 55px;
	margin:7px 10px 5px 0;
	color:#6cdfe5;
	line-height: .7em;
}

* html p.first_letter:first-letter {
	line-height: .9em; 
	padding-right: 0.10em; 
}

*:first-child+html p.first_letter:first-letter {
	line-height: .95em;
	padding-right: 0.10em; 
}

p.first_letter:first-line {
	text-transform: uppercase;
	font-weight: bold;
}


/* ======================================================
  
   HEADER 

======================================================= */

#header {
	height: 140px;
	margin: 0px;
	float: left;
	width: 990px;
}

#logo {
	float: left;
	width: 291px;
	height: 130px;	
}

#navigation {
	float: left;
	width: 699px;
	height: 120px;
	padding-top: 10px;
}

/* Navigation =============================== */

#blob {
  background: #3ccade;
  position: absolute;
  z-index: 1;
  margin-top: 15px;
  background: -moz-linear-gradient(top, #469bb1, #47d2e7);
  background: -webkit-gradient(linear, left top, left bottom, from(#469bb1), to(#47d2e7));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 2px 3px 10px #011331;
  -webkit-box-shadow: 2px 3px 10px #011331;
}

#nav {
  position: relative;
  float: right;
}

#nav li {
  float: left;
  list-style: none;
	text-transform: lowercase;
}

#nav li a {
	color: #fff;
	z-index: 2;
	position: relative;
	cursor: pointer;
	float: left;
	font-size: 14px;
	font-family: helvetica, arial, sans-serif;
	text-decoration: none;
	padding: 15px;
	width: 100%;
}

/* ======================================================
  
   INDEX ONLY 

======================================================= */

.content_item {
	margin: 30px 0 10px 0;
}

.post_short {
	width:302px;
	float: left;	
}

.post_short h1.rockwell {
	font-size: 24px;
}

.post_short h2 {
	margin-bottom: 10px;
	text-transform: lowercase;
	font-size: 14px;
}

.post_short .post_details {
	margin-top: 0;
	margin-bottom: 15px;
}

.post_short .post_date {
	padding-right: 10px;
}

.post_short .post_categories {
	border: none;
	padding-right: 0;
}

.post_space {
	margin-right: 20px;
	padding-right: 20px;
	/* border-right: 1px dashed #383838;
	height: 220px; */
}

.main {
	width: 648px;
	float: right;
	/* padding: 10px 0px 0 0px; */
}

#slideshow {
	float: left;
	position: relative;
	background: url(../images/slider.png) no-repeat top;
	width: 990px;
	height: 380px;
	margin-bottom: 30px;
	float: left;
	padding-bottom: 5px;
	border-bottom: 1px dashed #383838;
}

#slider {
	width: 968px;
	height: 325px;
	margin: 12px 0 0 11px;
	float: left;
	position:relative;
}

#slider img {
	position:absolute;
	top:10px;
	left:0px;
}

p.dim {
	color: #555454;
}

/* Welcome =============================== */

#hello {
	width: 990px;
	float: left;
	margin: 0 0 30px 0;
	padding-bottom: 30px;
	border-bottom:1px dashed #383838;
}

#hello p {
	margin: 0;
}

p.hello {
	float: left;
	font-family: Helvetica, Arial;
	font-size:82px;
	color:#3ccade;
	font-weight: normal;
	line-height: 85px;
}

.greeting  {
	float: right;
	width: 630px;
	font-family: Tahoma, Verdana, Geneva;
}

p.greeting { font-size: 18px; }

.greeting_large { font-size: 32px; }

/* Slider =============================== */

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

/* Caption styles */
.nivo-caption {
	display: none;
	/*position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; 
	width:100%;
	z-index:89;*/
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:38%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
	background: url(../images/btn_prev.png) no-repeat;
	height: 78px;
	width: 37px;
	text-indent: -999em;
}
	
		.nivo-prevNav:hover {
			background: url(../images/btn_prev_hover.png) no-repeat;
		}

.nivo-nextNav {
	right:0px;
	background: url(../images/btn_next.png) no-repeat;
	height: 78px;
	width: 37px;
	text-indent: -999em;
}

		.nivo-nextNav:hover {
			background: url(../images/btn_next_hover.png) no-repeat;
		}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {
	position: absolute;
	bottom: -35px;
	left:47%;
}

.nivo-controlNav a {
	background:url("../images/bullets.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	display:block;
	float:left;
	height:10px;
	margin-right:3px;
	text-indent:-9999px;
	width:10px; 
        cursor: pointer;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

/* Lower =============================== */

.hire-me li {
	margin-bottom: 8px;
	margin-left: 12px;
	color:#a5a4a4;
}

/* ======================================================
  
   INNER 

======================================================= */

#content {
	float: left;
	width: 990px;
}

/* Header =============================== */

#header_desc {
	margin-bottom: 60px;
	width: 990px;
	float: left;
	border-bottom: 1px dashed #383838;
	padding-bottom: 30px;
}

h1.rockwell {
	font-size: 44px;
}

#header_desc img {
	float: left;
	margin-right: 20px;
}

/* Sidebar =============================== */

.sidebar {
	width:317px;
	float: left;	
}

.sidebar_text {
	width: 272px;
	padding: 0 10px 0 14px;
	margin: 0px;
}

.main_inner_image {
	float: right;
	width: 669px;
	padding: 25px 0 0 0px;
}

.item_wrap {
	margin:0px;
}

.spacer_portfolio {
	margin: 60px 0 0 20px;
}

/* ======================================================
  
   PROEJCTS

======================================================= */

.content_item_inner {
	float: left;
	margin: 0 0 30px 0;
	padding-bottom: 60px;
}

.content_item_inner img {
	cursor: pointer;
}

.content_item_inner h4.rockwell {
	font-size: 20px;
}

/* Popups  =============================== */

.bubbleInfo {
	position: relative;
}

.popup {
	margin: 445px 0 0 32px;
	position: absolute;
	display: none;
	width: 960px;
	padding: 15px;
	background-color: #343434;
	-moz-border-radius: 10px;
  -webkit-border-radius: 10px; 
  -moz-box-shadow: 2px 3px 10px #5f5f5f;
  -webkit-box-shadow: 2px 3px 10px #5f5f5f;
  z-index: 1000;
}

.popup p {
	float: left;
	color: #7b7b7b;
	margin: 0px;
	line-height: 24px;
}

.popup a {
	color: #b2b1b1;
	float: right;
	line-height: 24px;
}

.popup a:hover {
	color: #F7F7F7;
}

.popup h4 {
	float: left;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
	color: #c5c5c5;
}

/* Mini Contact  =============================== */

.mini_contact {
	float: left;
	width: 990px;
	border-bottom:1px dashed #383838;
	border-top:1px dashed #383838;
	padding: 30px 0 30px 0;
	margin-bottom: 90px;
}


.mini_contact textarea {
	height: 75px;
}

/* ======================================================
  
   THEMES

======================================================= */

.theme_item {
	float: left;
	margin: 0 0 30px 0;
	width: 480px;
}

.theme_item_space {
	margin-right: 30px;
}

.theme_item img {
	margin-bottom: 15px;
}

/* Theme Popups  =============================== */

#theme_item .popup {
	width: 700px;
}

/* Buttons  =============================== */

.demo {
	float: right;
	background: #818181;
  background: -moz-linear-gradient(top, #818181, #a1a0a0);
  background: -webkit-gradient(linear, left top, left bottom, from(#818181), to(#a1a0a0));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
  border: 1px solid #a1a0a0;
  color: #fff;
	font-size: 14px;
	font-family: helvetica, arial, sans-serif;
	padding: 10px 15px 10px 15px;
	margin-right: 8px;
}

.purchase {
	float: right;
	background: #3ccade;
  background: -moz-linear-gradient(top, #3d90a5, #47d2e7);
  background: -webkit-gradient(linear, left top, left bottom, from(#469bb1), to(#47d2e7));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
  border: 1px solid #3ccade;
  color: #fff;
	font-size: 14px;
	font-family: helvetica, arial, sans-serif;
	padding: 10px 15px 10px 15px;
}

		.purchase:hover,
		.demo:hover {
			background: #f70952;
			border: 1px solid #f70952;
			background: -moz-linear-gradient(top, #f70952, #f7457b);
		  background: -webkit-gradient(linear, left top, left bottom, from(#f70952), to(#f7457b));
		}
		
/* Popups  =============================== */

.theme_item img {
	cursor: pointer;
}
		
.theme_item .popup {
	margin: 5px 0 0 332px;
	position: absolute;
	display: none;
	background-color: #2b2b2b;
	-moz-border-radius: 10px;
  -webkit-border-radius: 10px; 
	width: 600px;
	padding: 15px;
}

theme_item .popup p {
	float: left;
	width: 100%;
}

/* ======================================================
  
   FOOTER

======================================================= */

#footer {
	background: url(../images/bg_footer.jpg) repeat-x;
	height: 315px;
	width:100%;
	min-width: 990px;
}

#footer a {
	color: #b2b1b1;
}

#footer a:hover {
	color: #F7F7F7;
}

#footer_inner {
	margin: 0px auto;
	background: url(../images/bg_footer_glow.png) top center no-repeat;
	width: 990px;
	height: 275px;
	padding: 40px 0 0 0;
}

div#footer_inner_wrapper {
	width: 990px;
	margin: 0px auto;
}

#footer_inner .post {
	margin-bottom: 0;
}

/* Twitter =============================== */

.twitter img {
	float: left;
}

.twitter_bubble {
	width: 180px;
	padding: 15px;
	margin-left: 10px;
	background-color: #2c2c2c;
	float: left;
	-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.twitter_bubble p {
	margin-bottom: 0;
}

.twit-date {
	color: #B2B1B1;
	font-size: 10px;
}

.twit-date ul {
	margin: 6px 0 0px 0;
	font-size: 12px;
}

li.twit-date {
	margin: 0;
}

.twit-date a {
	font-size: 10px;
}

li.twit-more {
	margin: 0;
}

li.twit-more a {
	font-size: 10px;
}

/* Hosting =============================== */

#hosting {
	clear:left;
	float:left;
	margin-top:92px;
}

/* Links =============================== */

#footer_links li {
	border-top: 1px solid #545454;
	padding: 4px 0 0 40px;
	height: 30px;
}

.bg_icon_fb {
	background: url(../images/icon_fb.png) left no-repeat;
}

.bg_icon_li {
	background: url(../images/icon_in.png) left no-repeat;
}

.bg_icon_twi {
	background: url(../images/icon_twitter.png) left no-repeat;
}

.bg_icon_tf {
	background: url(../images/icon_tf.png) left no-repeat;
}

.bg_icon_fa {
	background: url(../images/icon_fa.png) left no-repeat;
}

.bg_icon_pv {
	background: url(../images/icon_pv.png) left no-repeat;
}

.bg_icon_cv {
	background: url(../images/icon_cv.png) left no-repeat;
}

/* About =============================== */

.about_me img {
	float: right;
	margin: 0 0 10px 10px;
}

/* ======================================================
  
   CONTACT

======================================================= */

#contact_mid {
	margin-left: 55px;
}

/* Form =============================== */

#contact_mid form {
	float: left;
}

#commentform input,
input.left_form {
	background: #ffffff;
	width: 500px;
	border: 1px solid #B2B1B1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B2B1B1;
	padding: 4px 4px 4px 4px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

input.alert {
	background: #ffffff;
	width: 500px;
	border: 1px solid #054988;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #054988;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 10px 0px;
}

textarea {
	background: #ffffff;
	width: 500px;
	height: 150px;
	border: 1px solid #B2B1B1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B2B1B1;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 10px 0px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

textarea.alert {
	background: #ffffff;
	width: 500px;
	height: 150px;
	border: 1px solid #054988;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #054988;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 10px 0px;
}

.alt_button_format {
	float: left;
	font-size: 12px;
	padding: 4px 4px 4px 4px;
	margin: 0px 5px 0px 0px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
}

.reset {
	color: #B2B1B1;
	background: #ffffff;
	border: 1px solid #B2B1B1;
	background: #818181;
  background: -moz-linear-gradient(top, #818181, #a1a0a0);
  background: -webkit-gradient(linear, left top, left bottom, from(#818181), to(#a1a0a0));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
  border: 1px solid #a1a0a0;
  color: #fff;
  padding: 5px 10px 5px 10px;
}

input#submit,
.submit {
	color: #fff;
	background: #3ccade;
  background: -moz-linear-gradient(top, #3d90a5, #47d2e7);
  background: -webkit-gradient(linear, left top, left bottom, from(#469bb1), to(#47d2e7));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 14px;
	font-family: helvetica, arial, sans-serif;
	padding: 5px 10px 5px 10px;
	border: 1px solid #3ccade;
}
		
		input#submit:hover,
		.submit:hover,
		.reset:hover {
			background: #f70952;
			border: 1px solid #f70952;
			background: -moz-linear-gradient(top, #f70952, #f7457b);
  		background: -webkit-gradient(linear, left top, left bottom, from(#f70952), to(#f7457b));
		}


.alert_text {
	color: #054988;
}  

.inquiry {
	width: 410px;
	margin-bottom: 15px;
}

form p {
	padding-right: 80px;
}

form p.required {
	background: url(../images/reqired.jpg) no-repeat right;
}

span.required {
	background: url(../images/reqired.jpg) no-repeat right;
}

.form_submit {
	margin-top: 20px;
	padding-top: 20px;
	border-top:1px dashed #383838;
}

form dl {
	margin-bottom: 10px;
	float: left;
}

form dt {
	float: left;
	width: 200px;
	color: #DDDADA;
}

form select {
	width: 220px;
}

form dd {
	float: left;
	width: 392px
}

form span {
	float: right;
	width: 100px;
	height: 20px;
}

/* Contact Sidebars =============================== */ 

.text_bg p {
	background-color: #2C2C2C;
	font-size: 14px;
	padding: 2px;
	line-height: 22px;
}

.text_bg p.enlarged {
	font-size: 24px;
	padding: 4px;
}

.contact_details {
	float: left;
	margin-top: 20px;
}

.contact_details p {
	margin-bottom: 0px;
}

/* ======================================================
  
   IE UPGRADE 

======================================================= */

#upgrade {
	margin:0 auto;
	width:500px;
}

/* ==========================================================================================
  
	BLOG
   
========================================================================================== */

#blog_post {
	float: left;
	width: 646px;
	margin-bottom: 30px;
}

#lower_posts {
	float: left;
	width: 990px;
}

.main_post {
	padding: 10px 0 0 0;
}

#blog_post ul {
	margin: 25px 0 15px 25px;
	border-left: 1px dashed #383838;
	padding: 0 0 0 10px;
}

#blog_post li {
	margin-bottom: 10px;
	list-style-type: disc;
	list-style-position: inside;
	color: #B2B1B1;
}

/* Post Details =============================== */

.main_post h2 {
	font-size: 28px;
	text-transform: uppercase;
	margin: 0;
}

.post_details {
	border-top: 1px dashed #383838;
	padding-top: 3px;
	float: left;
	width: 100%;
	margin: 10px 0 20px 0;
}

.post_date {
	float: left;
	border-right:1px dashed #383838;
	padding: 0 50px 0 0; 
	height: 40px;
}

.post_categories {
	float: left;
	border-right:1px dashed #383838;
	padding: 0 50px 0 10px;
	height: 40px;
}

.post_comments  {
	float: right;
	border-left:1px dashed #383838;
	padding: 0 0px 0 10px;
	height: 40px;
}

p.comments_img {
	background: url(../images/comments.png) left no-repeat;
	padding-left: 24px;
}

.post_date p,
.post_comments p,
.post_categories p {
	margin: 0;
}

#blog_post li.comment {
	list-style-type: none;
}

/* Sidebar =============================== */

#sidebar {
	float: right;
	width: 270px;
}

#sidebar h3 {
	margin-bottom: 10px;
	font-size: 14px;
	text-transform: lowercase;
}

#sidebar a {
	color: #B2B1B1;
}

#sidebar a:hover {
	color: #f7f7f7;
}

.xoxo {
	border-left: 1px dashed #383838;
	padding-left: 15px;
}

#sidebar li {
	margin-bottom: 30px
}

#sidebar li li {
	margin-bottom: 4px;
}

/* Single =============================== */

#nav-above {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

		#nav-above a {
			font-size: 10px;
			color: #B2B1B1;
		}
		
		#nav-above a:hover {
			color: #f7f7f7;
		}

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

.code_wrap code {	
	color: #E2E2E1;
	font-size: 10px;
}

.code_wrap {
	margin: 20px 0 20px 0;
	background-color: #404040;
	padding: 20px;
	width: 606px;
}

pre {
	margin: 20px 0 20px 0;
	background-color: #fff;
	padding: 20px;
	width: 606px;
}

.digg {

}

/* Comments =============================== */

.entry-utility {
	margin: 15px 0 15px 0;
	padding: 15px 0 15px 0;
	border-top: 1px dashed #383838;
	border-bottom: 1px dashed #383838;
}

#respond {
	margin-top: 30px;
}

#comments h3 {
	margin-bottom: 15px;
}

.commentlist li {
	padding: 15px;
}

.commentlist li.odd {
	border: 1px dashed #383838;
}

.form-allowed-tags {
	display: none;
}

#commentform input {
	clear: both;
}

#commentform input#submit {
	width: 120px;
}

#commentform label {
	display: block;
}

#commentform span {
	display: none;
}

#commentform p.comment-notes {
	color: #383838;
}

#commentform textarea {
	width: 600px;
}

/* Categories =============================== */

h2.entry-title {
	margin-bottom: 10px;
	font-size: 16px;
	text-transform: lowercase;
}

.category .post {
	margin-bottom: 30px
}