/* 
	Theme Name: superjuegosgratis.info
	Theme URL: 
	Description: Theme for superjuegosgratis.info - spanish.
	Author: Tamakum! Interactive
	Author URI: http://www.tamakuminteractive.com
	Version: 1.0
	Tags: 
	

*/
/* CSS Document */
body	{ background: #000 url(images/bkg.gif) top center repeat-x; margin:0; padding:0}
#wrapper { width: 960px; margin: 0 auto; }

#header { background: url(images/header_bkg.jpg) top center no-repeat; width: 960px; height: 161px;}
#logo	{ background: url(images/header_logo.gif) no-repeat; width:380px; height:90px; position:absolute }
#logo img	{ border:0 none }
#logo h1 { margin:0; padding:0; display:none}
#logo h2 { margin:0; padding:0; display:none}

#header #menu { position:absolute; width: 960px; height:30px; top: 96px}

#header #menu ul { width: 900px; list-style: none; float: right; text-align: right; margin:0; padding:0; vertical-align:top}

#header #menu li a { padding-top:5px; padding-left:12px; padding-right:12px; }
/* page_item is wordpress default class for page list */
#header #menu ul li.page_item { float: right; }
#header #menu ul li.page_item a { display: block; margin: 2px 5px 0 0; float: left; padding-top:4px; height:19px; border:1px solid #7d5002; border-bottom:0; color: #ffa302; background:#7d5002; text-decoration: none; font-size:12px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; white-space:nowrap; }
#header #menu ul li.page_item a:hover { color: #fff; }
/* current_page_item is wordpress default class for active page list */
#header #menu ul li.current_page_item { float:right; }
#header #menu ul li.current_page_item a { display: block; margin: 0px 5px 0 0; float: left; height: 20px; border:1px solid #4f3800; border-bottom:2px solid #4f3800; border-top-width:2px; color:#fff; background:#4f3800; text-decoration: none; font-size:12px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; white-space:nowrap; }
#header #menu ul li.current_page_item a:hover { color: #fff; }


#content { width: 960px; float: left; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#fff}

#content h2 {  font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bold; padding:0; margin:0 ; color:#ffa302 }
#content h2 a { color: #ffa302; text-decoration:none; }
#content h2 a:hover { color: #fff; text-decoration:underline; }

#content h3 {  font-family:Tahoma, Geneva, sans-serif; font-size:17px; font-weight:bold; padding:0; margin:0 ; color:#ffa302 }
#content h3 a { color: #ffa302; text-decoration:none; }
#content h3 a:hover { color: #fff; text-decoration:underline; }

#content #right-col { width: 600px; float: right; position: relative; padding-right: 30px; }

#content #left-col { width: 330px; float: left;  position: relative; background: url(images/sidebar_bkg.gif) top left no-repeat}

#content #left-col #sidebar { width: 300px; float: left; position: relative; }

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

/* sidebar 1 */
#sidebar1 { width: 300px;}
#sidebar1 ul li { border-left:0; margin-bottom:0px; border:0 }
/* this is the widget title */
#sidebar1 ul li h2 { color: #333333; font-size:12px; margin:0; padding: 5px; ; background: #eceff5; display:none}
#sidebar1 ul li ul { }
/* begin for the widget list */
#sidebar1 ul li ul li { border:0; border-bottom:1px dotted #53483c; color: #333333; font-size:11px; margin:0px; padding: 5px;}
#sidebar1 ul li ul li a { color: #ffd051; font-size:11px; text-decoration:none; font-weight:bold}
#sidebar1 ul li ul li a:hover { color: #fff;  }

/* sidebar 2 */
#sidebar2 { width: 300px; }
#sidebar2 ul {  }
#sidebar2 ul li { border:0px solid #221b14; margin-bottom:15px }
/* this is the widget title */
#sidebar2 ul li h2 { border-top:0px solid #241d16; color: #ffa302; font-size:12px; margin:0; padding: 5px; ; background: #2b1d00 url(images/sidebar2_title_bkg.gif) repeat-x top; display:block}
#sidebar2 ul li ul { background:#020100 url(images/sidebar2_bkg.gif) top repeat-x;}
/* begin for the widget list */
#sidebar2 ul li ul li { border:0; border-top:1px dotted #241d16; color: #333333; font-size:11px; margin:0px; padding: 5px;}
#sidebar2 ul li ul li a { color: #ffd051; font-size:11px; text-decoration:none; font-weight:bold}
#sidebar2 ul li ul li a:hover { color: #fff;  }

/* float genericos */
.alignleft { float:left}
.alignright { float:right}

/* div con los botones anteriores y siguientes */
.navigation { /*border-top: 2px solid #eff2f5;*/ font-size:11px; padding:5px; color:#888; overflow:auto; border:0px solid}
.navigation a { color: #ffd051; font-size:12px; text-decoration:none; font-weight:bold}
.navigation a:hover { color: #fff; }

p a { color: #ffd051; font-size:11px; text-decoration:none; font-weight:bold}
p a:hover { color: #fff;  }

/* div con el link para los feeds rss */
#feed { width:300px; padding-top:10px; padding-bottom:10px; border:0px solid; margin:0; height:20px;}
#feed img { vertical-align:middle; border: 0}
#feed a { margin-left:5px; color: #ffd051; font-size:11px; text-decoration:none; font-weight:bold}
#feed a:hover { text-decoration:underline }

/* beinvenida */
#welcome { margin:0; padding:10px; text-align:justify; font-size:11px; color:#fff}

/* boton para registro */
.participate { display:block; border: 1px solid #3b5998; background: #3b5998 url('images/participate_bkg.gif') repeat-x center ; color:#fff; text-align:center; padding-top:9px; height:26px; text-decoration:none; font-weight:bold}

/* formulario de busqueda - en la barra superior - */
#searchform { float:left; padding:0; margin:0; margin-top:4px;}
#searchform .formtextfield { border:1px solid #ffd051; background:#000; color:#fff; width:270px; height:17px; }
#searchform .formbutton { background: #ffd051 url(images/icon_search.gif); width:21px; height:21px; border:1px solid #ffd051}

/* los posts listados en cualquier pagina */
#content .hentry { background: #020100 url(images/sidebar2_bkg.gif) top repeat-x; clear:both; padding:10px; margin-bottom:10px; color:#fff }
#content .hentry h2 {  font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bold; padding:0; margin:0  }
#content .hentry h2 a { color: #ffd051; text-decoration:none; }
#content .hentry h2 a:hover { color: #fff; text-decoration:underline; }
#content .hentry h3 {  font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bold; padding:0; margin:0  }
#content .hentry h3 a { color: #ffd051; text-decoration:none; }
#content .hentry h3 a:hover { color: #fff; text-decoration:underline; }
#content .hentry p { margin:0; padding:0}
#content .hentry small { margin:0; padding:0; color:#edd5aa}
#content .hentry small a { color: #ffd051; font-size:11px; text-decoration:none; font-weight:bold}
#content .hentry small a:hover { color: #fff;  }
#content .hentry .entry { margin:0; padding-top:10px; }
#content .hentry .entry p { padding-bottom:10px}
#content .hentry .entry a { color: #ffd051; font-size:11px; text-decoration:none; font-weight:bold}
#content .hentry .entry a:hover { color: #fff; }
#content .hentry .postmetadata { border-top: 1px solid #221b14; font-size:11px; margin-top:10px; padding-top:5px; color:#edd5aa}
#content .hentry .postmetadata a { color: #ffd051; font-size:11px; text-decoration:none; font-weight:bold}
#content .hentry .postmetadata a:hover { color: #fff;  }

/* articulos relacionados */
#content #relatedPosts { margin:0; padding:10px; background:#000; border:1px solid #221b14; text-align:justify; font-size:11px; color:#fff }
#content #relatedPosts ul { margin:0; padding:0; list-style:none}
#content #relatedPosts a { color: #ffd051; text-decoration:none; }
#content #relatedPosts a:hover { color: #fff; text-decoration:underline; }

/* la seccion de comentarios al final de la pagina single */
#content #commentsDiv { background:#221b14; width:100%; color:#888; border:0px solid #f5f7fa }
#content #commentsDiv h3 { margin:10px }
#content #commentsDiv ol { font-weight:bold; list-style: none; margin:0; padding:0}
/* #content #commentsDiv ol li { list-style: none; border:1px solid #d8dfea; background:#fff; padding:10px; margin:10px; overflow:auto; vertical-align:middle }*/
#content #commentsDiv ol li { list-style: none;  padding:10px; margin:0px; overflow:auto; vertical-align:middle; border-bottom:2px dotted #000}
#content #commentsDiv ol li .commentContainer { overflow:auto; font-weight:normal; position:relative; border:1px solid #221b14  }
#content #commentsDiv ol li .comment-data { overflow:visible; border:1px solid #0c0800; background:#0c0800; margin:0; padding:10px; height:50px;  margin-left: 90px; position:relative}
#content #commentsDiv ol li .comment-data p { margin:0; padding:0; font-size:11px}
#content #commentsDiv ol li .comment-data a { color: #ffd051; text-decoration:none; font-size:11px; font-weight:bold}
#content #commentsDiv ol li .comment-data a:hover { text-decoration:underline } 
#content #commentsDiv ol li .comment-info { position:absolute; width:80px; top:0; left:0px; font-size:10px; overflow:visible; text-align:right }
#content #commentsDiv ol li .comment-info a { color: #ffd051; text-decoration:none; font-weight:bold}
#content #commentsDiv ol li .comment-info a:hover { color: #fff; }
#content #commentsDiv ol .clear { clear:both}

/* formulario para escribir comentario */
#content #respond { background:#221b14; width:100%; color:#aaa; border-top:1px solid #221b14}
#content #respond p { margin:0; margin-bottom:5px; padding:0 }
#content #respond h3 { margin:10px }
#content #respond form { margin:10px; }
#content #respond #commentform { }
#content #respond input { border:1px solid #ffd051; background:#000; color:#fff;}
#content #respond textarea { width:550px; border:1px solid #ffd051; background:#000; color:#fff}
#content #respond #submit { background:#ffd051; border:1px solid #ffd051; color:#000; font-weight:bold}
#content #respond #respondNotice { margin:10px; padding:5px; background:#0c0800; border:1px solid #0c0800; text-align:justify; font-size:10px}
#content #respond #respondNotice a { color: #ffd051; text-decoration:none; font-weight:bold}
#content #respond #respondNotice a:hover { color: #fff; }

form { padding:0; margin:0}

/* pie de pagina */
#footer { position:relative; clear:both; color:#edd5aa; text-align:center;  background:#050302 url(images/sidebar2_bkg.gif) top repeat-x; border-top:1px solid #221b14; height: 44px; padding-top:15px; font-family:Tahoma, Geneva, sans-serif; font-size:10px; font-weight:bold }
#footer a { color: #ffa302; font-size:11px; text-decoration:none; font-weight:bold}
#footer a:hover { color:#fff; text-decoration:underline }
#footer .footer-text { width:900px; margin: 0 auto} 

/* icons */
.iconSocialRss { width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_rss.gif'); border:0 none;}
.iconSocialDigg { width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_digg.gif'); border:0 none;}
.iconSocialFacebook { width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_facebook.gif'); border:0 none;}
.iconSocialMeneame { width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_meneame.gif'); border:0 none;}
.iconSocialGoogle { width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_google.gif'); border:0 none;}
.iconSocialLive { width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_live.gif'); border:0 none;}
.iconSocialMyspace { width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_myspace.gif'); border:0 none;}
.iconSocialTwitter { width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_twitter.gif'); border:0 none;}
.iconSocialYahoo { width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_yahoo.gif'); border:0 none;}

/* icons */
.iconSocialRss { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_rss.gif'); border:0 none;}
.iconSocialDigg { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_digg.gif'); border:0 none;}
.iconSocialFacebook { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_facebook.gif'); border:0 none;}
.iconSocialMeneame { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_meneame.gif'); border:0 none;}
.iconSocialGoogle { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_google.gif'); border:0 none;}
.iconSocialLive { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_live.gif'); border:0 none;}
.iconSocialMyspace { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_myspace.gif'); border:0 none;}
.iconSocialTwitter { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_twitter.gif'); border:0 none;}
.iconSocialYahoo { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_yahoo.gif'); border:0 none;}