/*
Theme Name: 60 pop
Theme URI: http://www.60pop.com
Original Theme URI: http://www.bloganything.net
Description: Este tema fué diseñado y construido por Muhamad de <a href="http//www.bloganything.net/">Blog Anything About</a> y traducido al español por Diego de <a href="http://www.trazos-web.com/">Trazos Web</a>.
Author: Muhamad Fuad
Author URI: http//www.bloganything.net
Traducido por: Diego Castillo
Traductor URI: http://www.trazos-web.com/
*/
/* CSS Document */
* {
margin:0;
padding:0;
}

body {
background:#D0D0D0; 
word-spacing:0px;
color:#424242; 
font-size:18px;
margin:0;
padding-top:10px;
}

#wrap {
width:950px;
background:#FFF;
margin:0 auto;
}

.menus {
width:950px;
height:20px;
background:white;
padding-top:5px;
margin:0 auto;
font-family: arial, 'sans serif';
font-size:14px;
}

#bottom {
width:950px;
height:auto;
overflow:auto;
background:#E8E8E8;
clear:both;
border-top:5px #B0B0B0 double;
padding-top:8px;
padding-bottom:8px;
font-family:Verdana, Arial;
font-size:12px;
margin:auto;
line-height:1.5;
}

input.search:focus {
border:1px solid #424242;
}

p {
line-height:1.8em;
font-family:Verdana, Arial;
color:#303030;
margin:5px 5px;
}

#bottom a {
color:#374EA5;
text-decoration:none;
}

#bottom a:hover {
color:#374EA5;
text-decoration:underline;
}

p a,.entry a {
color:#374EA5;
text-decoration:underline;
}

#bottom a:visited,p a:visited {
color:#787878;
}

#bottom h2 {
text-align:left;
margin-bottom:10px;
color:#E80000;
}

#bottom ol {
list-style:none;
float:left;
width:290px;
margin-left:18px;
margin-top:8px;
margin-bottom:8px;
}

#bottom li {
padding-left:0px;
list-style-type:none;
}

h2 {
font-size:1.6em;
font-family:'trebuchet ms', helvetica, 'sans serif';
font-weight:200;
letter-spacing:1px;
}

h2.pagetitle {
text-align:center;
padding:4px;
background:lightblue;
border-left:15px solid  #E8E8E8;
border-right:15px solid  #E8E8E8;
}

img a {
border:0 none;
margin:6px;
padding:6px;
}

.header {
background:url('images/header.jpg') no-repeat;
height:120px;
width:950px;
position:relative;
color:#000;
margin:0 auto;
}

.header h1 {
height:45px;
font-size:3em;
font-family: Verdana, Arial, sans-serif;
text-decoration:none;
font-weight:500;
text-align:center;
padding-top:20px;
margin:0 auto;
}

.header a {
color:#f00;
text-decoration:none;
background:transparent;
}

.description {
height:20px;
width:900px;
font-size:0.7em;
font-family:'Trebuchet MS', Arial, sans-serif;
text-decoration:none;
font-weight:200;
padding-top:15px;
color:black;
text-align:center;
background:transparent;
margin:0 auto;
}

.footer {
font-size:12px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
font-family:Verdana, Arial;
}

.footer a {
color:#374EA5;
}

.footer a:hover {

}

#sidebar {
width:360px;
float:right;
text-align:left;
display:inline;
color:#444;
line-height:1.6em;
font-family:Verdana, 'Lucida Sans';
font-size:0.8em;
margin-top:10px;
list-style-type:none;
padding:0px 9px;
border-left:1px dashed gray;
}

#sidebar h2, #rsidebar h2,#lsidebar h2 {
color:#E80000;
font-family: 'Trebuchet MS', Arial, sans-serif;
line-height:1.3em;
font-size:1.3em;
margin-bottom:5px;
border-bottom: 1px dotted gray;
}

#lsidebar {
width:165px;
float:left;
text-align:left;
list-style:none;
display:inline;
margin-top:0px;
padding:0 0px;
}

#sidebar ol {
margin:8px 0;
}

#rsidebar {
width:165px;
float:right;
color:#444;
text-align:left;
list-style:none;
margin-top:0px;
padding:0 9px;
display:inline;
border-left:1px dashed gray;
}

.else li {
background:url('images/bullet.gif') no-repeat left 4px;
padding-left:20px;
list-style:none;
}
.else ul {
list-style:none;
}	

.archive li {
background:url('images/archive.gif') no-repeat left 4px;
padding-left:20px;
padding-top:0;
}

.page li {
background:url('images/go.gif') no-repeat left 4px;
padding-left:20px;
padding-top:0;
}

.misc li {
background:url('images/bullet.gif') no-repeat left 4px;
padding-left:20px;
padding-top:0;
}

#sidebar ul {
padding-left:0;
text-align:left;
list-style:none;
margin:0;
}

#sidebar li a {
list-style:none;
margin:0;
}

#sidebar img {
padding:0;
}

#sidebar a img, #sidebar a:hover img {
background:transparent;
border:0;
margin:4px;
}

.search {
width:160px;
border:1px dotted gray;
background:#F8F8F8;
color:#424242;
padding:5px 5px;
}

.content {
width:540px;
font-size:14px;
text-align:left;
padding-left:15px;
padding-right:15px;
float:left;
margin-top:10px;
font-family:Verdana, Arial;
overflow:hidden;
color:#151515;
}

.entry a img {
background:#E3E3E3;
border:0;
margin:0;
padding:4px;
}

.entry a:hover img {
background:#334B93;
border:0;
margin:0;
padding:4px;
}

.entry {
margin:10px;
}

.entry li {
list-style:circle;
margin-bottom:10px;
}

.entry ol,.entry ul {
margin-top: 4px;
margin-bottom: 4px;
}

.entry h3 {
font-size:1.10em;
margin-left:5px;
color:#E80000;
line-height:200%;
border-bottom:1px dotted gray;
}
.postname h2 {
font-family:'Trebuchet MS', Arial, sans-serif;
font-size:1.6em;
background-color:#D0D0D0;
list-style:none;
text-align:center;
text-transform:capitalize;
padding:10px 10px;
border-left:15px solid #E8E8E8;
border-right:15px solid #E8E8E8;
margin:0 0;
line-height:normal;
}

.postname a {
text-decoration:none;
color:midnightblue;
}

.postdetails {
border-top:1px dotted #BDBDBD;
background:transparent;
text-align:left;
font-size:11px;
color:black;
padding-top:10px;
margin:8px 8px;
}

.postdetails a {
color:#374EA5;
text-decoration:none;
}

#comment {
width:540px;
border:1px solid #424242;
}

#comment:focus {
border:2px solid #AOAOAO;
}

.box a {
color:#000;
}

ul.commentlist {
color:#333;
background:transparent;
list-style:none;
margin:0;
padding:0 10px;
}

.commentauthor {
font-size:12px;
line-height:normal;
margin:0;
padding:0;
}

li.oddcomment {
background:#fff;
border-bottom:1px dotted #CCC;
font-family:Verdana, Arial;
font-size:0.9em;
padding:8px 8px;
}

li.alt {
background:#F0F0F0;
border-bottom:1px dotted #CCC;
font-family:Verdana, Arial;
font-size:0.9em;
padding:8px 8px;
}

blockquote {
background:#FBFBF9 url(images/blockquote.png) no-repeat top right;
border-left:5px solid #ECECEC;
border-top:1px solid #ECECEC; 
border-bottom:1px solid #ECECEC;
text-align:left;
padding:2px 8px;  
margin: 5px 5px 5px 15px;
}

.wp-smiley {
background:transparent;
border:none;
margin:0;
padding:0;
}

.trackbackicon {
background:url('images/trackback.gif') no-repeat left;
color:#000;
padding-left:18px;
}

.navigation {
background:transparenet;
color:#333;
display:block;
text-align:right;
margin-top:10px;
margin-bottom:60px;
line-height:1.5em;
font-size:14px;
font-family:Verdana, Arial;
}

.navigation a {
color:#374EA5;
text-decoration:none;
}

.navigation a:hover {
color: #374EA5;
text-decoration:underline;
}

img {
padding:5px;
}

.postname a:hover{
color:white;
}

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

.postdetails a:hover,.writer a:hover {
text-decoration:underline;
}

.respond,h3.commentstatus {
color:midnightblue;
font-weight:400;
text-align:left;
font-size:1.3em;
font-family:'Trebuchet MS', Arial, sans-serif;
margin:20px 0 15px;
}

h3.commentstatus {
background:url('images/comment.gif') no-repeat left 4px;
padding-left:25px;
}
h3.commentstatus a {
color: #A0A0A0;
text-decoration:none;
}
h3.commentstatus a:hover {
text-decoration:underline;
}

.respond {
background:url('images/comment_new.gif') no-repeat left 4px;
padding-left:25px;
}

.entry ul li {
margin-left:55px;
list-style:disc;
line-height:1.9;
}

.entry ol li {
list-style:decimal;
margin-left:35px;
line-height:1.9;
}

.gravatar {
float:right;
border:1px solid #CECFCE;
background:#fff;
margin-right:5px;
margin-left:10px;
margin-top:40px;
padding:3px;
}

.postgrav {
float:right;
height:40px;
width:40px;
border:1px dashed #CECFCE;
background:#fff;
padding:0;
}

#sidebar a,.commentauthor a {
color:#465F9F;
text-decoration:none;
}

.category li,.children li {
background:url('images/category.gif') no-repeat left 4px;
padding-left:20px;
}

.feed li {
background:url('images/feed.gif') no-repeat left 4px;
padding-left:20px;
padding-top:0;
list-style: none;
}

.commentators ul li a,.trackback li,.navigation li {
list-style:none;
}

ul.commentlist a,.commentmetadata a {
text-decoration:none;
color:#465F9F;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}
	 
.writer {		 
background:transparent;	  
padding:5px 10px;  
font-size: 11px;	   
}		
.writer a {		 
text-decoration:none;	  
color:#000;	
}	   
.writer a:hover {
text-decoration:underline;
}

.side-ad {
border-bottom: 1px dotted gray;
padding-bottom: 10px;
}

/* Default CSS generated by dTabs */

/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */
#tabbar li, #tabbar ul li, {
	
	/* make them horizontal in IE*/
	display: inline;
	
	/* space them a little in IE*/
	margin: 0 5px;
	
}
#tabbar {
padding-left:15px;
}
/* style the tabs */
.tab, .tabselected {
	
	/* make them horizontal in Firefox 2*/
	display: -moz-inline-box;
	width:80px;
	text-align:center;	
/* make them horizontal in all other browsers*/
	display: inline-block;
	
	/* space them a little */
	padding: 2px 10px;
	/* set a grey background for non-selected tabs (which we will overide for selected tabs later) */
	background-color: #E0E0E0;
	/* set a border, make it rounded at the top */
	/* border: 1px solid rgb(150,150,150);
	border-top:0px solid white;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottom-left: 5px;
	-khtml-border-radius-bottom-right: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;*/
}
.tab a {
text-decoration:none;
color:midnightblue;
}
.tabselected a {
color:gray;
}

/* make changes to the selected tab */
.tabselected {
	
	/* set a white background */
	background-color: white;
	/* make the border along the bottom blend into the white background */
	/* border-bottom-color: white;*/
}

/* style the drop down menus */
.dmenu {
	/* left align the text */
	text-align: left;
	
	/* REQUIRED */
	position: absolute;
	
	/* js fade method should display them 23px below the top of the tabs */
	margin: 23px 0 0 0;
	
	/* put some space around the contents */
	padding: 5px 15px;
	
	/* set a grey background */
	background-color: white;
	
	/* set a border, round all the corners except the top left */
	border: 1px solid rgb(150,150,150);
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	-khtml-border-radius: 5px;
	-khtml-border-radius-top-left: 0;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
}
#tabbar .dmenu ul {
	
	/* put space at the top and bottom of top-level menus */
	padding: 5px 0 0 10px;
	
	/* stop ie going crazy */
	margin: 0;
	
}
#tabbar .dmenu ul li {
	
	/* stop ie from displaying list items inline */
	display: list-item;
	
}

/* REQUIRED: hide menus off screen by default */
.dmenu {
	left: -999em;
}

/* STYLING JUST FOR CSS MENUS */
#tabbar .fademenu .dmenu {
	
	/* position menus correctly */
	margin: 5px 0 0 -6px;
}
/* REQUIRED: show menus on hovering */
#tabbar .fademenu:hover .dmenu {
	left: auto;
}