/* @override 
	http://www.ipassion.it/wp-content/themes/surgeworks-blog/style.css
	http://blog.surgeworks.com/wp-content/themes/surgeworks-blog/style.css
*/

/*
Theme Name: Surgeworks Blog
Theme URI: http://surgeworks.com
Description: Default theme of Surgeworks weblog
Version: 1.0
Author: Renato Carvalho
Author URI: http://renatocarvalho.com/
Tags: green, custom header, fixed width, two columns, widgets

	Surgeworks v1.0
	 http://surgeworks.com

*/

/* YAHOO RESET */
html{color:#fff;background:#090c08;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;outline:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
/* YAHOO BASE */
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;}
/* YAHOO FONTS */
body {font:13px/1.431 lucida grande,verdana,sans-serif;}table {font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}


/*
---------------------------------------------------------------------------------------
HTML ELEMENTS
---------------------------------------------------------------------------------------
*/
ul, ol, dl {position:relative; /* IE/Win Disappearing List-Background Bug */}

hr {display: none;}

a {color:#fbfe3d; text-decoration:underline;}
a:active {color:#fbd74c;}
a:visited {color:#fbfe3d;}
a:hover {color:#150c07; background:#fbfe3d; text-decoration:none;}

/*
---------------------------------------------------------------------------------------
GENERIC CLASSES
---------------------------------------------------------------------------------------
*/

/* Invisible Content Just for Screen Reader Users*/
.hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}

/* Clearfix */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.hidden {left:-9999px; position:absolute;}
.debug {border:1px solid red;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.alignCenter {text-align:center;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth {clear:both; overflow:hidden; height:1px; font-size:1px;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.hide {display:none;}
.highlight {background-color:#ffc;}
.noBackground {background:none !important;}
.noBorder {border:none !important;}
.noMargin {margin:0 !important;}
.noPadding {padding:0 !important;}
.noBold {font-weight:normal !important;}
.highlight {background:#ffc;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.spacing { padding-bottom: 10px; }

/*
---------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------
*/
body {background:#040D09 url("images/structure/bodyBg.png") repeat-x scroll 0 0;}
div#page {font-size:108%; position:relative; background:transparent url("images/structure/wrapBg.jpg") 50% 0 no-repeat;}
ul#skip {display:none;}


/*
---------------------------------------------------------------------------------------
HEADER
---------------------------------------------------------------------------------------
*/
div#header {position:relative; width:950px; margin:0 auto; height:130px;}
div#logo {position:absolute; top:38px;}
	div#logo a {background:none;}
div#tagline {display:none; position:absolute; top:39px; right:0;}
	div#tagline p {width:199px; height:60px; background:transparent url("images/structure/tagline.png") 0 0 no-repeat; font-size:1px; text-indent:-9999px; display:inline-block; overflow:hidden; border:0 none;}
div#header .description {display: none;}

/*
---------------------------------------------------------------------------------------
NAVIGATION
---------------------------------------------------------------------------------------
*/
div#nav {position:relative; width:950px; margin:0 auto;}
	div#nav ul {height:48px; margin:0; padding:0; background:#2e8b5a url("images/structure/navBg.png") 0 0 repeat-x;}
	div#nav ul li {list-style-type:none; float:left; display:inline; margin:7px 0 0 8px;}
	div#nav ul li a {height:41px; display:block; font-size:1px; text-indent:-9999px; display:block; overflow:hidden; border:0 none; background-image:url("images/structure/nav.png"); background-repeat:no-repeat; background-color:transparent;}
	
	div#nav ul li#navItemHome {width:82px; margin-left:20px;}
		div#nav ul li#navItemHome a {background-position:0 0;}
		div#nav ul li#navItemHome a:hover {background-position:0 -41px;}
		div#nav ul li#navItemHome.current a {background-position:0 -89px;}
	div#nav ul li#navItemAboutUs {width:105px;}
		div#nav ul li#navItemAboutUs a {background-position:-86px 0;}
		div#nav ul li#navItemAboutUs a:hover {background-position:-86px -41px;}
		div#nav ul li#navItemAboutUs.current a {background-position:-86px -89px;}
	div#nav ul li#navItemOurWork {width:105px;}
		div#nav ul li#navItemOurWork a {background-position:-196px 0;}
		div#nav ul li#navItemOurWork a:hover {background-position:-196px -41px;}
		div#nav ul li#navItemOurWork.current a {background-position:-196px -89px;}
	div#nav ul li#navItemServices {width:100px;}
		div#nav ul li#navItemServices a {background-position:-306px 0;}
		div#nav ul li#navItemServices a:hover {background-position:-306px -41px;}
		div#nav ul li#navItemServices.current a {background-position:-306px -89px;}
	div#nav ul li#navItemBlog {width:72px;}	
		div#nav ul li#navItemBlog a {background-position:-411px 0;}
		div#nav ul li#navItemBlog a:hover {background-position:-411px -41px;}	
		div#nav ul li#navItemBlog.current a {background-position:-411px -89px;}
	div#nav ul li#navItemContact {width:97px;}	
		div#nav ul li#navItemContact a {background-position:-488px 0;}
		div#nav ul li#navItemContact a:hover {background-position:-488px -41px;}
		div#nav ul li#navItemContact.current a {background-position:-488px -89px;}

div#nav #rss {
  position: absolute;
  top: 10px;
  right: 10px;
}
div#nav #rss a {
  background: none;
}

div#fp_banner { position: relative; width:950px; margin:0 auto;}
/*
---------------------------------------------------------------------------------------
CONTENT
---------------------------------------------------------------------------------------
*/
div#content {position:relative; width:950px; margin:0 auto; padding-bottom:20px;}
div#main {float:right; width:730px;}
/* Clearfix */
div#content:after, div#main:after, div#sidebar:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#content, div#main, div#sidebar {display:inline-block;}
/* Hide from IE Mac \*/
div#content, div#main, div#sidebar {display:block;}
/* End hide from IE Mac */

/* BOX
----------------------------------------*/
.box {margin-top:20px; background:#080a07; border:1px solid #172018; background:#050a07 url("images/structure/boxBg.png") 50% 0 no-repeat; font-size:93%;}
.box h1 {margin:20px 0 5px 20px; line-height: 1.2em;}
.box h1.pagetitle {
	text-align: right;
	float: right;
	clear: both;
	display: block;
	width: auto;
	height: auto;
	color: #c0c022;
	margin: auto;
	padding: 10px;
	letter-spacing: -0.04em;
}
.box h2 {
  margin:10px 0 4px 20px; 
  color:#eae442; 
  font-size: 138.5%;
  letter-spacing: -0.04em;
  line-height: 1.2em;
}

.box h2 {
	color: #6bc896;
}
.box h3 {margin:20px 0 4px 20px; color:#6bc896; font-size: 138.5%;
	font-weight: normal;
	font-style: normal;
}

h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited {
	text-decoration: none;
} 

h1, h1 a, h1 a:visited {
	color: #6bc896;
}

h2 {font-weight: bold; letter-spacing: -0.04em;}


.post h1, .post h1 a, .post h1 a:visited, h2, h2 a, h2 a:visited {
  color:#eae442; 
}

.box h3 small {color:#e8c956; font-size:76%; font-weight:normal; position:relative; top:-2px;}
.box small {color:#e8c956; font-size:76%; font-weight:normal; position:relative; top:-2px;}
.box p {margin:0 20px 16px 20px;}
.box table, .box table tr, .box table td, .box table th {margin:0 20px 16px 20px; border: 0;}

.box2 {position:relative; margin:45px 20px 45px 20px; padding:20px 0 0 0; background:#0a0f0c; border:1px solid #1e2320;}
.box2 h2 {position:absolute; top:-30px; left:0; margin:0; padding:0;}
.box2 p {margin:0 20px 14px 20px !important; padding:0; font-size:93%;}

.box3 {position:relative; margin:20px 20px 20px 20px; padding:15px 0 !important; background:#101c15; border:1px solid #505452;} 
.box4 {position:relative; margin:20px 20px 20px 20px; padding:15px 0 0 0 !important; background:#171811; border:1px solid #363826;}


/* BLOG
----------------------------------------*/
img.imgBlogLeft {margin:0 20px 14px 20px !important; float: left;} 

/* Articles List */
.alignleft {float:left; /*margin:0 20px 14px 0 !important;*/}		
.post {position: relative;}

div.FrontPageArticles { padding-top:15px;}
div.blogArticles {}
div.blogArticles .postContent {background: #17231c; margin: 0 15px 15px 15px; padding: 0 0 5px 0; position: relative;}
div.blogArticles h1{font-size:16px; margin:0; padding:10px 12px 0 12px;  line-height:1.2em}
div.blogArticles h1 a{color:#6cffb5 !important}
div.blogArticles h1 a:hover{color:#050a07 !important; background:#6cffb5 !important}
div.blogArticles h2{font-size:16px; margin:0; padding:10px 12px 0 12px;  line-height:1.2em}
div.blogArticles h2 a{color:#6cffb5 !important}
div.blogArticles h2 a:hover{color:#050a07 !important; background:#6cffb5 !important}
div.blogArticles p {margin: 0; padding: 5px 12px 5px 12px;}
/*
div.blogArticles a.more-link,
div.post a.more-link {color:#b2efce; background:#050a07; padding:5px; font-size:9px; text-transform:uppercase; text-decoration:none;}
div.blogArticles a.more-link:hover,
div.post a.more-link:hover{color:#FBFE3D;}
*/
div.blogArticles div.buttons {margin: 0 15px 15px 15px;}
div.blogArticles div.buttons a {float: right;}


.postmetadata { font-size: 11px; padding: 10px 0 0 0;
	clear: both;
	background-position: 0 0;
	background-repeat: repeat;
	background-attachment: scroll;
}
.postmetadata p {margin: 0 !important; padding: 0 !important;}

p.continue-reading {margin: 0 !important; padding: 0 !important;}


div.blogArticles .size-medium {display:none}
.size-medium { border: 3px solid #060B08;}

/* Article Internal */
div.blogArticle {width: 705px; float: right; position: relative; margin: 15px 15px 15px 5px;}
	div.blogArticle h1 {font-size: 26px; border-bottom: 1px dotted #343e38; margin: 0px 20px 15px 20px; padding:0 200px 14px 0; line-height: 1.2em; color:#fbfe3d;}

		div.blogArticle .postContent p {line-height: 135%; font-size: 13px; font-weight: normal;}
		div.blogArticle .postContent h2 {margin: 0px 20px 10px 20px;}
		div.blogArticle .postContent h3 {color:#6BC896;	font-size:130%;	margin:30px 0pt 10px 20px; padding: 0; border: none;}
		div.blogArticle .postContent ul {margin-left: 50px;}
				div.blogArticle .postContent ul li {list-style-type: square;}
		
		.navBlogContent {padding: 5px;}
		.navBlogContent ul {margin: 0; padding: 0;}
			.navBlogContent li {margin: 0 10px 0 0; padding: 0; list-style-type: none; display: inline; float: left;}
			.navBlogContent li.previous {float: left;}
			.navBlogContent li.next {float: right;}

/** Author metadata **/
.blogArticle h1, .blogArticles h2 {
  font-size: 26px; 
  border-bottom: 1px dotted #343e38; 
  margin: 0px 20px 15px 20px; 
  padding:0 200px 14px 0; line-height: 1.2em; color:#fbfe3d;}

#sidebar {float:left; margin-left:0; width:200px; margin-top: 0;}
#sidebar .box3, #sidebar .box4 {margin: 20px 0 0 0; padding: 0 0 15px 0 !important;}
#sidebar h2 {margin: 0 0 5px 0; padding: 0px;}
#sidebar .blogArticles h2.tit-articles {background:transparent url('images/content/titSidebarArticlesSurgeworks.png') no-repeat scroll 0 0; height: 36px; text-indent: -9999px; overflow: hidden;}
#sidebar .blogThoughtsTeam h2 {background:transparent url('images/content/titSidebarArticlesTeam.png') no-repeat scroll 0 0; height: 36px; text-indent: -9999px; overflow: hidden;}
#sidebar .blogSyndication h2 {background:transparent url('images/content/titSidebarSyndication.png') no-repeat scroll 0 0; height: 36px; text-indent: -9999px; overflow: hidden;}
#sidebar .linkContinueReading {margin: 0 10px; display: block; text-align: center; background-image: none; padding: 7px 0;}
#sidebar p {margin: 0 10px; font-size: 11px;}
.box {padding-bottom: 20px;}
#sidebar ul {margin: 0 0 8px 0; padding: 0;}
	#sidebar ul li {margin: 0 10px 0 10px; padding: 0 0 5px 0; list-style: none; font-size: 11px; border-bottom: 1px dotted #343e38; line-height: 1.2em;}
		.box ul li a {display: block; padding: 5px 0px; text-decoration: none;}
		.box ul li a:hover {background: transparent; color: #fff; text-decoration: underline;}
		
.widget	h2 {margin: 8px 10px 4px 10px !important;}
.widget a {color: #7bbd9a;}

.widget_rss cite {
  color: #7bbd9a;
}
.widget_rss a.rsswidget {
	display: inline;
}

#sidebar .widget_rss ul li {
	padding: 5px 0;
}

.widget_rss li.row-1 {
  background-color: #040d09;
}

.widget_rss ul li a.rsswidget {
	display: block;
	margin: 0;
	padding: 0;
}

.widget_rss h2.widgettitle a.rsswidget img {
	float: right;
	display: block;
}

.widget_rss h2.widgettitle {
	letter-spacing: -0.1em;
}

.widget .rssSummary {
  color: #254535;
}

#sidebar h2 {font-weight: bold; font-size: 14px !important;}

#sidebar .widget ul li.last {
  border:none !important;
}

#sidebar .widget {
  padding-bottom: 0;
}

#sidebar #searchform {
  margin-bottom: 10px;
}

#sidebar #banner {padding: 10px 0 0 0;
}
		
		
/*
---------------------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------------------
*/
div#footer {margin:30px 0 0 0; color:#fff; background:#070906 url("images/structure/footerBg.png") 0 0 repeat-x; font-size:85%; min-height:100px;}
	div#footer a {padding:2px;}
	div#footerContent {width:950px; margin:0 auto 0 auto; padding:14px 0 0 0}
	div#footerCopyright {float:left; width:380px; font-weight:bold;}
	div#footerNav {float:right;}
		div#footerNav ul {margin:0; padding:0;}
		div#footerNav ul li {list-style-type:none; border-right:1px dotted #343533; display:inline; float:left; height:17px; line-height:1.1em; margin:0 10px 0 0;}
		div#footerNav ul li a {margin:0 6px 0 0;}
	
/*
---------------------------------------------------------------------------------------
FORMS
---------------------------------------------------------------------------------------
*/
form {padding:0; margin:0;}
form fieldset {border:none; padding:0; margin:0;}
form legend {display:none;}
form div {margin:0;}
form legend {margin:0;} 
form span.required {color:#b6181d; font-size:10px; position:relative; top:-4px; left:.8em; margin:0 0 0 -1em;}

div#main form.forms {margin:5px 20px 20px 20px; padding:20px; background:#0a0f0c; border:1px solid #1e2320;}
div#main form.forms label {}
div#main form.forms ul {padding:0 0 0 0; margin:0;}
div#main form.forms li {clear:both; margin:0; padding:0 0 10px 0; position:relative;}

form.forms input.fieldText, form.forms textarea.fieldTextarea {color:#fff; font-weight:normal;}
form.forms input.fieldText, form.forms textarea.fieldTextarea {width:98%; padding:3px; border-color:#828583 #828583 #828583; border-style:solid; border-width:1px; background:#161b18 url("images/structure/inputBg.png") 0 0 no-repeat;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #f7f7f7; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #fff; outline:1px solid #000;}


div#main form.forms div.buttons {padding:0 2px 12px 0; text-align:right;}
	div#main form.forms div.buttons input {padding:5px 10px; font-weight:bold; cursor:pointer;}
	div#main form.forms div.buttons div.buttonsLink {font-size:10px; float:left; padding:5px 0 0 0;}	
	
	
	
/* Comments */
div.commentlist {}
div.comments {padding: 205px 0 0 0;}
div.comment {margin: 20px 0 25px 90px; font-size: 11px; position: relative; width: 595px; background:transparent url('images/structure/commentBg.png') repeat-y scroll 0 0;}
div.comment .commentAuthor {font-size: 11px; position: absolute; top: 2px; margin: 0 15px 0 15px;}
div.comment p {margin: -5px 15px 15px 15px;}
div.commentAvatar {position: absolute; top: -4px; left: -70px;}
div.commentAvatar img {border-color: #e0ebf2; border-width: 4px 4px 7px 4px; border-style: solid;}
div.commentHeader {width: 600px; height: 19px; position: relative; top: -5px; left: -5px; background:transparent url('images/structure/commentHeader.png') no-repeat scroll 0 0;}
div.commentFooter {height: 5px; position: relative; bottom: -5px; background:transparent url('images/structure/commentFooter.png') no-repeat scroll 0 0;}

div.comment.alt {background:transparent url('images/structure/commentBgAlt.png') repeat-y scroll 0 0;}
div.comment.alt div.commentHeader {background:transparent url('images/structure/commentHeaderAlt.png') no-repeat scroll 0 0;}
div.comment.alt div.commentFooter {background:transparent url('images/structure/commentFooterAlt.png') no-repeat scroll 0 0;}


.btnBlogSearch {width:28px; height:24px; background:transparent url("images/button/btnBlogSearch.png") 0 0 no-repeat; font-size:1px; text-indent:-9999px; display:block; overflow:hidden; border:0 none; cursor:pointer; text-align: left;}

/*
---------------------------------------------------------------------------------------
BUTTONS
---------------------------------------------------------------------------------------
*/
.btnLink {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
a.btnLink{
  color:#22230c !important; 
  text-decoration:none; 
  font-weight:bold; 
  font-size:100%; 
  display:inline-block; 
  height:18px; 
  padding:4px 35px 4px 10px;
  background:#d2d465 url(http://static.surgeworks.com/images/elements/buttons/link.png) 100% 0 no-repeat
}

a.btnLink:hover {
  background: #e7eb55 url("http://static.surgeworks.com/images/elements/buttons/link.png") 100% -26px no-repeat
}



/*
a.btnAllArticlesSurgeworks{width:295px; height:35px; background:transparent url("images/button/btnAllArticlesSurgeworks.png") 0 0 no-repeat}
a.btnAllArticlesSurgeworks:hover{background-position:0 -35px}

a.btnAllArticlesTeam{width:270px; height:35px; background:transparent url("images/button/btnAllArticlesTeam.png") 0 0 no-repeat}
a.btnAllArticlesTeam:hover{background-position:0 -35px}

*/

.post {
  /*margin: 5px 15px 50px 15px;*/
  padding: 20px 20px 0px 20px;
}

.post h1, .post h2 {
  margin: 0 0 10px 0px;
  width: 480px;
  clear: both;
  float: left;
  font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -0.04em;
}

.post p {
  margin: 15px 0;
  padding: 0;
  line-height: 1.2em;
}

.single h2 {
  clear: both;
  float: none;
}

.vcard {
  width: 120px;
  margin: 0 0 20px 20px;
  float: right;
  text-align:right;
}

.vcard p {
  clear: both;
  text-align:center;
  margin: 0;
  width: 100%;
  font-size: 12px;
  padding-top: 4px;
}

.vcard a {
  text-decoration: none;
}

.post-date {
  width: 52px;
  float: left;
  text-align:center;
  text-transform: uppercase;
  border: 2px solid #505050;
}

.post-date .month {
  background:#050A07;
  color:#FBD74C;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 93%; 
  font-weight: bold;
  height:22px;
  line-height:180%;
  text-transform:uppercase;
}

.post-date .day {
  background:#172018;
  color: #fff;
  font-size: 123.1%; 
  line-height:200%;
  height: 32px;
  font-family:lucida grande,verdana,sans-serif;
}

.vcard img {
  float: left;
  margin-left: 6px;
  border: 2px solid #505050;
}

.post-content {
  clear: left;
  border-bottom: 1px dotted #172018;
}

.post-content img {
	border: 1px solid #172018;
	float: left;
	display: block;
	height: auto;
	width: 200px;
	margin: 0 5px 0 0;
}

.single .post-content img {
	max-width: 690px;
	float: left;
	width: auto;
	height: auto;
	display: inline;
	margin: 0 10px 10px 0;
}

.single .post-content img.image {
	max-width: 400px;
	width: auto;
	height: auto;
	margin: 0 10px 10px 0;
	float: none;
}


.post-content div.sociable ul {
  display: inline-block;
  margin: 0;
}

.post-content div.sociable ul li {
  list-style-type: none;
  float: left;
  margin: 4px;
}

#commentform .buttons {
  margin-top: 10px;
}

.read-on {

}

a.more-link, .read-on a {
	display: block;
	clear: both;
	width: 100%;
	float: none;
	text-align: right;
	border-bottom: 1px dotted #172018;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px 5px 0;
	color:#b2efce; font-size:9px; text-transform:uppercase; text-decoration:none;
}
a.more-link:hover, .read-on a:hover {color:#FBFE3D;
	background-color: #040d09;
	border-bottom-color: yellow;
	background-image: url(images/structure/diagonalLinesBg.png);
}

/*
a.more-link {
  float: left;
  display:block;
  width:205px;
  height: 35px;
  outline: none;
  cursor: pointer;
  background: transparent url('images/button/btnContinueReadingBig.png') 0 0 no-repeat;
  font-size: 1px;
  text-indent: -9999px;
}

a.more-link:hover {
  background-position:0 -35px;
}
*/

.navigation a {
	margin: 15px;
	padding: 5px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

#banner {
	margin-top: -10px;
}

h1 a:hover, h2 a:hover {
	background-color: transparent;
	color: #fbfe3d;
	text-decoration: underline;
}