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

@import url('master.css');

#container {
	min-height:100%;
	position:relative;
	background:#4C5261 url(img/bg-gray.jpg) repeat-x top left;
}

#header {
	background:#2F333A url(img/colors.jpg) repeat-x top left;
	height:55px;
	border-bottom:#747D89 2px solid;
	margin-bottom:40px;
}

a#logo {
	height:26px;
	width: 148px;
	margin-top:16px;
	background-image:url(img/if.jpg);
	display:block;
	float:left;
	text-indent:-9999em;
}

a:hover#logo {
	background-position: 0 -28px;
}

#buttons {
	display:block;
	float:right;
	margin-top:20px;
}

#buttons li {
	float:left;
	margin-left:10px;
}

#buttons li a {
	background:url(img/button.jpg) no-repeat left top;
	display:block;
	height:20px;
	width:70px;
	color:white;
	text-align:center;
	line-height:20px;
	font-size:80%;
}

#buttons li a:hover, #buttons li.current_page_item a{
	background-position:bottom left;
}

#ink {
	width:377px;
	height:160px;
	position:absolute;
	right:0;
	top:57px;
}

#body {
	padding:10px;
	padding-bottom:70px;	/* Height of the footer */
}

.wrap > h1 {
	padding:0;
	margin-left:40px;
	text-shadow: 0 1px 0 #C6CBD6;
}

.wrap > p{
	font-size: 1.3em;
}

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:70px;			/* Height of the footer */
	background-color:#0E1012;
	border-top:#DFDFDF 2px solid;
	margin-top:20px;
}

#slider {
	width:620px;
	margin:10px auto 30px;
	position:relative;
}

.scroll {
	height:auto;
	width:620px;
	overflow:auto;
	overflow-x:hidden;
	position:relative;
	clear:left;
	background-color:#BCC1C8;
}

.scrollContainer div.panel {
	padding:20px;
	height:370px;
	width:580px;
}

ul.navigation {
	list-style:none;
	margin:0;
	padding:0;
	padding-bottom:9px;
}

ul.navigation li {
	display:inline;
	margin-right:10px;
}

ul.navigation a {
	padding:10px;
	color:#000;
	text-decoration:none;
}

ul.navigation a:hover {
	background-color:#F6F6F6;
}

ul.navigation a.selected {
	background-color:#FFF;
}

ul.navigation a:focus {
	outline:none;
}

.scrollButtons {
	position:absolute;
	top:150px;
	cursor:pointer;
}

.scrollButtons.left {
	left:-20px;
}

.scrollButtons.right {
	right:-20px;
}

.hide {
	display:none;
}

.panel img {
	margin:30px 0 5px 40px;
	width:510px;
	height:210px;
}

.panel p {
	width:500px;
	margin-left:40px;
	text-shadow: 0 1px 0 #C6CBD6;
}

.panel h2 {
	text-shadow:0 1px 0 #C6CBD6;
}

.panel .link {
	width:73px;
	height:25px;
	position:absolute;
	bottom:10px;
	right:20px;
}

#slide_title {
	position:relative;
	top:14px;
	right:4px;
	width:629px;
	height:72px;
}

.top_post {
	position:relative;
	top:14px;
}

.bottom_post {
	position:relative;
	bottom:9px;
	margin-bottom:35px;
}

.bottom_slide {
	position:relative;
	bottom:15px;
}

.post {
	padding:10px;
	background-color:#BCC1C8;
}

.post p {
	margin-bottom:10px;
}

a.storytitle {
	color:black;
}

a:hover.storytitle, .post-con a, .wrote a:hover, .post .older a, .post .newer a {
	color:#1B250D;
}

.wrote {
	margin-top: 5px;
	text-transform: uppercase;
	font: 11px/160% "Trebuchet MS", Arial, "Bitstream Vera Sans", sans-serif;
}

.wrote a {
	color:black;
}

.post-con {
	margin-top:5px;
	padding-left:10px;
}

.older a{
	float:left;
	margin-left:5px;
}

.newer a{
	float:right;
	margin-right:5px;
}

.post-con a:hover, .post .older a:hover, .post .newer a:hover {
	text-decoration:underline;
}

.wrap #users {
	width:620px;
	height:auto;
	margin:1px auto 0;
	overflow:hidden;
	background-color:#BCC1C8;
}

.wrap #users #zoix,
.wrap #users #imfael,
.wrap #users #ian,
.wrap #users #karl,
.wrap #users #an,
.wrap #users #jorge {
	width:280px;
	height:150px;
	background:#BCC1C8 url(img/user.jpg) no-repeat top left;
}

.wrap #users #zoix,
.wrap #users #ian,
.wrap #users #an {
	float:left;	
	margin:10px 10px 10px 20px;
}

.wrap #users #imfael,
.wrap #users #karl,
.wrap #users #jorge {
	float:right;
	margin:10px 20px 10px 10px;
}

.wrap #users div p {
	margin-top:25px;
	padding:15px;
	font-size:85%;
}

.name {
	position:relative;
	top:10px;
	left:68px;
	text-shadow: 0 1px 0 #C6CBD6;
}

.name a {
	color: #3a3a3a;
}

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

#footer-right {
	float:right;
	text-align:right;
	color:#999;
	margin:20px 100px 0 0;
	font-size:11px;
	line-height:15px;
}



/*
+----------------------------------------------------------------+
|																							|
|	WordPress 2.8 Plugin: WP-PageNavi 2.50									|
|	Copyright (c) 2009 Lester "GaMerZ" Chan									|
|																							|
|	File Written By:																	|
|	- Lester "GaMerZ" Chan															|
|	- http://lesterchan.net															|
|																							|
|	File Information:																	|
|	- Page Navigation CSS Style													|
|	- wp-content/plugins/wp-pagenavi/pagenavi-css.css					|
|																							|
+----------------------------------------------------------------+
*/


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #c6d2d4;
	color: #1B250D;
	background-color: #FFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #FFF;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #c6d2d4;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	border: 1px solid #c6d2d4;
	color: #000000;
	background-color: #FFFFFF;
        font-weight: bold;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}