/*
Theme Name: blcompany
Theme URI: http://blcompany.com
Description: A nice theme that will make feel nice.
Author: <a href="http://24hscripts.com">Daniel Marin</a>
Version: 1.0
Tags: blue, two-columns
*/

/* Basic stuff */
li {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
.clearfix {
	display: block;
}

.clear {
	clear: both;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: black;
	font-family: Helvetica, Arial, Geneva sans-serif;
	line-height: 1;
	background: url(images/bg11.jpg) repeat-x;
	background-color: #94C3EB;
	color: #fbf6eb;
	font-size: 12px;
	line-height: 15px;
	}
	
p {
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 20px;
	margin-bottom: 15px;
	text-align: justify;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}

img {
	margin-bottom: 15px;
}

a {
	color: white;
	font-style: inherit;
}

a:hover {
	text-decoration: none;
}

h1 {
	font-size: 36px;
	color: #FCFFF5;
	margin-bottom: 19px;
	text-transform: uppercase;
}

sidebarx h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight:100;
}
h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
}

h3 {
	 font-size: 21px;
	 color: #F9F9F9;
	 margin-bottom: 10px;
	 font-weight: 100;
}

h3 a {
	text-decoration: none;
}

h4 {
	font-size: 16px;
	margin-bottom: 9px;
	font-weight: 300;
}

h5 {
	font-size: 14px;
	margin-bottom: 9px;
}

h6 {
	font-size: 12px;
	margin-bottom: 9px;
}

pre {
	border-left: 3px solid #3b667F;
	padding: 10px;
	background: #5492B6;
	display: block;
	max-width: 400px;
	font-style: italic;
	font-family: Georgia;
	margin-bottom: 15px;
}

blockquote {
	padding: 10px;
	padding-top: 0px;
	margin: 5px;
	margin-top: 0px;
	font-size: 19px;
	max-width: 200px;
	font-style: italic;
	font-family: Georgia;
	line-height: 29px;
	text-indent: -0.49em;
	color: white;
}

blockquote p {
	font-size: 19px;
	display: inline;
	max-width: 200px;
	font-style: italic;
	font-family: Georgia;
	line-height: 29px;
	text-indent: -0.49em;
	color: white;
}

hr {
	border-top: none;
}

ul {
	margin-bottom: 15px;
	font-size: 13px;
}

ol {
	margin-bottom: 15px;
	font-size: 13px;
}

li {
	margin-bottom: 4px;
}

#wrap { 
    min-height: 100%;
    /*height: auto !important;*/
    height: 100%;
    margin: 0 auto -45px;
    width: 965px;
    position: relative;
    background: url(images/page-bg.png) no-repeat center 86px;
}

/* Navigation */
#navwrap {
	padding-left:20px;
	width: 941px;
	height: 62px;
	background: url(images/navbg.png) no-repeat;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 1px;
}

#nav {
	position: relative;
	display: block;
	z-index: 200;
	margin:0;
}

#nav li {
	float: left;
	list-style: none;
	margin-top: 20px;
	position: relative;
}

#nav li.back {
	background: url("images/menu-item.png") no-repeat right -22px;
	width: 8px; height: 22px;
	z-index: 8;
	position: absolute;
}

#nav li.back .left {
	background: url("images/menu-item.png") no-repeat top left;
	height: 22px;
	margin-right: 5px;
}

#nav li a {
	font-size: 11px;
	text-decoration: none;
	color: #0d4b72;
	text-align: center;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: 4px 10px; 
	text-transform: uppercase;
}

.first {
	/*margin-left: 25px;*/
}

#nav li ul {
	display: none;
	width: 150px;
	border: 1px solid #ccc;
	position: absolute;
	top: 22px;
	left: 0;
	margin:0;
	background-color:#e0e0e0;
}

#nav li ul li {
	float: none;
	margin-top: 10px;
}

#nav li ul li a {
	float: none;
	text-align: left;
	height: 20px;
}

#nav li ul li a:hover {
	color: #fff;
}

/* Logo styles */

.logo {
	margin-right: 5px;
	margin-top: 0px;
	width: auto;
	float: right;
}

/* Content */

.column {
	width: 430px;
	padding: 12px 16px 0px 16px;
	float: left;
	text-align: justify;
	margin-top: 2px;
}

#content {
	margin-left: 15px;
	margin-righ: 15px;
	margin-top: 14px;
	height: 100%
}

#content img {
	border: 1px white solid;
}

/* Overlays */

.portfolio-overlay {
	left: 36px;
	display: none;
	border: none;
	margin-bottom: -209px;
	z-index: 2000000000;
}

#iphone-overlay {
	position: relative;
	margin-right: -387px;
	margin-top: 127px;
}

.blog-overlay {
	left: 36px;
	display: none;
	border: none;
	margin-bottom: -207px;
	z-index: 2000000000;
}

#content img .portfolio-overlay {
	border: none;
}

.overlay {
	left: 36px;
	display: none;
	border: none;
	margin-bottom: -207px;
	z-index: 2000000000;
}

#content img .overlay {
	border: none;
}

/* Footer */

#footerk {
	padding: 20px 20px 0 20px;
	width: auto;
	background: url(images/footer-bg.png) 1px 0px no-repeat;
	position: relative;
	margin: auto;
	width: 925px;
	text-align:center;
	height:135px;
	
}

#footer h3 {
	color: white;
	border-bottom: solid 1px rgb(131, 157, 167);
	line-height: 19px;
	padding: 0 0 9px 0;
}

#footer p {
	font-size: 12px;
	margin-bottom: 0px;
}

#footer p.name {
	margin-left: 15px;
}

#footer span {
	text-align: center;
}

#footer ul {
	margin-left: 0px;
	margin-bottom: 0px;
}

#footer ul ul {
	margin: 0;
	padding: 0;
}

#footer li.dropdown {
	padding-bottom: 0;
}

#footer li.dropdown ul {
	margin-top: 5px;
}

#footer li {
	list-style: none;
	font-size: 12px;
	padding: 6px 0 6px 10px;
	background: url(images/left.png) no-repeat 2px 7px;
}

#footer li:hover {
	padding: 5px 0 5px 10px; 
	border-right-width: 0px;
	border-left-width: 0px;
	border-color: rgb(131, 157, 167);
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-style: solid;
	background: url(images/left.png) no-repeat 2px 6px rgb(89, 122, 135);
}

#footer a {
	text-decoration: none;
	display: block;
}

#footer .box {
	width: 210px;
	position: relative;
	float: left;
	margin-right: 20px;
	margin-top: 22px;
}

#footer .last {
	width: 200px;
	padding-right: 6px;
	margin-right: 0px;
}

#footer h3 {
	font-size: 120%;
	text-transform: uppercase;
}

* {
    margin: 0;
}

html, body {
    height: 100%;
}

#footer, .push {
    height: 17em;
}

#footer .first {
	margin-left: 13px;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

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

#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 280px;
	clear: both;
	} 

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 30px;
	clear: both;
	visibility: hidden;
	}
	
.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.pp_close {
	margin-bottom: 20px;
}
.footerleft {
	clear: none;
	float: left;
	height: auto;
	width: auto;
}
.footerright {
	clear: none;
	float: right;
	height: auto;
	width: auto;
}
.mainx {
	width: 700px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	float: left;
	padding-top: 12px;
	padding-right: 12px;
	margin-top: 2px;
}
.titlex {
	float: left;
	height: auto;
	width: 699px;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-shadow:0px 1px 1px #000;
	clear: right;
}
.titlex a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 0px 1px 1px #000;
}
.titlex a:visited {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 0px 1px 1px #000;
}
.titlex a:hover {
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 0px 1px 1px #FFF;
}

.subtitlex {
	text-shadow:0px 1px 1px #000;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	clear: right;
	float: left;
}
.contentx {
	color:#333;
	float: left;
	height: auto;
	width: 699px;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	/*text-shadow:0px 1px 1px #FFF;*/
	clear: right;
}
.subcontentx {
	text-shadow:#000;
	float: left;
	height: auto;
	width: 699px;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-shadow:0px 1px 1px #000;
	clear: right;
}



.sidebarx {
	width: 200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	float: right;
	padding-top: 12px;
	padding-right: 12px;
	margin-top: 2px;
	text-shadow:0px 1px 1px #000;
	text-decoration:none;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
   padding-right: 15px;
}
/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
	padding-left:1px;
	padding-right:1px;
	padding-top:1px;
	padding-bottom:1px;
	text-shadow:0px 1px 1px #F00;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 96%;
}
#respond textarea {
	width: 96%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}

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

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
	clear:left;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}