/*
Theme Name: Aumentality
Theme URI: http://blog.aumentality.com
Description: El theme por default de Aumentality
Author: Sergio Fernández - ZoiX
Author URI: http://www.inkframe.com/
*/

@import url('master.css');
@import url('pagenavi.css');
@import url('comments.css');
@import url('author-info.css');
@import url('sidebar.css');
@import url('general.css');

body {
	background: #EFEFEF url(img/bg.jpg) repeat-x;}

	#container {
		min-height:	100%;
		position:	relative;
		margin-top:	10px;}
	
		#header {
			background: #DADADA url(img/bg-header.jpg) repeat-x;
			margin:		0 auto;
			width:		100%;
			padding:	0;
			overflow: 	hidden;
			height: 	0px;}
	
			#header #description {
				width:		800px;
				margin:		0 auto;}
	
			#header #description p#about {	
				font-size:		18px;
				padding:		10px 0;
				color:			#A6A6A6;}
				
			#header #description p a {
				-webkit-border-radius:	2px;
				-moz-border-radius:		2px;}
	
			#header #description p strong, #header #description a {
				color: #FFF;}
	
			#header #description p a:hover {
				color: 		#2C2E34;
				background: #FFF;}
	
		#wrapper {
			width: 		800px;
			margin:		0 auto;}
			
			#toggle {
				margin:			0;
				padding:		0;
				width:			74px;
				height:			22px;
				background:		#DADADA url(img/toggle.jpg) no-repeat;
				text-indent:	-9999em;
				display:		block;
				float:			right;}
	
			#body {
				padding:		0;
				padding-bottom:	60px;	/* Height of the footer */}
	
				#logo {
					margin:			35px 0;
					width:			247px;
					height:			50px;
					float:			left;}
					
				ul#nav {
					padding: 	14px;
					width:		800px;
					height:		45px;
					background:	transparent url(img/nav.jpg) no-repeat;}
					
					ul#nav li {
						float:			left;
						margin:			0 13px;
						font-size:		13px;
						text-transform: uppercase;}
						
						ul#nav li a {
							color:	#FFFFFF;}
	
						ul#nav li a:hover,  ul#nav li.current_page_item a {
							color:	#75919C;}
							
				#destacados {
					font-size:	1.8em;
					margin:		0 0 15px 30px;}
					
				#board {
					float:		left;
					width:		740px;
					height:		215px;
					overflow:	hidden;
					background: #FFF url(img/bg-board.jpg) repeat-x;
					border:		1px solid #AAA;}
					
					#board_body strong a {
						font-size:		14px;
						margin-bottom:	5px;
						color:			#000;
						line-height:	18px;
						display:		block;}
						
					#board_body strong a:hover {color: #3E3E3E;}

					#board_body p {
						font-size:		14px;
						color:			#808080;
						line-height:	18px;
						padding:		0 0 10px 0;}

						#board_body p img{
							float:	left;
							border:	2px solid #D2D2D2;
							margin:	0 10px 0 0;
							width:	160px;
							height:	120px;}

							#board_body p.more a {
								color:	#337AB1;}

							#board_body p.more a:hover {
								color:				#3E3E3E;
								text-decoration:	underline;}
			
					#board_left {
						float:		left;
						padding:	25px 0 0 25px;}
					
						.board_item {
							width:		680px;
							height:		125px;
							overflow:	hidden;}
					
							#board_body {width:100%;}
				
								#board_carusel {
									width:		680px;
									height:		125px;
									position:	relative;}
	
									#board_carusel .belt {
										position: absolute; /*leave this value alone*/
										left: 0;
										top: 0;}
	
							#board_carusel_nav {
								padding:	0;
								margin:		20 0 0 0;
								width:		100%;
								overflow:	hidden;}

								#board_carusel_nav li {
									float:		right;
									padding:	20px 5px 0 0;}

									#board_carusel_nav li a {outline:none;}

				ul#social-buttons {
					padding: 	0 !important;
					width:		26px;
					height:		215px;
					float:		right;
					display:	block;}
					
					ul#social-buttons li a {
						margin-bottom:		12px;
						height:			26px;
						width:			26px;
						display:		block;
						opacity:		.60;
						filter:			alpha(opacity=60);
						filter:			"alpha(opacity=60)";}

					ul#social-buttons li a:hover {
						opacity:		1;
						filter:			alpha(opacity=100);
						filter:			"alpha(opacity=100)";}
				
				#board_links{
						border:		1px solid blue;
						float:		right;
						width:		26px;
						height:		215px;
						padding:	0;}

						#board_links a{
							float:	right;
							margin:	0 5px 0 0;}
							
					.post-container {
						float:	left;
						width:	530px;}
					
						.outside-border {
							margin:		30px 0;
							width:		530px;
							border: 	1px solid #BDBDBD;}
	
						.post {
							padding:	20px 20px 20px 50px;
							border:		1px solid #FFF;
							width:		458px;
							background: #DEDDDE;
							position:	relative;}
							
							.post a.storytitle {
								color: 			#000;
								font-size: 		20px;
								padding:		0 30px 5px 5px;
								display:		block;}
								
							.post a:hover.storytitle {
								color:	#3E3E3E;}
								
							.post .tag-img {
								margin:	10px 5px 0 0;}

							.post .tags a{
								vertical-align:	.2em;
								color:			#337AB1;}

							.post .tags a:hover {
								color:				#3E3E3E;
								text-decoration:	underline;}
								
							.post .credits {
								margin:	3px 0 10px 0;
								color: 	#787878;}
								
							.post .credits .link-credits a {
								color: 	#337AB1;}
								
							.post .credits .link-credits a:hover {
								color:				#3E3E3E;
								text-decoration:	underline;}
							
							.post-thumbnail {
								margin:	10px 10px 0 0;
								border:	3px solid #BDBDBD;
								width:	125px;
								height:	90px;
								float:	left;}
								
							.post .comments {
								height: 41px;
								width:	43px;}
								
							.post .leer-mas a {
								width:		95px;
								height:		29px;
								background:	transparent url(img/leer-mas.gif) no-repeat;
								position:	absolute;
								bottom:		10px;
								left:		440px;
								color:		#FFF;
								padding:	8px 0 0 15px;}
								
							.post .leer-mas a:hover {
								text-decoration:	underline;}
								
							.post p {
								margin:	20px 0;}
								
							.comments-pop {
								background:	transparent url(img/comments.jpg) no-repeat;
								width:		43px;
								height:		41px;
								position:	absolute;
								top:		5px;
								right:		5px;
								padding:	8px 0 0 0;
								font-size:	14px;
								text-align:	center;}
								
							.comments-pop a {
								color:		#3E3E3E;}
	
							.comments-pop a:hover {
								color:		#337AB1;}
								
							.date {
								width:		63px;
								height:		55px;
								padding:	3px 0 0 0;
								position:	absolute;
								top:		8px;
								right:		490px;
								background:	transparent url(img/date.png) no-repeat;
								color:		#FFF;
								text-align:	center;}
	
								.date .day {
									display:	block;
									margin:		14px 10px 0 0;
									}
	
								.date .month {
									font-size:		14px;
									margin:			0 10px 0 0;
									text-transform: uppercase;}
									
							.post #content a {
								color: #337AB1;
								font-weight: bold;}
								
							.post #content a:hover {
								color: #3E3E3E;
								text-decoration:	underline;}
							
						.page-navi {
							margin:	20px auto;}
									
			#footer {
				position:	absolute;
				bottom:		0;
				width:		100%;
				height:		60px;			/* Height of the footer */
				background:	#0E1012;
				border-top:	#C4C4C4 2px solid;}	
				
				#footer-right {
					float:			right;
					text-align:		right;
					color:			#999;
					margin:			20px 100px 0 0;
					font-size:		11px;
					line-height:	15px;
				}