/*
Theme Name: Orly
Description: Glossy web 2.0 theme for automotive blogs.
Version: 1.0
Author: wpsite.net
Author URI: http://wpsite.net
Tags: fixed width, two columns, widgets, blue, dark, cars, automotive, glossy, web 2.0, tags, xhtml valid

	
	The CSS and XHTML are released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/*
* {
margin:0;
}
*/
ul li,ol li {
/* list-style:none; */
list-style-position:inside;
}
/*
ol ol,ul ul,ol ul,ul ol {
margin-left:0px;
margin-bottom:0;
}
*/
img {
border:none;
margin: 0px;
padding: 0px;
}

body {
font:12px/18px Arial;
color:#263642;
background:#dde9f3 url(images/bg.gif) repeat-x;
margin:0;
}

h1,h2,h3,h4,h5,h6 {
font-family:Palatino, serif;
color:#414d4c;
}

h1 {
font-size:22px;
line-height:26px;
margin-bottom:10px;
}

h2 {
font-size:20px;
line-height:24px;
margin-bottom:7px;
}

h3 {
font-size:18px;
line-height:22px;
margin-bottom:5px;
}

h4 {
font-size:16px;
line-height:20px;
margin-bottom:5px;
}

h5 {
font-size:14px;
line-height:18px;
margin-bottom:5px;
}

h6 {
font-size:12px;
line-height:16px;
margin-bottom:5px;
}

h1 span {
color:#999;
}

p {
margin-bottom:10px;
text-align:justify;
}

input,textarea {
font:12px Verdana, Helvetica, Arial, Geneva, sans-serif;
}
/*
blockquote {
	font: italic 1em/1.6em Georgia, "Times New Roman", Times, serif;
	width: 95%;
	background: url(/wp-content/themes/orly/images/close-quote.gif) no-repeat right bottom;
	padding-right: 18px;
	text-indent: 0px;
	float: right;
	margin: 7px 7px 7px 7px;
	color: #444444;
	text-align: justify;
}
blockquote:first-letter {
	background: url(/wp-content/themes/orly/images/open-quote.gif) no-repeat left top;
	padding-left: 18px;
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
blockquote p:first-letter {
	background: url(/wp-content/themes/orly/images/open-quote.gif) no-repeat left top;
	padding-left: 18px;
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
blockquote * { quotes: ''; }
 
blockquote > *:before { content: '\201C'; }
blockquote > *:after { content: '\201D'; }
*/
blockquote {
	width: 97%;
	font: italic 1em/1.6em Georgia, "Times New Roman", Times, serif;
	padding-right: 18px;
	text-indent: 0px;
	float: right;
	margin: 3px 3px 3px 3px;
	color: #444444;
	text-align: justify;
}
blockquote > *:before { content: url(/wp-content/themes/orly/images/open-quote.gif); }
blockquote > *:after { content: url(/wp-content/themes/orly/images/close-quote.gif); }

#container_mapa {
width:1360px;
padding-bottom:10px;
overflow:hidden;
margin:0 auto; 
}

#container {
width:1000px;
padding-bottom:10px;
overflow:hidden;
margin:0 auto; 
}

#container #wrapper {
width:1000px;
float:left;
overflow:hidden;
background:#abc3d7 url(images/sidebar-bg_205.gif) repeat-y top right;
}

#header_mapa {
width:1360px;
height:246px;
float:left;
/* background:url(images/bg.jpg) no-repeat top; */
background:url(/imd/logos/el_mundo_de_IMD.png) no-repeat top;
position:relative;
}
#header {
width:1000px;
height:246px;
float:left;
/* background:url(images/bg.jpg) no-repeat top; */
background:url(/imd/logos/el_mundo_de_IMD.png) no-repeat top;
position:relative;
}

#header h1 {
font:24px Palatino, serif;
padding-top:10px;
margin-bottom:0;
color:#fff;
}

#header h1 a {
color:#fff;
text-shadow:1px 1px 1px #263642;
text-decoration:none;
}

#header h1 span {
padding-left:10px;
font-size:16px;
color:#ccc;
}

#search {
position:absolute;
top:210px;
right:390px;
}

#search input {
border:0;
}

#search #s {
width:148px;
margin-right:-4px;
line-height:0;
font:normal 12px Verdana;
vertical-align:top;
color:#263642;
background:url(images/search-text.gif) no-repeat;
padding:4px 0 4px 22px;
}

#search #searchsubmit {
width:35px;
height:22px;
vertical-align:top;
background:url(images/search-submit.gif) no-repeat;
}

#nav_mapa {
width:1360px;
height:42px;
float:left;
background:url(images/nav-bg_mapa.gif) no-repeat;
border-bottom:1px solid #96b6d4;
position:relative;
}

#nav {
width:1000px;
height:42px;
float:left;
background:url(images/nav-bg.gif) no-repeat;
border-bottom:1px solid #96b6d4;
position:relative;
}

#nav_mapa ul,
#nav ul {
margin-left:10px;
position:absolute;
bottom:-1px;
overflow:hidden;
height:33px;
}

#nav_mapa ul li,
#nav ul li {
list-style:none;
float:left;
margin-right:3px;
padding-left:7px;
}

#nav_mapa ul li.current_page_item,
#nav ul li.current_page_item {
background:url(images/nav-tab-left.png) no-repeat;
}

#nav_mapa ul li a,
#nav ul li a {
display:block;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
font-size:85%;
color:#fff;
line-height:33px;
padding:0 15px 0 8px;
}

#nav_mapa ul li a:hover,
#nav ul li a:hover {
color:#555;
}

#nav_mapa ul li.current_page_item a,
#nav ul li.current_page_item a {
background:url(images/nav-tab-right.png) no-repeat top right;
}

#nav_mapa #feed,
#nav #feed {
position:absolute;
right:15px;
top:12px;
height:19px;
padding-left:37px;
color:#fff;
display:block;
background:url(images/feed.gif) no-repeat;
text-decoration:none;
}

#content_mapa {
width:1330px;
float:left;
background:#c9dbea;
padding:15px;
}

#content {
width:765px;
float:left;
background:#c9dbea;
padding:15px;
}

#content .post {
margin-bottom:40px;
}

#content .post p img,#content .post p img:a {
float:left;
/*margin:0 10px 0 0;  espacio entre parrafos */
padding:2px;
}

#content .post h1 a {
text-decoration:none;
}

#content .post-list li {
list-style:none;
}

#content_mapa .post .post-info,
#content .post .post-info {
clear:both;
font-size:11px;
color:#445866;
margin-bottom:20px;
border:1px solid #aaa;
/* background:#ccc url(images/nav.gif) repeat-x top left;   */ 
background:#eee;  
padding:5px 10px 5px 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#content .post .post-info a {
color:#263642;
text-decoration:none;
}

#content .post .post-info a:hover {
color:#555;
text-decoration:none;
}

#content #pages {
text-align:center;
}

#content #pages a {
font:bold 20px Palatino, serif;
color:#414d4c;
text-decoration:none;
}

#content #pages a:hover {
color:#1e2726;
}

#content ul {
list-style:disc;
list-style-position:inside;
}

#content ol {
list-style:decimal;
list-style-position:inside;
}

#content dl dt {
font-weight:700;
}

#content dl dd {
font-style:italic;
color:#555;
margin:0 0 5px 20px;
}

.aligncenter {
margin-left:auto;
margin-right:auto;
}

.alignleft {
float:left;
margin:5px 15px 10px 0;
}

.alignright {
float:right;
margin:5px 0 10px 15px;
}

#sidebar {
width:175px;
float:left;
font-size:11px;
margin-bottom:10px;
color:#555;
}

#sidebar h3 {
font:bold 18px Palatino, serif;
text-decoration:underline;
color:#000;
}

#sidebar a {
color:#24333f;
text-decoration:none;
}

#sidebar a:hover {
color:#24333f;
}

#sidebar .block {
width:175px;
border-bottom:1px solid #bfccbf;
overflow:hidden;
color:#555;
padding:15px;
}

#sidebar .block ul {
margin: 0px;
padding:0px 0px 0px 5px;
}

#sidebar .block li {
background:url(images/arrow.gif) no-repeat 2px 8px;
padding-left:12px;
list-style:none; 
}

#sidebar .block a:hover {
color:#445866;
}

#sidebar .block #calendar_wrap table {
width:100%;
margin:0;
padding:0;
}

#sidebar .block #calendar_wrap table th {
width:14.2%;
}

#sidebar .block #calendar_wrap table td {
width:14.2%;
background:#e1eaf1;
text-align:center;
color:#888;
}

#wrapper-bottom {
width:1000px;
height:6px;
float:left;
margin-bottom:7px;
}

.comments-title {
text-align:center;
font:bold 22px "Trebuchet MS", Helvetica, Arial, Geneva;
color:#414d4c;
}

#comments .comment {
background:#a1aeb9;
margin-bottom:10px;
overflow:hidden;
width:765px;
padding-bottom:5px;
}

#comments .comment .comment-avatar {
float:left;
/* width:50px; */ 
padding:5px 7px; 
}

#comments .comment .comment-content {
float:left;
width:716px;
background:#e1eaf1;
margin:5px 5px 0 0;
padding:10px 15px;
}

#comments .comment .comment-content a {
color:#444;
}

#comments .comment .comment-info {
font-size:11px;
color:#445866;
margin-bottom:5px;
}

#comments .comment .comment-info span {
font:bold 20px "Trebuchet MS", Helvetica, Arial, Geneva;
padding-right:10px;
margin-bottom:5px;
}

#comments .comment .comment-info a {
color:#444;
text-decoration:none;
}

#commentform {
background:#e1eaf1;
border:5px solid #a1aeb9;
color:#555;
padding:10px;
}

#commentform p {
margin-bottom:7px;
}

#commentform textarea {
width:600px;
border:1px solid #aaa;
height:120px;
}

#commentform input.text {
width:130px;
border:1px solid #aaa;
margin-right:5px;
padding:3px;
}

#commentform input#submit {
padding:3px 10px;
}

#footer_mapa {
width:1360px;
float:left;
color:#e1eaf1;
margin-top:-14px;
text-align:center;
height:42px;
padding-top:10px;
background:url(images/footer_mapa.gif) no-repeat top left;
}

#footer {
width:1000px;
float:left;
color:#e1eaf1;
margin-top:-14px;
text-align:center;
height:42px;
padding-top:10px;
background:url(images/footer.gif) no-repeat top left;
}

#footer_mapa p,
#footer p {
font-size:11px;
line-height:20px;
margin:0;
text-align:center;
}

#footer_mapa a,
#footer a {
color:#e1eaf1;
}

a,a:hover,a:visited {
color:#000;
}

#content .post p,#content ul,ol,dl {
margin-bottom:0px;
}

pre {
  font-size: 1.0em;
  line-height: 18px;
  overflow: auto;
  color:#3d5163;
  background:#c2cdd7;
  border:1px solid #eff4f8;
  margin:10px;
  padding:5px;
}

#sidebar .block #calendar_wrap .pad,#sidebar .block #calendar_wrap #prev,#sidebar .block #calendar_wrap #next {
background:none;
}


.iphonepic {
   width:216px; 
   height:400px;
   background: url(http://mundoimd.com/imd/imagenes/iphone/iphone.png)  no-repeat; 
   background-position: center
   position: relative;
}
	
.iphonepic img {
   width: 180px;
   height: 270px;
/*   position: absolute; */
   position: relative;
   top: 63px;
   left: 18px;
}

.iphonepic_h {
   width:400px; 
   height:216px;
   background: url(http://mundoimd.com/imd/imagenes/iphone/iphone_h.png)  no-repeat; 
   background-position: center
   position: relative;
}
	
.iphonepic_h img {
   width: 270px;
   height: 180px;
/*   position: absolute; */
   position: relative;
   top: 18px;
   left: 67px;
}

.separador {
  border-bottom-style: dotted ; 
  border-bottom-color: blue; 
  border-bottom-width: 3px;
  text-align: right;
  font-size: 15px;
  color: blue;
  font:bold;
}

.referencia {
  border-bottom-style: dashed ; 
  border-bottom-color: black; 
  border-bottom-width: 2px;
  text-align: right;
  font-size: 15px;
  color: black;
  font:bold;
}

/* Marco de fotos */
DIV.aligncenter
{
    DISPLAY: block;
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto
}
.wp-caption
{
    BORDER-BOTTOM: #ddd 1px solid;
    TEXT-ALIGN: center;
    BORDER-LEFT: #ddd 1px solid;
    BACKGROUND-COLOR: #adbbc7;
    MARGIN: 10px;
    BORDER-TOP: #ddd 1px solid;
    BORDER-RIGHT: #ddd 1px solid;
    PADDING-TOP: 4px
}
.wp-caption IMG
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px
}
.wp-caption P.wp-caption-text
{
    TEXT-ALIGN: center;
    PADDING-BOTTOM: 5px;
    LINE-HEIGHT: 17px;
    MARGIN: 0px;
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 4px;
    FONT-SIZE: 11px;
    PADDING-TOP: 0px
}
/* Galeria de postcrossing */
#postcardImageList
{
	margin:0;
	padding:0;
	list-style-type:none;
}
#postcardImageList li
{
	float:left;
	width:130px;
	height:130px;
	margin:8px;
	list-style-type:none;
	line-height: 130px;
	display: table-cell;
}
.avatar
{
/*	background:url(images/shadowAlpha.png) no-repeat bottom right!important;
	background:url(images/shadow.gif) no-repeat bottom right; */
	margin:10px 0 0 10px!important;
	margin:10px 0 0 5px;
}
.avatar img
{
	background-color:#fff;
	border:2px solid #a9a9a9;
/*	margin:-6px auto -6px;*/
	margin-right: auto; 
	margin-left: auto;
	padding:0px;
	vertical-align: middle;
}
.avatar:hover img
{
	border:2px solid gray;
}
.avatar:active img
{
	border:2px solid black;
}

