/*
Theme Name: Ono Socialmood
Theme URI: http://www.socialmood.com/
Description: WordPress theme designed and developed by Lucas Garcia.
Version: 1.0
Author: Lucas Garcia
Author URI: http://www.socialmood.com/
Tags: socialmood
*/

body {
background:#F2F2F2 url(images/ono_shadow_page.png) repeat-y scroll center center;
height:100%;
color:#4E4E4E;
font:70% Verdana,Arial,Helvetica,sans-serif;
margin-bottom:0;
padding-bottom:0;
}

#panel {
	width: 400px;
	position: relative;
	top: 0px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: center
}

#panel_contents {
	background: black;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	height: 100%;
	width: 400px;
	position: absolute;
	z-index: -1;
	color:#fff;
}

#ono_topbar {
background:#ADADAD url(images/ono_shadow_topbar.png) repeat-y scroll center center;
height:30px;
left:0;
overflow:hidden;
position:absolute;
text-align:center;
width:100%;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
position:relative;
}

.container_12, .container_16 {
margin-left:auto;
margin-right:auto;
width:960px;
}
#ono_topmenu_left {
float:left;
}

.omega {
margin-right:0;
}
.alpha {
margin-left:0;
}

#ono_topmenu li {
float:left;
}
#ono_topmenu li a {
background:transparent url(images/ono_topmenu_sep.png) no-repeat scroll left center;
color:#FFFFFF;
font-size:12px;
}
#ono_topmenu li a span {
padding:5px 0 0 20px;
}

#ono_topmenu ul {
display:inline;
margin:0 20px;
}

#ono_topmenu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#303030 url(images/ono_topmenu_bg.png) repeat-x scroll 0 0;
color:#FFFFFF;
width:980px;
}
#ono_topmenu li a, #ono_topmenu li a span {
display:block;
}
#ono_topmenu, #ono_topmenu a {
height:30px;
}
#ono_topmenu_right {
float:right;
font-weight: bold
}

#ono_minimenu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/ono_minimenu_bg.png) no-repeat scroll left center;
float:right;
width:280px;
height: 24px;
margin: 0;
padding: 0 0 0 70px; 
}
#ono_minimenu li {
list-style-type: none;
float: left;
font-size:10px;
margin: 4px 10px 0 0;
padding:0
}
#ono_minimenu li a {
	height: 26px;
	display: block
}
#commentform {
	position: relative;
}
#commentform #fbc_login {
	margin: 0 0 10px 0
}
#commentform a.facebook {
	display: block;
	height: 24px
}
#ono_topmenu_right li,#ono_topmenu_right li a img {
	line-height: 28px
}
#ono_topmenu_right li a.facebook {
	width: 180px; 
	background: url(images/facebook.png) no-repeat 0 6px;
	padding-left: 22px;
	margin-right: 5px
}
#ono_topmenu_right li a.rss {
	background: url(images/rss.png) no-repeat 0 6px;
	padding-left: 22px;
}
#ono_topmenu_right li.rss {width: 80px !important}

.topbar .contbar {
	margin: 0 auto;
	width: 960px;
	color: #fff
}
.cont {
	height: 30px;
	line-height: 30px
}
.contbar a { color: #fff; }
.contbar ul { padding: 0; margin: 0}
.contbar li { list-style-type: none }

#panel h2 {
color:#fff;
margin-top:20px;
}

#panel p {
color:#666;
}

#panel input {
border:1px solid #222;
background:#111;
color:#999;
padding:5px;
}

#panel input[type=submit] {
background:#00AAE7;
color:#fff;
border:none;
font:10px Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
cursor:pointer;
padding:4px 8px;
}

.panel_button a {
background: black;
filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
display:block;
padding:5px 10px;
text-align:center;
font:10px Arial, Helvetica, sans-serif;
color:#fff;
text-transform:uppercase;
font-weight:bold;
}

#panel input[type=submit]:hover {
background:#91aa11;
}

.login {
position:absolute;
width:400px;
top:0;
left:50%;
margin-left:-200px;
}

.panel_button {
text-align:center;
width:200px;
margin:0 auto;
}

#main_menu {
z-index:999;
}
#main_menu li ul { display: none } 



* {
outline:none;
}

a {
color:#333;
text-decoration:none;
}

.header {
position: relative;
background: #fff;
margin: 0 auto;
}

.footer {
clear:both;
}

#ono_footer_bar a {
	color: #999
}

.hidden {
display:none;
}

.more-link { border-bottom: 0 !important }

.link .button, .link a, .more-link, .comment-reply-link, .button {
background:url(images/button.png) bottom repeat-x #fff;
border:1px solid #ccc;
font:10px Arial, Helvetica, sans-serif;
background-position:4px 4px;
font-weight:bold;
text-transform:uppercase;
padding:4px 8px;
color:#444;
position: absolute;
bottom: 12px; 
right: 15px;
width: 145px;
}

.link a:hover, .more-link:hover, .comment-reply-link:hover {
color:#111;
border:1px solid #ddd;
background-position:7px 7px;
}
.container { background: #fff; width: 980px }
.page { position: relative }
.pagetitle {
font:10px Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
border-bottom:1px dotted #ccc;
}

/* POST STYLES */

.post {
	background: #f9f9f9;
	-moz-border-radius: 8px;
	margin-bottom: 20px;
	padding: 15px;
	position: relative;
}
.post p { line-height: 20px}

.post h3 {
font-size:1.3em;
clear: both;
margin: 15px 0 5px 0
}

.post h4 {
font-size:1.3em;
}

.post h2 a {
color:#111;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: .9em;
}

.date6{width:35px; text-align: center; float: left; background: #000; color: #fff; padding: 5px; font-size: 15px; -moz-border-radius: 5px }
.day { font-size: 20px; } .month { font-size: 11px; }
.meta { float: left; }
.meta .right { width: 535px; padding-left: 10px; }
.pagina .meta .right { padding-left: 0; margin-bottom: 10px }

h2 {
letter-spacing:-0.05px;
margin-bottom: 0
}

.span-16, .span-7 { padding-top: 15px; }
.span-16 { width: 620px; padding-left: 15px }
.otro .span-16 { padding-top: 0}
.otro .postnav { padding: 5px 5px 5px 30px; margin:0; background: #f9f9f9 url(images/home.png) no-repeat scroll 5px 50%; margin-bottom: 25px }

.searchform {
	position: absolute;
	right: -40px; 
	bottom: 4px;
}
#searchbox {
	color: #999;
	width: 200px;
	margin-right: 15px;
	border: 1px solid #eee;
	padding: 3px;
	background: #fff;	
}
.searchform label { margin-right: 10px; font-size: 12px }
#searchbutton {
	position: relative;
	top: 5px;
	right: 40px
}


.post h2 a:hover {
color:#666;
}

.categories {
padding-bottom:15px;
color:#fff;
float:right;
}

.categories a {
padding:4px 8px;
font:10px Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
}

.postmetadata {
color:#999;
font-size: 11px;
width: 100%;
position: relative;
float: left;
padding-top: 5px;
margin-bottom: 15px
}

.postmetadata a {
color:#999
}

.postmetadata a:hover {
color:#000;
}

.post img {
padding-bottom:10px;
margin-bottom:15px;
}

.post img.aligncenter {
text-align:center;
padding: 0;
width: 535px;
margin: 5px 0 5px 0;
border: 5px solid #fff;
}

.related_post li {
	margin: 3px 0
}
.home .post img.aligncenter {
width: 575px;
height: 255px;
border: 5px solid #fff;
}

.post img.alignright {
	float: right;
	margin: 0 0 5px 5px; 
}
.post img.alignleft {
	float: left;
	margin: 0 5px 5px 0; 
}

/* SMALL POST STYLES */

.small {
border-top:1px solid #DEE3D4;
}

.small img {
width:45px;
height:45px;
float: left;
border: 5px solid #f6f6f6;
margin: 0 10px 5px 0
}
#sidebarwidgeted h2 {
	background: url(images/ultimos_comentarios.png) no-repeat;
	height: 33px;
	text-indent: -10000px
}
#categories-3 h2 {
	background: url(images/categoriash2.png) no-repeat;
}
#youtube h2 {
	background: url(images/onotv.png) no-repeat;
	height:33px;
text-indent:-10000px;
}
#wp-cumulus h2 {
	background: url(images/tagsh2.png) no-repeat;
}
#twitter-1 h2 {
	background: url(images/twitterh2.png) no-repeat;
}

#linkcat-182 h2 { 
	background: url(images/onomediosh2.png) no-repeat !important;	
}
#linkcat-2 h2 {
	background: url(images/blogrollh2.png) no-repeat !important;	
}

.small h2 {
font-size:18px;
letter-spacing:-1px;
line-height:20px;
margin-bottom: 5px;
}

.small .postmetadata {
border:none;
}

.small .categories {
float:none;
}

.small .meta {
border-bottom:1px solid #DEE3D4;
padding:10px 0 0 0;
margin-bottom:5px;
}

/* SIDEBAR */

.adblock img {
margin:4px;
}

ul#tabs-nav {
list-style-type: none;
width: 100%;
float: left;
margin:8px 0 0 0;
padding:0;
}


ul#tabs-nav li {
margin: 0 5px 0 0;
background: #fff;
float: left;
}

ul#tabs-nav a {
float: left;
display: block;
padding: 4px 10px 3px;
color: #333;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
text-decoration: none !important;
}

ul#tabs-nav a.active {
cursor: default;
color: #fff;
}

.activeli {
background: transparent url(images/fnd-tabs-marcado.gif) no-repeat scroll center bottom !important;
padding-bottom: 7px
}

.activeli a {
background-position:0 -24px;
}

.activeli a {
background:#000 url(images/ono_topmenu_bg) repeat-x 0 -26px !important;
color:#FFFFFF;
font-weight:bold;
padding:1px 21px;
}

.tab {
clear: left;
border-top: 0;
padding: 10px 5px;
font-size:90%;
}

.tab ul {
margin:0;
padding:0;
}

.tab ul li {
list-style:none;
margin:0 0 5px 0;
padding-bottom:5px;
}

.tab ul li a:hover {
color:#333;
}

#tabs {
background:#fff url(images/tab_bg.png) no-repeat top center;
margin-bottom:15px;
border: 2px solid #efefef;
padding: 5px
}



#sidebarwidgeted { }
.sidebar { 
	width: 300px; 
	background: #eee; 
	float: right !important;
	padding: 10px 10px 10px 15px

}

.sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sidebar .widget ul, .sidebar .widget div {
	padding: 5px;
	background: #fff;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	
}
.sidebar .widget div#wpcumuluswidgetcontent {
	padding: 0 10px
}
.sidebar .widget ul li {
	padding: 4px 5px;
}
.twitter li { border-bottom: 1px solid #fff; padding: 5px 8px }

.widget {
	margin-bottom: 15px;
	border: 2px solid #efefef
}
.children { border: 0 !important }
.sidebar h2 a { 	color: #333;	 }
.sidebar h2 {
	font-size: 1.6em;
	color: #333;	
	letter-spacing: 0;
	font-weight: normal;
	line-height: 21px;
	margin-bottom: 0;
	
}

/* SEARCHBAR */
.enlaces {margin-bottom: 10px; float: right; margin-top: 45px}
.header #buscador input.input-search {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: transparent;
font-size:1.5em;
height:28px;
border: 0;
margin:5px 0 0 5px;
width:260px;
}
.header #buscador p {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/lupita.jpg) no-repeat scroll 97% 50%;
}
.header .right {
}
.header #buscador {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/fondo-buscador.png) no-repeat scroll 0 0;
height:36px;
width:275px;
}
.enlaces img {
	vertical-align: middle;
}
.enlaces {}

.fbbutton span { display: none }
.fbbutton br { display: none }
.fbbutton img {  height: 22px; vertical-align: middle}
.fbbutton .fbc_connect_button_area { margin: 0 !important; padding: 0 !important}

#search input.rounded {
background:#fff;
border:1px solid #DFE3EB;
padding:3px;
color:#777;
width:575px;
}

#search .button {
padding:2px 4px;
cursor:pointer;
}

#search {
margin-bottom:50px;
}

.autor { float: left; width: 150px; background: url(images/autor.png) no-repeat; padding-left: 20px }
.comentarios { float: right; background: url(images/comentarios.png) no-repeat; margin-right: 10px; padding-left: 20px; }
.print { float: right; background: url(images/imprimir.png) no-repeat; padding-left: 20px }
.email { float: right; background: url(images/email.png) no-repeat; margin-right: 10px; padding-left: 20px }

.print a, .comentarios a { display: block; height: 24px }

#susc_footer h4 {
	font-size: 1.3em;
	text-transform: uppercase;
	margin-bottom: 10px
}
#susc_footer .socialicons a {
	margin-right: 5px
}
#susc_footer .socialicons {
	margin-bottom: 15px;
	
}

.tags { width: 330px; position: absolute; bottom: 0; padding: 5px 10px; float: left; background: #eee url(images/tags.png) no-repeat 5px 5px; padding-left: 60px; margin: 10px 0; -moz-border-radius: 6px; }
.tags a {
	border-bottom: 1px solid #eee;
	margin-right: 10px;
	float: left;
}
#tabs a, .tags a, .postmetadata a, .widget li a { text-decoration: underline !important }
#tabs a:hover, .tags a:hover, .postmetadata a:hover, .widget li a:hover { color: #000  !important }

/* MAIN HEADER TITLES */

#title h1 {
float:left;
margin: 15px 0 0 20px !important;
}

#title h1 a {
letter-spacing:-2px;
color:#fff;
}

#title p {
padding-top:16px;
color:#666;
}


/* MAIN MENU */
#title {
	float: left;
}

.main {
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:11px;
margin:15px 0 0 0;
width:960px;
padding: 0;
float: left;
position: relative;
}

.main li a,.main li a:link,.main li a:visited {
display:block;
font-size:13px;
font-weight:bold;
padding: 0 20px;
text-decoration:none;
color: #333;
line-height: 30px;
border-right:1px solid #DEDEDE;
}

.main li a:hover,.main li a:active {
}

.main li li a,.main li li a:link,.main li li a:visited {
float:none;
margin:0;
}

.main li li a:hover,.main li li a:active {
background: #333;
}

.main li ul {
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:150px;
margin:0;
padding:0
}


.main li ul ul {
margin:-32px 0 0 171px
}



.main ul,#subnav ul {
float:left;
list-style:none;
margin:0;
padding:0 10px;
color: #333;
background:#F2F2F2 url(images/ono_secmenu_bg.png) repeat-x scroll 0 0;
border-top:1px solid #DEDEDE;
height:30px;
width:100%;
}

.main li,#subnav li {
list-style:none;
float:left;
margin:0;
padding:0
}

.main li ul a,#subnav li ul a {
width: 75px;
}

.main li:hover ul ul,.main li:hover ul ul ul,.main li.sfhover ul ul,.main li.sfhover ul ul ul,#subnav li:hover ul ul,#subnav li:hover ul ul ul,#subnav li.sfhover ul ul,#subnav li.sfhover ul ul ul {
left:-999em
}

.main li:hover ul,.main li li:hover ul,.main li li li:hover ul,.main li.sfhover ul,.main li li.sfhover ul,.main li li li.sfhover ul,#subnav li:hover ul,#subnav li li:hover ul,#subnav li li li:hover ul,#subnav li.sfhover ul,#subnav li li.sfhover ul,#subnav li li li.sfhover ul {
left:auto
}

.main li:hover,.main li.sfhover,#subnav li:hover,#subnav li.sfhover {
position:static
}


/* SINGLE PAGE */

.postnav span.left {
float:left;
}
.right { float: right }



.pagination a { text-decoration: underline }
.pagination {
	margin: 0 0 15px 0;
	width: 100%;
	float: left;
}

.pagination .left {
	width: 250px;
	float: left;
	
}
.pagination .right {
	float: right
}

.postnav span.right {
float:right;
}

.postnav {
	padding: 4px 8px 4px 0;
	-moz-border-radius: 0 0 5px 5px;
	color: #000;
	font-size: 10px;
}
.postnav a {
	color: #000
}

.postextras {
border:1px solid #DFE3EB;
margin-bottom:15px;
}

.postextras .inner {
padding:15px;
}

.postextras ul li {
list-style:none;
padding:0 0 5px 0;
} 

.postextras ul {
margin-left:0;
}

/* COMMENTS */

.comments {
}
.comments h4 {
	margin-bottom: 0;
	font-size: 2em
}
.comments h2 {
	font-size: 2em
}
.comment_write {
	font-size: 14px
}

.commentlist {
margin:15px 0;
padding:0;
}

.sociable ul {
	list-style-type: none;
	margin: 0
}
.sociable li { float: left; margin-right: 5px}
.sociable a { text-decoration: none !important; border-bottom: 0 !important }
.sociable img { margin-bottom: 0 }
.commentlist li {
border:1px solid #DFE3EB;
background:url(images/comment.png) bottom repeat-x;
list-style:none;
margin:0 0 5px 0;
padding:15px;
}

.commentlist .children {
position:relative;
left: auto;
}

.commentlist .children {
margin-top:20px;
}

.comment-author img {
float:right;
border:1px solid #DFE3EB;
padding:2px;
}

.comment-author cite, #commentform label {
font:10px Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
font-style:normal;
}

.comment-meta {
font-size:90%;
padding-bottom:10px;
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}

.replyhead {
margin-top:15px;
}

#commentform {
border:1px solid #DFE3EB;
padding:0 15px 15px 15px;
margin-top:15px;
}

#commentform input, #commentform textarea {
border:1px solid #DFE3EB;
padding:5px;
color:#666;
font:12px Arial, Helvetica, sans-serif;
}

#commentform textarea {
width:96%;
height:150px;
}

#commentform input.button {
font:10px Arial, Helvetica, sans-serif;
color:#555;
font-weight:bold;
text-transform:uppercase;
cursor:pointer;
}

p.advert img {
padding:5px;
border:1px solid #DFE3EB;
}

p.advert {
margin-bottom:20px;
}

/* SITEMAP */
#sidebarwidgeted .cat-item {
	background: url(images/folder.png) no-repeat scroll 0 2px; 
	padding-left: 22px !important;
}
.widget_links li {
	background: url(images/miniono.png) no-repeat scroll 0 5px; 
	padding-left: 22px !important;

}
.sitemap-cat .cat-item a {
display:inline;
font-weight:normal;
font:12px Arial, Helvetica, sans-serif;
text-transform:none; 
}

.sitemap ul li {
list-style:none;
}

/* FOOTER */
.first {
	padding: 0 20px 0 0;
}
.last { border-right: 0 }

#ono_footer {
background: #303030 url(http://ono.es/img/ono_footer_bar.png) repeat-x scroll 0 0
}
#ono_footer_bar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#303030 url(http://ono.es/img/ono_footer_bar.png) repeat-x scroll 0 0;
color:#297730;
font-size:11px;
height:60px;
width: 980px;
margin: 0 auto;
}

.otro .the_content {
	float: left; margin-bottom: 15px
}

.the_content a { border-bottom: 1px solid #333 }

.related {
	float: left; 
	width: 400px
}

.sociable {
	float: left; 
	width: 165px
}
.related h3, .sociable h3 {
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 10px
}

#ono_footer_bar_text {
float:left;
color: #fff;
padding-left:20px;
}

#volver_ono {
	float: right;
	background: url(images/home.png) no-repeat scroll 5px 50%; 
	padding: 6px 6px 6px 30px;
}

#ono_footer_bar_text, #ono_footer_bar_menu {
margin-top:22px;
}
#ono_footer_bar_logo {
float:right;
height:60px;
width:130px;
}
#ono_footer_bar_menu {
float:right;
margin-right:40px;
}
#ono_footer_bar_menu li {
float:left;
margin:0 10px;
list-style-type:none;
}

#suscripcion {
	float: left;
	width: 300px;
	margin-bottom: 15px;
	padding: 30px 0 0 0;
	background: transparent url(images/suscribete.png) no-repeat
}
.susc_form form {
	padding: 5px 10px;
	background: #f9f9f9
}
#suscripcion .text {
	width: 175px
}
#susc_footer {
	background: #fff;
	padding: 5px 10px
}
.susc_image {
	padding-top: 4px;
	float: right
}
.favorite { 
	background: url(images/favoritos.png) no-repeat;
	padding-left: 20px;
	text-decoration: underline
}