/*
Theme Name: Celso Soares V2
Theme URI: http://pixelurban.com
Description: Celso Soares - personal website
Version: 2
Author: Celso Soares
Author URI: http://pixelurban.com
Tags: Portfolio, Celso, Soares

*/

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding: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; 
	} 
	ol,ul { 
	    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; 
	}
	
	strong {
		font-weight:bold;
	}
	em {
		font-style:italic;
	}
	
/* end Reset */

/* Begin Layout */
body {
	font-family:Arial, Helvetica, sans-serif;
	background:#000;
	background-position:center top;
}

.background {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:-999;
}

#page {
	width:938px;
	min-height:536px;
	margin:0px auto;
	margin-top:18px;
	padding:0px;
	margin-top:100px;
	z-index:999;
}

#header {
	display:block;
	height:33px;
	position:relative;
}
	#header li {
		float:left;
	}
	 /*.logo {
		background:#CC0000;
		color:#fff;
		font-size:20px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		padding:4px 6px;
		position:relative;
		top:4px;
	}*/
	
	.logo {
		margin:0 auto;
		position:relative;
		left:30px;
		top:-60px;
	}
	
	.description {
		font:0.7em Arial, Helvetica, sans-serif;
		letter-spacing:0.1em;
		color:#000;
		padding:8px;
	}
	
	.introduction {
		margin-top:10px;
		width:107px;
		font-style:normal;
		font:1.0em Arial, Helvetica, sans-serif;
		margin-bottom:0px;
		}
		
		.where_am_i {
			margin-top:20px;
			padding-top:20px;
			font-style:normal;
			font:0.8em Arial, Helvetica, sans-serif;
			color:#000;
			border-top:1px dotted #000;
		}

#navigation {
	float:left;
	width:50px;
	margin:0px 53px 0 30px;
	text-decoration:none;
}

	* html #navigation {
		margin:-13px 10px 0 15px;
	}
	
	*+html #navigation {
		margin:-13px 30px 0 30px;
	}

#navigation span {
	display:none;
}

#navigation a {
	display:block;
	height:54px;
	width:59px;
}

#navigation span:hover {
	cursor:pointer;
}

#navigation ul li {
	margin-bottom:18px;
}

#navigation ul li.lifestream {
	background:url(http://pixelurban.com/blog/wp-content/themes/default/images/lifestream_button.png) no-repeat;
	height:54px;
	width:59px;
}

#navigation ul li.lifestream:hover,
#navigation ul li.lifestream_current_page,
#navigation ul li.lifestream_current_page:hover {
	background:url(http://pixelurban.com/blog/wp-content/themes/default/images/lifestream_button.png) 0 -58px no-repeat;
	height:54px;
	width:59px;
	cursor:pointer;
}

#navigation ul li.portfolio {
	background:url(http://pixelurban.com/blog/wp-content/themes/default/images/portfolio_button.png) no-repeat;
	height:54px;
	width:59px;
}

#navigation ul li.portfolio:hover,
#navigation ul li.portfolio_current_page,
#navigation ul li.portfolio_current_page:hover {
	background:url(http://pixelurban.com/blog/wp-content/themes/default/images/portfolio_button.png) 0 -58px no-repeat;
	height:54px;
	width:59px;
	cursor:pointer;
}

#navigation ul li.contacts {
	background:url(http://pixelurban.com/blog/wp-content/themes/default/images/contacts_button.png) no-repeat;
	height:54px;
	width:59px;
}

#navigation ul li.contacts:hover,
#navigation ul li.contacts_current_page,
#navigation ul li.contacts_current_page:hover {
	background:url(http://pixelurban.com/blog/wp-content/themes/default/images/contacts_button.png) 0 -59px no-repeat;
	height:54px;
	width:59px;
	cursor:pointer;
}

#navigation ul li.projects {
	background:url(http://pixelurban.com/blog/wp-content/themes/default/images/projects_button.png) no-repeat;
	height:54px;
	width:59px;
}

#navigation ul li.projects:hover,
#navigation ul li.projects_current_page,
#navigation ul li.projects_current_page:hover {
	background:url(http://pixelurban.com/blog/wp-content/themes/default/images/projects_button.png) 0 -58px no-repeat;
	height:54px;
	width:59px;
	cursor:pointer;
}

#content {
	float:left;
	margin-top:0px;
}

.post {
	position:relative;
	padding:18px;
	width:470px;
	margin-right:-1px;
	margin-bottom:20px;
	}

* html .post {
	width:465px;
}

.post .entry {
	font:0.8em Georgia, "Times New Roman", Times, serif;
	line-height:18px;
}

.post small {
	font:0.6em Arial, Helvetica, sans-serif;
	color:#666666;
}

.post .postmetadata {
	font-size:0.7em;
	color:#CCCCCC;
}

.post .comment_icon {
	font-size:0.7em;
	font-weight:bold;
	color:#000;
	position:absolute;
	bottom:17px;
	right:12px;
}

.post h2 {
	margin-bottom:12px;
	
	font:1.3em Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
}

.post em {
	font-style:italic;
}

.comment_icon .comment_image {
	position:relative;
	top:4px;
}

.links {
	background:url(http://pixelurban.com/blog/wp-content/themes/default/images/link_bg.png) no-repeat;
	background-position:top left;
}

.links .the_time {
	display:none;
}

.links h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:600;
	position:relative;
	top:-3px;
	margin-bottom:4px;
	font-size:1.2em;
	color:#333333;
	display:none;
}

.links a {
	text-decoration:none;
	color:#000;
}

.links a:hover {
	text-decoration:underline;
	color:#000;
}

.links .entry {
	text-indent:30px;
}

.quote {
	background:url(http://pixelurban.com/blog/wp-content/themes/default/images/post_bg.png) no-repeat;
	background-position:top left;
}

.quote .the_time {
	display:none;
}

.quote h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	position:relative;
	top:-3px;
	margin-bottom:4px;
	font-size:1.0em;
	color:#fff;
}

.quote a {
	border-bottom:1px dashed #000;
	color:#000;
	position:relative;
	top:6px;
	text-decoration:none;
}

.quote a:hover {
	border-bottom:1px solid #000;
	color:#000;
	text-decoration:none;
}

.quote .entry {
	font-style:italic;
	width:400px;
}

.blog_post {
	background:url(http://pixelurban.com/blog/wp-content/themes/default/images/post_bg.png) no-repeat;
	background-position:top left;
}

.blog_post h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
	width:400px;
	height:130px;
}

.blog_post a {
	position:relative;
	top:8px;
	text-decoration:none;
	color:#333333;
}

.blog_post a:hover {
	text-decoration:underline;	
}

.blog_post .the_time {
	position:absolute;
	bottom:8px;
	right:10px;
	font-size:0.7em;
	font-weight:normal;
	color:#333333;
}

.blog_post p {
	line-height:18px;
	margin-bottom:18px;
}

.blog_post h3 {
	font:1.1em Arial, Helvetica, sans-serif;
	color:#666666;
	margin-bottom:8px;
	font-weight:bold;
}

.video {
	background:url(http://pixelurban.com/blog/wp-content/themes/default/images/video_bg.png) no-repeat;
	background-position:top left;
	padding-top:25px;
}

.video h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
	position:relative;
	top:-3px;
	margin-bottom:4px;
	font-size:2.0em;
	display:none;
}

.video_description {
	position:relative;
	top:8px;
	color:#000;
	margin:0px;
	padding:0px;
}

.video a {
	position:relative;
	top:12px;
	text-decoration:none;
	color:#333333;
}

.video a:hover {
	text-decoration:underline;	
}

.video .the_time {
	display:none;
}

.video p {
	color:#000;
	padding-top:8px;
}

.photo {
	background:url(http://pixelurban.com/blog/wp-content/themes/default/images/photo_bg.png) no-repeat;
	background-position:top left;
}

.photo h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
	position:relative;
	top:-3px;
	margin-bottom:4px;
	font-size:2.0em;
	display:none;
}

.photo .entry {
	width:425px;
	overflow:hidden;
	}
	
	* html .photo .entry {
	width:425px;
	overflow:auto;
	}

.photo img {
	position:relative;
	left:-5px;
	top:-3px;
}

.photo a {
	position:relative;
	top:12px;
	text-decoration:none;
	color:#fff;
}

.photo a:hover {
	text-decoration:underline;	
}

.photo .the_time {
	display:none;
}

.photo p {
	padding-top:8px;
}

#sidebar {
	margin-left:45px;
	float:left;
	width:250px;
	margin-top:0px;
	}
	
	#sidebar ul.select_view {
		margin-bottom:12px;
	}
	
	#sidebar ul.select_view li {
		font:0.7em Arial, Helvetica, sans-serif;
		color:#000000;
		width:248px;
		border:1px dotted #ccc;
		padding:5px;
		margin-bottom:8px;
		background:#eee;
		text-decoration:none;
		cursor:pointer;
	}
		
			#sidebar ul.select_view li:hover {
				background:#fff;
				text-decoration:none;
				cursor:pointer;
			}
			
			.widget_recent_comments {
				background:url(http://pixelurban.com/blog/wp-content/themes/default/images/comment_bg.png) no-repeat;
				padding:70px 25px 15px 45px;
				height:266px;
				position:relative;
				top:40px;
				left:-20px;	
				}
				
				* html .widget_recent_comments {
					background:url(http://pixelurban.com/blog/wp-content/themes/default/images/comment_bg.gif) no-repeat;
					}
			
			.widget_recent_comments h2 {
				display:none;
			}


.widgets_bar {
	margin-top:20px;
}
		
.widgets_bar h2 {
	font:0.9em Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom:4px;
}

.widgets_bar a {
	font:0.9em Arial, Helvetica, sans-serif;
	color:#777;
	text-decoration:none;
	border-bottom:1px dashed #ccc;
}

.widgets_bar li {
	color:#777;
	font-size:0.9em;
}

.recentcomments {
	padding:0px 0 10px 0;
	text-align:center;
}

.twitter {
	font:1.0em Arial, Helvetica, sans-serif;
	padding:0px 50px 10px 0px;
	background:url(http://pixelurban.com/blog/wp-content/themes/default/images/twitter_icon.png) no-repeat;
	background-position:top right;
	width:200px;
	margin-bottom:18px;
}

	* html .twitter {
		background:url(http://pixelurban.com/blog/wp-content/themes/default/images/twitter_icon.gif) no-repeat;
		background-position:top right;
	}

.twitter a {
	color:#777;
	text-decoration:none;
	border-bottom:1px dashed #ccc;
	clear:both;
	font-size:0.7em;
}
		
#footer {
	clear:both;
	text-align:right;
	padding-bottom:18px;
}

#footer p {
	padding-top:40px;
	font-size:0.7em;
	color:#333333;
}

#footer p a {
	color:#000;
	text-decoration:none;
	border-bottom:1px dashed #000;
}	

.comments {
	padding:18px;
	width:470px;
	margin-right:-1px;
	margin-bottom:20px;
	border:1px dotted #CC0000;
}

	.comments h3 {
		font:1.1em Arial, Helvetica, sans-serif;
		color:#CC0000;
		margin-bottom:12px;
	}
	
	.commentlist li {
		margin-bottom:12px;
	}
	
	.commentlist a {
		color:#777;
		text-decoration:none;
		border-bottom:1px dashed #ccc;
	}
	
	.commentlist em {
		font:0.7em Arial, Helvetica, sans-serif;
		color:#777;
		font-style:italic;
		position:relative;
		top:6px;
		left:20px;
	}
	
	.avatar {
		float:left;
		margin-right:4px;
	}
	
	.comment_author {
		float:left;
		font:0.9em Arial, Helvetica, sans-serif;
		color:#000;
		margin:8px 0 12px 0;
	}
	
	.comment_text {
		margin-top:-12px;
		padding:8px 8px 6px 8px;
		font:0.8em Arial, Helvetica, sans-serif;
		color:#fff;
		border-bottom:1px dotted #fff;
		border-left:1px dotted #fff;
		border-right:1px dotted #fff;
		background:#CC0000;
		overflow:hidden;
	}
	
	.comment_text_header {
		clear:both;
		background:url(http://pixelurban.com/blog/wp-content/themes/default/images/comment_header_bg.gif) no-repeat;
		margin-bottom:0px;
	}
	
	.comments_form label {
		position:relative;
		top:-7px;
	}
	
	.comments_form input {
		border:1px solid #777;
		margin-bottom:8px;
		padding:5px;
		font:0.8em Arial, Helvetica, sans-serif;
		color:#777;
	}
	
	.comment_text a {
		color:#FFFF00;
	}
	
	.comments_form textarea {
		border:2px solid #777;
		margin-bottom:8px;
		padding:5px;
		font:0.8em Arial, Helvetica, sans-serif;
		color:#777;
	}
	
	.form_header {
		margin-top:40px;
	}
	
/* buttons */
 	.button_1 a {
		display:block;
		position:relative;
		border-width:1px 0;
		border-color:#ccc;
		border-style:solid;
		color:#333;
		text-decoration:none;
		margin:4px 1px;
		font-size:0.7em;
	}

	.button_1 a span {
		display:block;
		position:relative;
		margin:0 -1px;
		border-width:0 1px;
		border-color:#ccc;
		border-style:solid;
		background:url('http://pixelurban.com/blog/wp-content/themes/default/images/gradient_4.gif') repeat-x;
		padding:2px 6px;
	}

	.button_1 a:hover {
		border-color:#aaa;
		color:#333;
	}
	
	.button_1 a:hover span {
		border-color:#aaa;
		background:url('http://pixelurban.com/blog/wp-content/themes/default/images/gradient_3.gif') repeat-x;
	}
	

/* portfolio */

.introduction_1 {
	margin-top:-20px;
}

.introduction_2 {
		margin-top:10px;
		width:110px;
		font-style:normal;
		font:1.0em Arial, Helvetica, sans-serif;
		margin-bottom:0px;
		}
		
.introduction_3 {
		margin-top:10px;
		width:88px;
		font-style:normal;
		font:1.0em Arial, Helvetica, sans-serif;
		margin-bottom:0px;
		}
		
		.additional_info {
			border-bottom:1px dotted #000;
			padding-bottom:20px;
		}

.items_of_work {
	padding-bottom:20px;
	border-bottom:1px dotted #000;
}
		
.items_of_work h2.project_name {
	font:1.0em Arial, Helvetica, sans-serif;
	margin-top:20px;
}

.items_of_work h3 {
	font:0.8em Arial, Helvetica, sans-serif;
	margin-bottom:12px;
}

.items_of_work strong {
	font-weight:bold;
}

.items_of_work p {
	font:0.8em Arial, Helvetica, sans-serif;
	line-height:18px;
}

.portfolio_preview {
	margin-bottom:18px;
}

.sidebar_portfolio {
	margin-top:10px;
}

.sidebar_portfolio em {
	font-size:0.8em;
	line-height:18px;
}

.sidebar_portfolio a {
	color:#666666;
	text-decoration:none;
	border-bottom:1px dotted #666666;
}

.important {
	padding-right:8px;
	float:right;
	position:relative;
	top:12px;
}

/* */
.posts_navigation .older a,
.posts_navigation .newer a {
	font:1.0em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.posts_navigation .older a:hover,
.posts_navigation .newer a:hover {
	border-bottom:3px solid #00CCFF;
}

.contacts p {
	margin-bottom:8px;
	font-size:1.0em;
}

.contacts a {
	color:#666666;
}

.contacts a:hover, .contacts a:visited  {
	color:#666666;
}

.contacts strong {
	font-weight:bold;
}

.projects h2 {
	margin-bottom:24px;
}

.projects img {
	margin-bottom:18px;
}

.projects p {
	margin-bottom:18px;
	line-height:18px;
}

.about p {
	margin-bottom:18px;
	line-height:18px;
}

.about strong {
	font-weight:bold;
}

.about_header {
	font:1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:18px;
	border-top:1px dotted #000;
}

.about a {
	color:#666666;
	text-decoration:none;
}

.about a:hover, .about a:visited  {
	color:#666666;
}

.image_description {
	font-style:italic;
	font-size:0.8em;
	position:relative;
	top:12px;
}

/* super powers */

.invisible {
	display:none;
}

.more-link {
	position:absolute;
	padding-top:2px;
	font-weight:bold;
	color:#fff;
}

/* sIRF */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}