/**
 ****** General ******
 */
hr,
.flash-replaced .alt {
	display:none;
}

.hr {
	border-top:1px solid #777;
	clear:both;
	margin:1em;
}

p img {
	float:none;
	margin:0;
	padding:0;
}

/**
 ****** Layout ******
 */
body {
	background:#2B3437 url(../images/topbar.png) left top repeat-x;
	color:#FFF;
	margin:0;
}

a {
	color:#FFF;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

#main {
	background:url(../images/bamboo-leaves.png) center bottom no-repeat;
	/*min-height:800px;*/
	padding-top:18px;
}

#header {
	background:url(../images/sun.png) left top no-repeat;
	height:239px;
	margin:0 auto;
	position:relative;
	text-align:center;
	width:778px;
	z-index:2;
}

/*
 ******* Header Elements *******
 */
#branding,
#contact-info,
#skills,
#frameworks {
	height:77px;
	list-style:none;
	margin:0;
	position:absolute;
	top:150px;
}

#branding h1,
#contact-info li,
#skills p a,
#frameworks li {
	margin:0;
	position:absolute;
}

#branding h1 a,
#contact-info li a,
#skills p a,
#frameworks li a {
	display:block;
	height:100%;
	width:100%;
}

#branding h1 a span,
#contact-info li a span,
#skills p a span,
#frameworks li a span {
	display:none;
}

#branding {
	background:url(../images/branding.png) no-repeat;
	height:85px;
	left:187px;
	top:36px;
	width:404px;
}

#branding h1 {
	height:45px;
	left:102px;
	top:0;
	width:200px;
}

#branding p {
	display:none;
}

#skills {
	background:url(../images/skills.png) no-repeat;
	left:45px;
	width:195px;
}

#skills p {
	margin:0;
}

#skills a {
	left:0;
	top:0;
}

#skills ul {
	display:none;
	list-style:none;
}

#frameworks {
	background:url(../images/frameworks.png) no-repeat;
	left:259px;
	width:259px;
}

#frameworks li {
	height:22px;
}

#frameworks #framework-jquery {
	left:0;
	top:16px;
	width:85px;
}

#frameworks #framework-ui {
	left:92px;
	top:16px;
	width:90px;
}

#frameworks #framework-extjs {
	height:16px;
	left:191px;
	top:16px;
	width:68px;
}

#frameworks #framework-symfony {
	height:23px;
	left:36px;
	top:43px;
	width:82px;
}

#frameworks #framework-blueprint {
	height:26px;
	left:136px;
	top:40px;
	width:104px;
}

#contact-info {
	background:url(../images/contact-info.png) no-repeat;
	left:538px;
	width:195px;
}

#contact-info #contact-url {
	height:14px;
	left:16px;
	top:14px;
	width:163px;
}

#contact-info #contact-email {
	height:13px;
	left:36px;
	top:32px;
	width:124px;
}

#contact-info #contact-phone {
	height:9px;
	left:49px;
	top:50px;
	width:97px;
}

/**
 *  Companies
 */
#companies {
	padding:15px 0 20px;
	text-align:center;
}

#companies h3 {
	color:#888;
	font-size:1.15em;
}

#companies span {
	position:absolute;
	top:0;
	left:50%;
}

#companies a {
	display:block;
	float:left;
	margin:0 10px;
	position:relative;
}

#ie6 #companies a {
	margin:0 8px;
}

#companies a img {
	display:block;
}

#companies .row1 {
	margin:0 auto 5px;
	position:relative;
	width:588px;
}

#companies .row2 {
	margin:0 auto;
	position:relative;
	width:355px;
}

/**
 *  Tooltips
 */
.tooltip {
	display:none;
	opacity:0;
}


/**
 *  Footer
 */
#footer {
	/*background:url(../images/samurai.png) 50% 10px no-repeat;*/
	color:#72796E;
	font-size:0.9em;
	/*padding:110px 0 48px;*/
	padding:100px 0 15px;
	text-align:center;
}

#footer * {
	margin:0;
}


/**
 *  Web 2.0 Bar
 */
#me-on-the-web {
	color:#797979;
	font-size:0.9em;
	text-transform:lowercase;
}

#me-on-the-web .content-inner {
}

#flickr-badge {
	float:left;
	width:535px;
}

#flickr-badge .logo {
	float:left;
	margin:0;
	padding:17px 9px 0 17px;
	width:72px;
}

#flickr-badge .logo strong {
	display:block;
	padding-right:7px;
	text-align:right;
}

#flickr-badge .photos {
	margin:0;
}

#flickr-badge .photos img {
	border:4px solid #FFF;
}

#flickr-badge .photos a:hover img {
	border:4px solid #CCC;
}

#more-on-web {
	float:right;
	margin:0;
	padding-top:15px;
	padding-right:20px;
	text-align:center;
	width:140px;
}

#more-on-web strong {
	display:block;
	padding-bottom:5px;
}


/**
 *  Content Block classes used in #content & #me-on-the-web
 */
.content-top-color {
	background:url(../images/content-top-color.png) center top no-repeat;
	padding-top:27px;
}

.content-bot-color {
	background:url(../images/content-bot-color.png) center bottom no-repeat;
	padding-bottom:27px;
}

.content-top {
	background:url(../images/content-top.png) center top no-repeat;
	padding-top:16px;
}

.content-bot {
	background:url(../images/content-bot.png) center bottom no-repeat;
	padding-bottom:16px;
}

.content-bg {
	background:url(../images/content-bg.png) center top repeat-y;
	color:#000;
	margin:0 auto;
	position:relative;
	width:732px;
}

.content-tl,
.content-tr,
.content-bl,
.content-br {
	font:1px/1px Arial, sans-serif;
	height:12px;
	position:absolute;
	width:28px;
	z-index:2;
}

.content-tl {
	background:url(../images/content-tl.png) left top no-repeat;
	left:0;
	top:16px;
}

.content-tr {
	background:url(../images/content-tr.png) left top no-repeat;
	right:0;
	top:16px;
}

.content-bl {
	background:url(../images/content-bl.png) left bottom no-repeat;
	bottom:16px;
	left:0;
}

.content-br {
	background:url(../images/content-br.png) left bottom no-repeat;
	bottom:16px;
	right:0;
}

.content-inner {
	height:100%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:700px;
	z-index:1;
}

.content-inner2 {
	padding:20px;
}


/**
 *  Top Content
 */
#top-content {
	padding:15px 0 5px;
	text-align:center;
}

#top-content p {
	display:inline;
	margin:0 5px;
}

#top-content form {
	display:inline;
}

#top-content form select {
	font:1em Helvetica, Arial, sans-serif;
	margin:0 5px;
}

#top-content form option {
	border-bottom:1px solid #DDD;
}

#top-content form button {
	display:none;
}


/**
 * Sidebar inside Content
 */
#sidebar,
#sidebar .bg,
#sidebar-handler {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:260px;
}

body.home #sidebar {
	width:330px;
}

body.page #sidebar {
	width:450px;
}

#sidebar .content {
	color:#EEE;
	padding:15px;
	position:relative;
	z-index:2;
}

#sidebar .bg {
	background:#111;
	height:100%;
	opacity:0.75;
	width:100%;
	z-index:1;
}

#ie6 #sidebar .bg {
	height:9000px;
}

#content #sidebar a {
	color:#FFF;
}

#sidebar-handler {
	background:url(../images/sidebar.png) no-repeat;
	cursor:pointer;
	height:92px;
	left:auto;
	right:-20px;
	/*
	margin-top:-46px;
	top:50%;
	*/
	top:150px;
	width:20px;
}

/**
 *  Content
 */
#content {
	color:#222;
	text-align:justify;
}

body.about #content .content-inner {
	background:url(../uploads/pages/about.jpg) center top no-repeat;
	padding-top:225px;
}

#content a {
	color:#222;
}

#content h2,
#content h3 {
	font-size:1.45em;
	font-weight:bold;
	margin-bottom:0;
}

#content h3 {
	color:#444;
	font-size:1.15em;
	margin-bottom:0.5em;
}

#content p {
	line-height:1.45;
	margin-bottom:1.20em;
}

#content p.tags {
	line-height:1.80;
}

#content p.tags .first {
	text-transform:capitalize;
}

.tag {
	background:#333;
	padding:2px 3px;
}

.company p {
	text-align:center;
}

.company img {
	border:4px solid #444;
}

.separator {
	margin:0 5px;
}

#content-photos img {
	display:block;
}

#content #content-photos {
	min-height:500px;
}

#ie6 #content #project-photos {
	min-height:500px;
}

body.portfolio #portfolio .hr {
	margin:1em 0;
}

body.portfolio #portfolio ul {
	list-style:none;
	margin:0;
}

body.portfolio #portfolio ul li {
	border-bottom:1px solid #777;
	float:left;
	font-weight:bold;
	padding:18px 15px 15px 0;
	width:210px;
}

body.portfolio #portfolio ul li.last-row {
	border-bottom:0;
}

body.portfolio #portfolio ul li.third {
	padding-right:0;
}

body.portfolio #portfolio li img {
	display:block;
	margin:0 0 5px 0;
}

#comments h2 {
	margin-bottom:25px;
}

/* Blog Comments by minid.net */
div.commentall { background: #fff url(../images/msg-comment.png) 0px 15px no-repeat; font-size:0.8em; }
div.comment-head { border-left: 1px solid #fff; border-right: 1px solid #fff; margin-bottom: 17px; clear: both; height: 30px; }
#ie6 div.comment-head { margin-bottom:10px; }
	#content div.comment-head img { line-height:1px; padding: 1px; background: #fff; border: 1px solid #ccc; float: left; width: 32px; height: 32px; margin: 0px 25px 0px 15px; }
	#content div.comment-head p { color:#999; float: left; font-size: 1.0em; margin:0 !important; padding:0; }
	#content div.comment-head cite { font-size: 1.2em; font-weight: bold; font-style: normal; font-family:Verdana, Arial, Helvetica, sans-serif; }
	#content div.comment-head a { color:#777; text-decoration: underline; }
	#content div.comment-head a:hover { text-decoration: none; }

div.comment-body { margin-bottom: 20px; padding: 10px 15px 10px 15px; -moz-border-radius: 1.0em; background: #f5f5f5; border-bottom: 1px solid #eee; border-right: 1px solid #eee;  text-align:left; }
	div.comment-body * { text-align:left !important; }
	#content div.comment-body p { float: none !important; font: 1.1em Tahoma, Arial, sans-serif; color: #555; padding: 5px 15px; margin:0; }
	div.comment-body ol li { font: /*.8em/1.6em*/ "Trebuchet MS", Arial, sans-serif; color: #666; margin-bottom: 5px; }
	div.comment-body blockquote, div.neojp blockquote, div.NEO_JP blockquote { font-size: 0.8em; padding: 5px 10px 5px 10px; -moz-border-radius: .8em; color: #999; }
	div.comment-body blockquote p, div.neojp blockquote p, div.NEO_JP blockquote p { color: #999; }
	div.comment-body blockquote { background: #ffffff; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }

	/* author */
	div.usagi { background: #FFFEC7 !important; border-bottom: 1px solid #FFF2C7; border-right: 1px solid #FFF2C7; }
	div.usagi-head, div.usagi-head { background: #fff url(../images/msg-comment-minid.png) 0px 15px no-repeat; }
	div.usagi blockquote { background: #FFFFF5 !important; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #F2F2BA; border-right: 1px solid #F2F2BA; }


/* Blog Comments Form */
#comments-form { padding:20px 0 0 0; }
	#comments-form form { padding:0 20px; width:365px; }
	#comments-form form div.input-error-msg { color:red; font-size:0.9em; padding:5px 0 5px 100px; }
	#comments-form form div.input-error-msg ul, #comments-form form div.input-error-msg li { clear:left; list-style:none; margin:0; padding:0; }
	#comments-form form div.clear { margin-bottom:5px; }
	#comments-form form div.buttons { padding-left:90px; text-align:center; }

	#comments-form label { display:block; text-align:right; padding:3px 10px 0 0; font-size:1.0em; width:90px; float: left; }
	#comments-form input, #comments-form textarea { float:left; }
	#comments-form input { width:200px !important; }
	#comments-form textarea { width: 250px !important; height: 150px; font-size: 1.1em; line-height: 135%; letter-spacing:1px; word-spacing:2px; }

	#comments-form label#url2_label, #comments-form input#url2 { display:none; }



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; }
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#jquery-lightbox a { cursor:pointer; }
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image { padding:10px; }
#lightbox-loading { position: absolute; top:40%; left:0; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block; }
#lightbox-nav-btnPrev { left:0; float:left; }
#lightbox-nav-btnNext { right:0; float:right; }
#lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0; }
#lightbox-container-image-data { padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; }
#lightbox-image-details-caption { font-weight:bold; }
#lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; }
#lightbox-secNav-btnClose { width:66px; float:right; padding-bottom:0.7em; }

/*
 * sfWebDebugBar
 * @author Symfony Project - http://symfony-project.org
 */
#sfWebDebugBar {
	top: auto !important;
	bottom: 0 !important;
}

* html #sfWebDebugBar {
	top:0 !important;
	bottom:auto !important;
}