/*  
Theme Name: Karina
Theme URI: http://www.thenproject.com
Description: An awesome theme created for The N Project
Version: 1.0
Author: Oscar Alcalá
Author URI: http://www.oscaralcala.com

*/

/*-------------------------------------------------------------------------------------------------------------------------------------------
																		MAIN
--------------------------------------------------------------------------------------------------------------------------------------------*/

html {
	margin: 0;
	padding: 0;
}

body {
	background-color: #000;
	color: #e6ecf0;
	text-align: center;
	font-family: "Trebuchet MS", Helvetica, Verdana, Arial, Sans-Serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#container {
	width: 979px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 260px 0;
}

.bg1 { background-image: url('images/bg_1.jpg'); }
.bg2 { background-image: url('images/bg_2.jpg'); }
.bg3 { background-image: url('images/bg_3.jpg'); }

.hide {
	display: block;
	text-indent: -9999px;
	font-size: 0.0001px;
	text-decoration: none;
	background-repeat: no-repeat;
}

a, a:link, a:active, a:visited {
	color: #97b1c1;
}

a:hover {
	color: #2f90cb;
}

.clearer {
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	clear: both;
	visibility: hidden;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------
																		HEADER
--------------------------------------------------------------------------------------------------------------------------------------------*/

#header {
	width: 979px;
	margin: 0;
	position: relative;
	top: 20px;
}

#logo {
	width: 143px;
	height: 63px;
	background-image: url('images/logo.jpg');
	margin: 0;
	padding: 0;
}

#searchform {
	text-align: left;
	float: right;
	position: relative;
	top: -55px;
	left: -125px;
	color: #fff;
}

#searchlabel {
	color: #767676;
	font-size: 15px;
}

#s {
	width: 119px;
	height: 27px;
	background-image: url('images/search_box.jpg');
	background-repeat: no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	color: #fff;
	line-height: 27px;
}

#searchsubmit {
	width: 26px;
	height: 27px;
	background-image: url('images/search_btn.jpg');
	display: block;
	text-indent: -9999px;
	font-size: 0.0001px;
	text-decoration: none;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	top: -27px;
	left: 119px;
}

#toolbar {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;
	top: -63px;
	left: -80px;
}

#toolbar li {
	margin: 6px 0 0 0;
	padding: 0;
	float: none;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------
																		CONTENT
--------------------------------------------------------------------------------------------------------------------------------------------*/

#content {
	float: left;
	width: 615px;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	top: -20px;
}

h2 {
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: normal;
	text-align: left;
}

h2 a {
	text-decoration: none;
	color: #509ac9 !important;
	font-family: "Trebuchet MS", Helvetica, Verdana, Sans-Serif !important;
	font-size: 24px;
}

h2 a:hover {
	color: #acd171 !important;
}

.post {
	width: 530px;
	margin: 0 0 50px 0;
	padding: 0;
	text-align: justify;
}

.postdata, .postdata a, .postdata a:link, .postdata a:active, .postdata a:visited {
	color: #9c9c9c;
	font-size: 12px;
}

.postdata a {
	text-decoration: dotted;
}

.postdata a:hover {
	color: #fff;
}

.icon_cat {
	float: left;
	margin: 6px 8px 5px 0;
}

.postmetadata .postmetadata a, .postmetadata a:link, .postmetadata a:visited, .postmetadata a:active {
	color: #aaa;
	font-size: 12px;
}

.postmetadata a:hover {
	color: #fff;
}

.bullet {
	margin: 0 5px 0 0;
}

.feature {
	margin: 0 0 15px 0;
	display: block;
	text-align: left;
}

.post ul {
	margin: 0 0 0 18px;
	padding: 0;
	list-style-image: url('images/bullet_contenido.jpg');
}

.post ul li {
	padding: 0;
	margin: 0 0 10px 0;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------
																SIDEBAR
--------------------------------------------------------------------------------------------------------------------------------------------*/

#sidebar {
	width: 364px;
	float: left;
	text-align: left;
}

#leftcolumn {
	width: 145px;
	float: left;
	display: block;
	margin: 0 0 0 5px;
}

#leftcolumn img {
	position: relative;
	top: -3px;
	left: -12px;
}

#rightcolumn {
	width: 160px;
	float: left;
}

h3 {
	width: 100px;
	height: 30px;
}

#title_consoles { background-image: url('images/title_consoles.jpg'); }
#title_games { background-image: url('images/title_games.jpg'); }
#title_developers { background-image: url('images/title_developers.jpg'); }
#title_friends { background-image: url('images/title_friends.jpg'); }
#title_archives { background-image: url('images/title_archives.jpg'); }

#sidebar ul {
	margin: 4px 0 10px 0;
	padding: 0;
	list-style-type: none;
}

#sidebar ul li {
	background-image: url('images/bullet.jpg');
	background-repeat: no-repeat;
	margin: 0 0 2px 0;
	padding: 0;
}

#sidebar ul li a {
	position: relative;
	top: -6px;
	left: 13px;
}

#sidebar ul li a, #sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active {
	font-size: 12px;
	text-decoration: none;
}

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


/*-------------------------------------------------------------------------------------------------------------------------------------------
																COMMENTS
--------------------------------------------------------------------------------------------------------------------------------------------*/

h3 {
	text-decoration: none;
	color: #509ac9 !important;
	font-family: "Trebuchet MS", Helvetica, Verdana, Sans-Serif !important;
	font-size: 20px;
	width: 400px;
	text-align: left;
}

.commentlist {
	width: 520px;
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
	text-align: left;
}

.commentlist li {
	background-color: #090909;
	border-bottom: 2px Solid #0d0d0d;
	border-right: 4px Solid #0d0d0d;
	border-top: 1px Solid #0d0d0d;
	border-left: 1px Solid #0d0d0d;
	margin: 0 0 15px 0;
}

.commentlist li p {
	margin: 5px;
}

.commentlist li a, .commentlist li a:link, .commentlist li a:visited, .commentlist li a:active {
	color: #865024;
	text-decoration: none;
}

.commentlist li a:hover {
	color: #865024;
	text-decoration: underline;
}

.commentlist cite, .commentlist cite a, .commentlist cite a:link, .commentlist cite a:visited, .commentlist cite a:active, .commentlist cite a:hover {
	font-style: normal;
}

.commentlist cite, .commentmetadata {
	margin-left: 5px;
}

.commentmetadata {
	color: #97b1c1;
}

.commenter {
	color: #509ac9;
}

#commentform {
	text-align: left;
	margin: 0 0 0 15px;
}

#author, #email, #url, #comment {
	width: 400px;
}



/*-------------------------------------------------------------------------------------------------------------------------------------------
																HELPERS
--------------------------------------------------------------------------------------------------------------------------------------------*/

.center {
	display: block;
	text-align: center;
	margin: 0 auto;
}

.border {
	border: 1px Solid #9c9c9c;
	padding: 3px;
}

.left {
	float: left;
	margin: 0 7px 7px 0;
}

.right {
	float: right;
	margin: 0 0 7px 7px;
}

/*

She was sixteen and six feet tall
in a crowd of teenagers comin' out of the zoo
She stumbled started to slip and fall
teeter-tottered on the top of patent leather shoes
I happened to catch her and said,
"maybe these ruby shoes are a little cumbersome for you"

*/