/*
Theme Name: joelwallis.net
Author: Joel Wallis
Author URI: http://joelwallis.net/
Version: 2.0
Description: Tema desenhado especificamente para meu portfólio pessoal (<a href="http://joelwallis.net/">joelwallis.net</a>).
*/
/*
@import "css/reset.css";
@import "css/960.css";
@import "css/text.css";
@import "css/simpleform.css";
@import "css/jquery.fancybox-1.3.0.css";
*/

body {
	color: #222;
	font: 12px arial, helvetica, sans-serif;
}
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4, h5, h6 { font-size: 14px; }
h1, h2, h3, h4, h5, h6 { letter-spacing: -1px; }
a {  color: #000; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

hr { background: #333; border: none; height: 1px; margin-top: 0; }
ul ul { margin-bottom: 0; }


#container {
	background: #fff;
}
	/**
	 * #branding
	 */
	#branding {
		margin-top: 30px;
	}
	
	/**
	 * #logo
	 */
	#branding #logo {
	}
		#branding #logo h1, #branding #logo a {
			margin: 0;
			padding: 0;
		}
		#branding #logo p#description {
			font-size: 14px;
		}
	
	/**
	 * #nav
	 */
	#branding #nav {
		font-size: 14px;
		text-align: right;
	}
		#branding #nav ul {
			list-style: none;
		}
			#branding #nav ul li {
				display: inline-block;
				margin: 0 0 0 15px;
				position: relative;
			}
				#branding #nav ul li a {
					display: block;
					padding: 5px;
				}
				#branding #nav ul li:hover a {
				}
				#branding #nav ul li:hover ul {
					display: block;
				}
				#branding #nav ul li ul {
					display: none;
					position: absolute;
					right: 0;
					width: 180px;
					background: #eee;
					z-index: 1;
				}
					#branding #nav ul li ul ul {
						right: 180px;
					}
					#branding #nav ul li ul li:hover ul {
						display: block;
					}
					#branding #nav ul li ul li:hover ul {
						display: block;
					}
				#branding #nav li ul li {
					margin: 0;
				}
	/**
	 * #banner
	 */
	#branding #homebanner {
		background: #999;
		color: #eee;
		height: 100px;
		margin-bottom: 20px;
		padding: 50px;
		width: 840px;
		background: url(img/banner.jpg) top left no-repeat #333;
	}
		#branding #homebanner p {
			font: bold 24px arial, helvetica;
			margin-bottom: 10px;
		}
		#branding #homebanner a {
			color: #fff;
		}
	
	#page {
	}
		#page .meta {
			background: #eee;
			border: solid 1px #ddd;
			color: #555;
			padding: 10px;
			font-size: 11px;
		}
		#page .thumb {
			position: relative;
		}
				#page .thumb a img {
					border: solid 1px #ccc;
					margin: -1px;
				}
				#page .thumb a:hover img {
					border: solid 3px #000;
					margin: -3px;
				}
	
	#sidebar {
	}
		#sidebar em {
			font-size: 11px;
		}
	#footer {
		font-size: 11px;
		margin-bottom: 20px;
	}
		#footer p {
			margin-bottom: 5px;
		}
		
		#footer .right {
			text-align: right;
		}
			#footer .left a {
				text-decoration: none;
			}
			#footer .left ul {
				display: inline;
			}
			#footer .left ul li {
				display: inline;
				margin-right: 5px;
				margin-left: 0;
			}

/**
 * WP Editor
 */
#page img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#page .alignright, #page img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#page .aligncenter, #page img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#page img.alignleft, #page img.alignright, #page img.aligncenter {
	margin-bottom: 12px;
}
#page .wp-caption {
	background: #f1f1f1;
	color: #888;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#page .wp-caption img {
	margin: 5px;
}
#page .wp-caption p.wp-caption-text {
	margin: 0 0 4px;
}
#page .wp-smiley {
	margin: 0;
}








/** End line :) */