/*  
Theme Name: iPhoneTheme
Theme URI: http://all4wordpress.com/iPhoneTheme/
Description: Tema iPhone traducido por <a href="http://ayudawordpress.com/">Ayuda Wordpress</a>.
Version: 1.0 (es)
Author: All4WordPress
Author URI: http://all4wordpress.com
*/


/*begin global styles */

* {
	margin: 0;
	padding: 0;
}

body {
background:#F4F4F4 none repeat scroll 0%;
font-family:Arial,Verdana,sans-serif,Helvetica;
font-size:62.5%;
color:#2E2E2E;
}

body * {
position:relative;
}

img {
border:0px;
}

#page {
background:transparent url(images/page-bg.png) repeat-x;
padding-top:15px;
}

a:hover , a:active {
/*background:#c0c0c0;*/ /*para ponerle efecto cuando el cursor esta sobre la imagen*/
}


/*end global styles */

/*begin header styles */

#header {
background:url(images/header-bg.png) no-repeat scroll 0% 0%;
width:1000px;
height:52px;
margin:0px auto;
padding-bottom:15px;
}

#blogtitle {
background:transparent url(images/blogtitle-bg.png) no-repeat scroll 28px 8px;
float:left;
height:28px;
padding:10px 40px 10px 70px;
}

#blogtitle a {
color:#FFFFFF;
font-family:"Times New Roman";
font-size:28px;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:1px;
line-height:normal;
text-decoration:none;
}

#blogtitle a:hover,#blogtitle a:active {
background:transparent !important;
}

#mainnav {
background:transparent url(images/navlink-bg.png) no-repeat scroll 0px 5px;
float:left;
height:42px;
padding:5px 0px 0px 1px;
}

#mainnav div {
background:transparent url(images/navlink-bg.png) no-repeat scroll 100% 0px;
float:left;
height:27px;
padding:15px 1px 0px 0px;
}

#mainnav a {
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}

#mainnav a span {
padding:15px 10px 11px;
}

#mainnav a:hover span, #mainnav a:active span {
background:transparent url(images/navlink-bg.png) repeat-x scroll 0px 0px;
}


#searchform {
float:right;
padding:15px 24px 0px 0px;
}

#searchform span {
color:#FFFFFF;
float:left;
font-size:12px;
padding:4px 5px 0px 0px;
}

#searchfield {
background:#D3D3D3 none repeat scroll 0% 50%;
border-color:#696969 #d2d2d2 #d2d2d2 #696969;
border-width:1px;
float:left;
font-size:14px;
height:17px;
margin:2px 7px 0px 0px;
padding:1px 2px 0px 2px;
}

#searchsubmit {
background:transparent url(images/searchsubmit-bg.png) no-repeat scroll 0%;
border:0px none;
color:#FFFFFF;
cursor:pointer;
float:left;
height:25px;
width:64px;
}

/*end header styles */

/* begin container styles */

#container {
margin:10px auto;
width:1000px;
}

#content-right {
float:right;
width:400px;
margin-left:10px;
}

#feeds {
background:transparent url(images/feeds-bg.png) no-repeat scroll 0% 50%;
height:120px;
margin:0px 0px 0px 10px;
width:380px;
}

#feeds span {
color:#5F5F5F;
font-size:16px;
left:126px;
top:28px;
}

#feeds a {
color:#5F5F5F;
font-weight:bold;
}

/* begin sidebar styles */

.sidebar {
color:#2E2E2E;
float:right;
font-size:12px;
line-height:20px;
width:197px;
}

.sidebar ul, .sidebar li, .wide-widget ul, .wide-widget li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.sidebar  ul  li  ul {
margin-left:10px;

}

.sidebar h2 {
background:transparent url(images/widget-top-bg.png) no-repeat scroll 0% 50%;
color:#FFFFFF;
font-size:16px;
height:23px;
margin:20px 0px 10px;
padding:5px 0px 0px 14px;
width:183px;
}

.sidebar a, .wide-widget a {
color:#000000;
}

.sidebar a:hover, .sidebar a:active, .wide-widget a:hover, .wide-widget a:active {
background:transparent !important;
}

#right-sidebar {
margin-left:6px;
}

.sidebar a:hover, .sidebar a:active, .wide-widget a:hover, .wide-widget a:active {
font-weight:bold;
}

.wide-widget {
float:right;
width:400px;
}

.wide-widget h2 {
background:transparent url(images/wide-widget-top-bg.png) no-repeat scroll 0% 50%;
color:#FFFFFF;
font-size:16px;
height:23px;
margin:20px 0px 10px;
padding:5px 0px 0px 14px;
width:386px;
}

#calendar_wrap {
text-align:center;
}

#wp-calendar {
width:100%;
}

#wp-calendar #today {
border:1px dotted #cc4848;
}


/* end sidebar styles */

/* begin content-left styles */

#content-left {
width:580px;
}

.post {
}

.post-date {
background:transparent url(images/date-bg.png) no-repeat scroll 0% 50%;
float:left;
height:60px;
margin:0px 10px 0px 0px;
padding-top:2px;
text-align:center;
width:62px;
}

.month {
color:#FFFFFF;
font-size:11px;
}

.dayofmonth {
color:#2E2E2E;
font-family:"Times New Roman";
font-size:36px;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}

.post h2 {
font-family:"Times New Roman";
font-weight:bold;
}

.post h2 a {
color:#2E2E2E;
font-size:28px;
text-decoration:none;
}

.post-category {
font-size:12px;
}
.post-category span {
font-weight:bold;
}
.post-category a {
color:#2E2E2E;
text-decoration:none;
}
.entry {
display:block;
font-size:12px;
line-height:18px;
margin-top:20px;
padding-left:10px;
}

.entry ul {
list-style:disc outside none;
padding-left:30px;
}

.entry ol {
list-style:decimal outside none;
padding-left:30px;
}

.entry li {
list-style:inherit;

}

.entry p {
margin:10px 0px;
}

.entry a {
color:#000000;
}

.entry blockquote {
background:transparent url(images/odd-blockquote-bg.png) no-repeat scroll 0% 0%;
border:2px dashed #B5B5B5;
color:#3C3C3C;
font-family:"Times New Roman";
font-weight:normal;
font-size:14px;
font-style:italic;
}

.entry blockquote p {
margin-left:54px;
}

.entry blockquote blockquote {
background:transparent url(images/even-blockquote-bg.png) no-repeat scroll 0% 0%!important;
margin:0px 4px;
}

.entry img {
margin:10px;
}

.postmetadata {
background:transparent url(images/metadata-bg.png) repeat scroll 0% 50%;
color:#FFFFFF;
font-size:12px;
height:30px;
margin:15px 0px 25px;
width:580px;
}

.postmetadata a {
color:#ffffff;
text-decoration:none;
}

.postmetadata a:hover, .postmetadata a:active {
background:transparent !important;
text-decoration:underline;
}

.postmetadata .comment {
background:transparent url(images/comments-bg.png) no-repeat scroll 0%;
float:left;
margin-left:12px;
padding:6px 0px 6px 26px;
}

.postmetadata .post-comment {
background:transparent url(images/postcomment-bg.png) no-repeat scroll 0%;
float:left;
margin-left:12px;
padding:6px 0px 6px 26px;
}

.postmetadata .share-this {
background:transparent url(images/sharethis-bg.png) no-repeat scroll 0% 50%;
float:right;
margin-right:12px;
padding:6px 0px 6px 26px;
}

.pagetitle, h3#respond {
font-family:"Times New Roman";
font-size:28px;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin-bottom:30px;
}

#content-left ul.archive-list {
font-size:14px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
line-height:22px;
}

#content-left ul.archive-list li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#content-left ul.archive-list a{
color:#2e2e2e;
}


/* begin comment styles */

h3#comments {
font-size:12px;
}

.commentlist {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.commentlist li {
font-size:12px;
margin-bottom:20px;
}

.comment-author {
font-weight:bold;
}

.comment-author a {
color:#2E2E2E;
}

.commentmetadata {
}

.comment-content {
background:transparent url(images/odd-blockquote-bg.png) no-repeat scroll 0% 0%;
border:2px dashed #B5B5B5;
min-height:50px;
padding:10px;
margin-top:5px;
}

.comment-content p {
margin-left:54px;
}

#commentform {
font-size:12px;
width:500px;
}

#commentform div {
margin-bottom:10px;
}

#commentform input, #commentform textarea {
margin-right:10px;
border-top:1px solid rgb(105,105,105);
border-bottom:1px solid rgb(210,210,210);
border-right:1px solid rgb(210,210,210);
border-left:1px solid rgb(105,105,105);
padding:1px 0px;
}

#commentform input#submit {
background:transparent url(images/commentsubmit-bg.png) no-repeat scroll 0% 50%;
height:28px;
width:70px;
color:#FFFFFF;
border:0px !important;
left:-3px;
}


/* begin footer sytles */

.clear{
clear:both;
}

#footer {
background:#464646 none repeat scroll 0%;
color:#FFFFFF;
font-size:12px;
margin-top:50px;
min-height:50px;
text-align:center;
}

#footer a {
color:#FFFFFF;
}

#footer a:hover, #footer a:active {
background:transparent !important;
}

#footer a:hover, #footer a:active {
font-weight:bold;
}

/*****************************************
/*   Efecto iphone para imagenes
/******************************************/

.screenshot-left {
   position: relative;
   width: 216px; 
   height: 400px;
   background: url(http://www.recursosparaiphone.com/lib/wallpaper-iphone-border.png)  no-repeat; 
   background-position: center;
   margin-bottom: 12px;
}

/*****************************************
/*   Tooltip Section
/******************************************/


.tooltipimage {
   width:216px; 
   height:400px;
   background: url(http://www.recursosparaiphone.com/lib/wallpaper-iphone-border.png)  no-repeat; 
   background-position: center

}
	
.tooltipimage img {
   width: 180px;
   height: 270px;
   position: absolute;
   top: 63px;
   left: 18px;}

.webapp-column { padding-left:20px; min-height: 345px; position: relative; width: 290px; *height: 345px;}

/* iPhone Wrapper */
#iphonewrapper { height: 356px;  z-index: 200; position: absolute; top: 15px; width: 184px; }
#iphonewrapper img { margin: 0; }
#iphonewrapper img#iphone-device { position: relative; z-index: 202; }
#iphonewrapper img#iphone-screen { position: absolute; top: 50px; left: 13px; z-index: 302;}

/* TOUCH */
#ipodtouchwrapper { height: 356px; width: 241px; z-index: 100; position: absolute; left: 118px; }
#ipodtouchwrapper img { margin: 0; }
#ipodtouchwrapper img#ipodtouch-device { position: relative; z-index: 102; }
#ipodtouchwrapper img#ipodtouch-screen { position: absolute; top: 46px; left: 44px; z-index: 152;}


/***********************************************
PROTOTIPOS
***********************************************/
/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	padding: 0px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */





#main-container{

}
#content{}
#wallpaper-section{}



.wallpaper-object
{
float:left;
width:175px;
padding-left:2px;
}
#wallpaper1
{
 float:left;
border:solid 3px #000000;
}
#linkdescargas
{
color:#333333;
margin:0px;
padding-left:25px;
font-weight:bold;
padding-bottom:5px;}
