/*  
Theme Name: iPhone Fan
Theme URI: http://www.iphonefan.com/
Description: iPhonefan Theme. Designed by <a href="http://bacteriano.com">Bacteriano</a> based on iPhone PSD file designed by <a href="http://manicho.deviantart.com">Manicho</a>. This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons Attribution-Noncommercial-Share Alike 3.0 License</a>.
Version: 1.5
Author: Bateriano
Author URI: http://bacteriano.com

iPhone v1.5
http://iphonefan.com/blog/iphone-wordpress-theme/


*/

/* @group Basic Page Layout */

body {
	color: #fff;
	text-decoration: none;
	background-image: url(pix/ipft_bkg.gif);
	background-color: #666;
	margin: 0;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
}

a {
	color: #6a98ca;
	text-decoration: none;
	border-style: none;
}

a:hover {
	color: #fbcc18;
	text-decoration: none;
	border-style: none;
}

p {
	font-size: 15px;
}

hr {
	border: none 0; 
	border-top: 2px groove #333;
	width: 100%;
	height: 1px;
}

/* @group Header */

#HeaderBox {
	height: 100px;
	margin-top: 0;
	background: #999 url(pix/ipft_title_bk.png) 0 -50px;
}

#Header {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
	margin-top: 0;
}

h1 {
	margin-top: 0;
	color: #fff;
	padding-top: 20px;
	margin-left: 65px;
	text-shadow: #666 3px 3px 3px;
	margin-bottom: 0;
}

h1 a {
	color: #fff;
	font-size: 40px;
}

h1 a:hover {
	color: #fff;
	font-size: 40px;
}

.description {
	margin-left: 65px;
	margin-top: 0;
	color: #fff;
	font-size: 14px;
	text-shadow: #666 2px 2px 2px;
	font-weight: bold;
}

/* @end */

#MainContainer { 

  	width: 900px;
  	text-align: left;	
  	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}

/* @end */

/* @group iPhone Body */

#iPhoneBox {
	width: 650px;
	float: left;
}

#iPhoneHead {
	width: 650px;
	height: 200px;
	background: url(pix/ipft_head.png) no-repeat;
}

#iPhoneScreen {
	width: 650px;
	behavior: url(iepngfix.htc);
	background: url(pix/ipft_body.png) repeat-y;
}

#iPhoneContainer {
	width: 520px;
	margin-left: 65px;
}

#iPhoneSignal {
	height: 30px;
	background: url(pix/ipft_signal.png) no-repeat;
	width: 520px;
	margin-left: 65px;
}

.signal {
	width: 130px;
	height: 30px;
	position: relative;
	left: 35px;
	float: left;
}

.clock {
	height: 30px;
	width: 100px;
	position: relative;
	left: -210px;
    line-height: 30px;
	text-align: center;
	float: right;
	color: #333;
	font-size: 17px;
}

.home {
	width: 50px;
	height: 50px;
	position: relative;
	left: 300px;
	top: 60px;
}

#iPhoneFooter {
	width: 650px;
	height: 220px;
	background: url(pix/ipft_bottom.png) no-repeat;
}

/* @end */

/* @group Caja de Texto */

#TextBox {
	width: 500px;
	margin-left: 10px;
}

/* @group Asides */

#Balloon_Head {
	height: 15px;
	width: 480px;
	margin-top: 25px;
	margin-left: 15px;
	margin-bottom: 0;
	background-image: url(pix/ipft_bllh.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/iPhoneFan_WP/pix/ipft_bllh.png', sizingMethod="scale")
}

.Ballon {
	width: 480px;
	background-image: url(pix/ipft_bll.png);
	margin-left: 15px;
	margin-top: 0;
	margin-bottom: 0;
}

#rapidin {
	margin-left: 25px;
	width: 440px;
	color: #ccc;
	font-size: 12px;
	margin-bottom: 0;
}

.chiquitin {
	font-size: 12px;
	text-align: right;
	margin-top: 10px;
}

#rapidin a {
	color: #fff;
}

#rapidin a:hover {
	color: #fbcc18;
	text-decoration: none;
}

.titulin {
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	margin-bottom: 2px;
	text-shadow: #333 2px 2px 0;
	margin-left: 30px;
	margin-top: 0;
}

.titulin a {
	color: #fff;
}

.titulin a:hover {
	color: #fbcc18;
}

.fechita {
	margin-left: 30px;
	margin-bottom: 15px;
	font-size: 10px;
	color: #ccc;
}

#Balloon_Bottom {
	width: 480px;
	margin-bottom: 25px;
	margin-left: 15px;
	background: url(pix/ipft_bllb.png) no-repeat;
	height: 10px;
}

/* @end */

#iPhoneContainer h2 {
	font-size: 20px;
	margin-top: 0;
	width: 510px;
	height: 60px;
	background-color: #376598;
	line-height: 60px;
	background-image: url(pix/ipft_h2.png);
	padding-left: 10px;
	margin-bottom: 0;
	text-shadow: #000 2px 2px 0;
}

h2 a {
	color: #fff;
	text-decoration: none;
	border-style: none;
}

.meta {
	font-size: 12px;
	margin: 5px 15px 25px 10px;
}

/* @group Flickr */

.flickr-frame {
}

.flickr-caption {
	font-size: 12px;
	margin-top: 0;
}

.flickr-photo {
	border-style: none;
}

/* @end */

/* @group Specials */

.i {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.d {
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
}

.v {
	font-size: 10pt;
}

code {
	background-color: #000;
	width: 460px;
	display: block;
	padding: 20px;
	border: 1px dotted #666;
	font-size: 12px;
}

/* @end */

#TextBox ul {
	list-style-type: square;
	list-style-position: outside;
}

#TextBox li {
	margin-bottom: 10px;
}

#TextBox ol {
	list-style-type: decimal;
	list-style-position: outside;
}

.hrfix {
	margin-left: 10px;
	width: 500px;
}

#ShareBox {
	width: 480px;
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.related {
	margin-left: 20px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}

.navpost {
	margin-top: 20px;
	width: 500px;
	background-color: rgba(51,51,51,0.39);
	border-top: 2px solid #376598;
	border-bottom: 2px solid #376598;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#alignleft {
	float: left;
	width: 220px;
	background-image: url(iPF_pix/ipf_anterior.png);
	direction: ltr;
	margin-left: 10px;
}

#alignright {
	float: right;
	background-image: url(iPF_pix/ipf_siguiente.png);
	width: 220px;
	text-align: right;
	margin-right: 10px;
}

.comentarios {
	height: 40px;
	background-image: url(pix/ipft_coments.png);
	line-height: 42px;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 25px;
	width: 500px;
	margin-left: 10px;
}

.nav {
	margin-top: 20px;
	width: 520px;
	line-height: 50px;
	height: 50px;
	background-color: rgba(51,51,51,0.39);
	border-top: 2px solid #376598;
	border-bottom: 2px solid #376598;
	margin-bottom: 0;
}

.td {
	float: right;
	font-size: 20px;
	display: block;
	margin-right: 10px;
}

.ti {
	float: left;
	font-size: 20px;
	margin-left: 10px;
	display: block;
}

/* @end */

/* @group Comentarios */

#CommentsContainer {
	width: 500px;
	margin-left: 10px;
}

#CommentsContainer h3 {
	color: #fff;
	font-size: 16px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#CommentsContainer p {
	font-size: 12px;
}

#cList {
	
}

/* @group Comments */

.cbox {
	width: 480px;
	margin-left: 5px;
	padding-top: 10px;
	padding-left: 10px;
	border-top: 1px solid #666;
}

.cboxAlt {
	width: 480px;
	margin-left: 5px;
	padding-top: 10px;
	padding-left: 10px;
	background-color: #333;
	border-top: 1px solid #666;
}

.cboxStaff {
	width: 480px;
	margin-left: 5px;
	padding-top: 10px;
	padding-left: 10px;
	border-top: 1px solid #666;
	background-color: #0d3265;
}

.cboxStaffAlt {
	width: 480px;
	margin-left: 5px;
	padding-top: 10px;
	padding-left: 10px;
	border-top: 1px solid #666;
	background-color: #376598;
}

.comment-gravatar {

	float: left;

	background: transparent no-repeat;
	height: 60px;
	width: 60px;
}

.comment-title {
	width: 400px;
	color: #999;
	margin-left: 70px;
	padding-top: 10px;
}

.comment-meta {
	width: 410px;
	margin-left: 70px;
	margin-top: 2px;
	color: #999;
	font-size: 10px;
	margin-bottom: 10px;
}

.comment-text {
	margin-left: 70px;
	width: 400px;
	padding-bottom: 10px;
}

.comment-text p {
	margin-top: 0;
	margin-bottom: 10px;
	color: #ccc;
}

/* @end */

img.gravatar {

		border: none;
}

.autor {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}

.autor a{
	color: #fff;
}

.autor a:hover {
	color: #fbcc18;
}

#Form_Head {
	width: 500px;
	height: 30px;
	background-image: url(iPF_pix/ipf_related_head.png);
	margin-top: 10px;
}

.form {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	margin-left: 50px;
	margin-top: 25px;
}

#Form {
	width: 500px;
	margin-top: 20px;
}

#FormBox {
	width: 400px;
	margin-left: 50px;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 20px;
}

#FormText {
	color: #ccc;
}

#FormInput {
	margin-top: -12px;
	margin-bottom: 15px;
}

.textarea {
	background-color: #ccc;
	width: 400px; 
	display: block;
	color: #333;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.textbox {
	background-color: #ccc;
	width: 400px; 
	display: block;
	color: #333;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 140px;
}

.button {
	text-align: right;
}

#FormBox p {
	margin-top: 0;
	margin-bottom: 0;
}

/* @end */

/* @group Sidebar */

#Bar {
	float: right;
	width: 240px;
}

#BarHeader {
	width: 240px;
	height: 20px;
	background-image: url(pix/ipf_sb_head.png);
	behavior: url(iepngfix.htc);
	margin-top: 17px;
}

#BarContainer {
	width: 240px;
	height: auto;
	background: url(pix/ipft_sb_body.png) repeat-y;
	behavior: url(iepngfix.htc);
}

#BarBox {
	font-size: 13px;
	margin-left: 20px;
	width: 200px;
}

/* @group Busqueda */

#search {
	margin-top: 15px;
}

.busqueda {
	text-align: center;
}

#bsqd {width: 150px;}

#bsqd, #submit {vertical-align: bottom;
}

#bsqd, input[type="text"], input[type="password"], textarea { background: #ccc;
  border: 2px solid; border-color: #000 #D9D9D9 #D9D9D9 #000;}

.data_s {
	width: 160px;
	background: url(pix/spot.png) no-repeat;
	padding-left: 30px;
	font-size: 10px;
	margin-left: 10px;
	padding-bottom: 3px;
}

.data_b {
	width: 160px;
	background: url(pix/safari.png) no-repeat;
	padding-left: 30px;
	font-size: 10px;
	margin-left: 10px;
	padding-bottom: 3px;
}

.data_t {
	width: 160px;
	background: url(pix/calendar.png) no-repeat;
	padding-left: 30px;
	font-size: 10px;
	margin-left: 10px;
	padding-bottom: 3px;
}

/* @end */

#RSS {
	height: 24px;
	width: 160px;
	padding-left: 30px;
	line-height: 12px;
	background: url(pix/feed-icon-24x24.png) no-repeat;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 15px;
}

#BarBox h2 {
	color: #69c;
	font-size: 16px;
	text-align: left;
	margin-top: 0;
	margin-bottom: -12px;
}

#BarBox ul {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}

#BarBox li {
	list-style-type: none;
	list-style-image: none;
	text-indent: -5px;
	margin-left: -25px;
	margin-bottom: 1px;
	margin-top: 0;
}

#BarBox a {
	color: #fff;
}

#BarBox a:hover {
	color: #fbcc18;
}

.morelasts {
	padding-top: 2px;
	padding-bottom: 2px;
}

#blogroll {
	padding-left: 30px;
}

#creditos {
	margin-top: 20px;
}

#BarFooter {
	width: 240px;
	height: 25px;
	background-image: url(pix/ipf_sb_bottom.png);
	behavior: url(iepngfix.htc);
}

#Karma {
	margin-top: 10px;
	width: 130px;
	padding-left: 70px;
	font-size: 10px;
	background-repeat: no-repeat;
}

.kt {
	font-size: 12px;
}

#kb {
	width: 60px;
	height: 60px;
	float: left;
	margin-left: -70px;
}

#WP {
	margin-top: 60px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}

/* @end */

/* @group Extras */

#warning {
	width: 400px;
	height: 400px;
	background-image: url(pix/warning.png);
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
}

.msg {
	width: 400px;
	font-size: 80px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	text-shadow: #000 3px 3px 0px;
}

.msg2 {
	width: 400px;
	font-size: 30px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	text-shadow: #000 3px 3px 0px;
	padding-bottom: 50px;
}

.msgsmall {
	width: 400px;
	font-size: 50px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	text-shadow: #000 3px 3px 0px;
	padding-bottom: 50px;
}

#logo {
    width: 225px;
    height: 211px;
    background-image: url(pix/Blog-logo.png);
    margin-left: 10px; 
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

/* @end */