/*

Theme Name: Games Rools

Theme URI: http://www.planetaweb.com.mx/

Version: 1.0

Author: Planeta Web

Author URL: http://www.planetaweb.com.mx/

*/



body { background: #fff url(images/fondo.png) no-repeat; background-position: top center; background-attachment:fixed; font-family: Helvetica, Arial, sans-serif, verdana; font-size: 14px; padding: 0px; margin: 0px; color:#434f3d; }

html { padding: 0; margin: 0;}



a:link { text-decoration: none; color : #308700; border: 0px; -moz-outline-style: none;}

a:active { text-decoration: underline; color : #f53b27; border: 0px; -moz-outline-style: none;}

a:visited { text-decoration: none; color : #308700; border: 0px; -moz-outline-style: none;}

a:hover  { text-decoration: underline; color : #f53b27; border: 0px; -moz-outline-style: none;}

a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: "Helvetica"; font-weight: bold;  letter-spacing: 1px;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}

hr { border-left:0px solid #feeecd; border-right:0px solid #feeecd; border-top:3px dotted #308700; border-bottom:0px solid #feeecd; height : 1px;  }

form { padding: 0px; margin: 0px;}

input { font-family: 'Helvetica'; color: #444; font-size: 13px;}

textarea { font-family: 'Helvetica'; color: #444; font-size: 13px;}

select { font-family: 'Helvetica'; color: #444; font-size: 13px;}



/* BGContainer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.BGC { width: 1001px; margin: 0px auto; padding: 13px; position: relative; border-top:0px solid #fff;
 border-left:0px solid #fff; border-right:0px solid #fff; border-bottom:0px solid #fff; }



/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/**/ * html .Header { height: 424px;} /* */

.Header { repeat-x left bottom; width: 1001px; position: relative; clear: left; padding: 0px; min-height:210px;}

.Header h1 {  color:#db7201; font-size: 48px; line-height: 48px; padding: 0px 0px 0px 30px; margin: 0px; font-weight: normal;}

.Header h1 a { color:#db7201; text-decoration: none; }

.Header h1 a:visited { color:#db7201; text-decoration: none; }

.Header h1 a:hover { color:#db7201; text-decoration: none; }

.Header .Desc { color:#FFF; font-size: 16px; line-height: 18px; font-family: 'Arial'; padding: 0px; margin: 0px 0px 0px 34px;}



/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.Menu { background-image:url('images/botones.png'); width: 1001px; position: relative; float: left; height: 45px;}

.Menu em { display: none}

.Menu ul { list-style: none; margin: 0px; padding: 0px 0px 0px 10px;}

.Menu ul li ul { display: none;}

.Menu li { padding: 0px; margin: 0px; display: inline; font-size: 13px; letter-spacing: 1px;}

.Menu a { padding: 0px 0px 0px 3px; margin-right: 2px; float: left; height: 45px;}

.Menu a span { padding: 14px 9px 6px 6px; display: block; float: right; height: 45px;}

.Menu a span { float: none; color: #caff3e; height: 44px; font-size: 13px; font-weight: 600; font-variant: none; }

.Menu a:hover span { color: #ffce42; height: 45px;}

.Menu a:hover { background-image:url('images/'); color:#ffce42; text-decoration: none; height: 45px;}

.Menu a:hover span { background-image:url('images/'); color:#ffce42; text-decoration: none; height: 45px;}

.Menu .on { background-image:url('images/botones_current.jpg'); color:#caff3e; height: 45px;}

.Menu .on span { background-image:url('images/'); color:#caff3e; height: 45px;}

.Menu .current_page_item { background-image:url('images/'); color:#fff; height: 45px;}

.Menu .current_page_item span { background-image:url('images/'); color:#fff; height: 45px;}



/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.CON { background: url(images/background.png) repeat-y center; width: 1001px; float: left; position: relative; 
padding: 0px 0px 13px 0px}



/* Side Central Single (page)  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.SCS { width: 495px; float: left; padding: 7px 30px 30px 25px; background: url(images/post_design.png) no-repeat bottom; }

.SCS h1 { color: #308700; font-size: 19px; font-weight: normal; border-bottom: 0px dotted #f9c33f; padding: 17px 0px 14px 65px; letter-spacing: 1px; background: url(images/imagen_titulo.png) no-repeat left top; }

.SCS h2 { font-size: 21px; font-weight: bold; }

.SCS h3 { font-size: 17px; font-weight: bold; color:#9a4700; line-height:100%; }

.SCS p { font-size: 14px; line-height: 190%; font-weight: bold; font-style: normal;}

.SCS p strong {}

.SCS img {}

.SCS blockquote { padding: 2px 10px; background: url(images/quote.png) ; margin: 7px 30px; }

.SCS blockquote p { font-size: 14px; color: #fff; padding: 10px 0px; margin: 5px 0px; line-height: 160%; text-shadow: 0.2em 0.2em #381a00; font-style: oblique; letter-spacing: 1px;}

.SCS a { text-decoration: underline;}



/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.SC { width: 500px; float: left; padding: 15px 30px 15px 20px;}

.SC h2 { font-weight: normal;}

.pagetitle { font-size: 20px; font-weight: normal; letter-spacing: 1px; border-bottom: dotted 1px #777; padding-bottom: 10px;}



/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.Post {  padding: 0px; position: relative; clear: left;}

.PostHead { position: relative; clear: left; border-bottom: 0px dotted #0674b3; padding-bottom: 10px; background: url(images/imagen_titulo.png) no-repeat left top;}

.PostHead h1 { font-size: 21px; line-height: 20px; letter-spacing: 0px; font-weight: normal; padding: 10px 0px 1px 0px; margin: 0px 0px 0px 65px; color:#308700; }

.PostHead h1 a { color: #308700; text-decoration: none;}

.PostHead h1 a:visited { color: #308700; text-decoration: none;}

.PostHead h1 a:hover { color:#1c3f09; text-decoration: none;}

.PostAuthor { padding: 1px 0px 1px 0px; margin: 0px 0px 0px 65px; font-size: 11px; color:#333; font-weight: bold;}

.PostDate { margin: 0px; position: absolute; top: 7px; right: 40px; text-align: center; padding: 0px 10px 6px 10px;}

.PostDate small { font-size: 10px; color:#ddff82; font-weight: bold; }

.PostDate .month { display:block; text-transform: uppercase; font-size: 9px;}

.PostDate .day { display:block; font-size: 16px; line-height: 17px; font-family: 'Helvetica'; letter-spacing: -1px; font-weight: bold; color:#fff;}

.PostDate .year { display:block;}

.PostContent { padding: 7px 7px 30px 7px; font-size: 14px; line-height: 165%; background: url(images/post_design.png) no-repeat bottom left; }

.PostContent p { font-size: 14px; line-height: 190%; font-weight: bold; font-style: normal;}

.PostContent p strong {}

.PostContent img { float:left;margin-right:20px;margin-bottom:0px}

.PostContent blockquote { padding: 2px 10px; background: url(images/quote.png) ; margin: 10px 26px;}

.PostContent blockquote p { font-size: 15px; color: #fff; padding: 5px 5px; margin: 5px 5px; line-height: 160%; text-shadow: 0.2em 0.2em #381a00; font-style: oblique; letter-spacing: 1px;}

.PostContent a { text-decoration: underline;}

.PostDet { padding-top: 15px;}

.PostDet ul { padding: 0px; margin: 0px;}

.PostDet li { padding: 5px 0px 5px 5px; margin: 0px 10px 5px 0px; list-style-type: none; display: inline; color:#333; font-size: 10px; font-weight: bold; }

.PostDet li a { text-decoration: underline;}



/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



.Note { padding: 0px; margin: 0px;}

.Note li { padding: 2px 0px 2px 15px; margin: 0px; list-style-type: none; font-size: 11px;}

.NoteRss { background: url(images/rss.png) no-repeat left top;}

.NoteTrackBack { background: url(images/trackback.png) no-repeat left top;}

.Note li a { color:#333;}



/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.Nav a { padding: 2px 5px 2px 3px; background: #fff; border-right: solid 1px #ccc; font-size: 11px;}

.Nav a:visited { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc;}

.Nav a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; text-decoration: none;}

.Nav span { padding: 2px 5px 2px 0px; color:#6666; border-right: solid 1px #ccc; }

.Nav .on { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 12px; color:#000;}



/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.Comments { margin: 20px 0px 0px 0px;}



/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.Comments .List h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#333; }

.Comments .List ol { padding: 0px; margin: 0px;}

.Comments .List li { position: relative; padding: 15px 5px 10px 5px; margin: 0px 0px 20px 0px; list-style-type: none;}

.Comments .List .ComListLi { background: url('images/fondo_comentarios.png'); }

/**/ * html .Comments .List .ListNr { left: -55px;} /**/

.Comments .List .ListNr { color:#bc5100; position: absolute; top: 15px; font-size: 24px; line-height: 24px; font-family: 'Helvetica'; font-weight: normal; letter-spacing: -1px; padding: 0px; left: 10px; }

/**/ * html .Comments .List .ListGrav { left: 10px;} /* */

.Comments .List .ListGrav { position: absolute; top: 15px; left: 15px;}

.Comments .List .ListGrav img { border: solid 1px #fff;}

.Comments .List big { margin: 0px; padding: 0px 0px 0px 42px; font-size: 11px; line-height: 12px; letter-spacing: -1px; color:#333; font-weight: bold; display: block;}

.Comments .List small { color:#333; padding: 0px 0px 0px 42px; margin: 0px; font-size: 11px; }

.Comments .List small a { color:#333; text-decoration: none;}

.Comments .List small a:visited { text-decoration: none;}

.Comments .List .ListContent { margin: 15px 0px 0px 0px; padding: 5px 10px; font-size: 11px; line-height: 15px; background: url('images/fondo_comentario2.png'); no-repeat left top; display: block;}



/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.Comments .Form h3 { font-size: 14px; font-weight: bold; letter-spacing: 0px; margin: 0px; padding: 5px 0px 10px 0px; color:#555;}

.Comments .Form { background: url('images/fondo_form.png'); border: dotted 1px #6fbe19; padding: 10px 15px 20px 15px; position: relative;}

/**/ *html .Comments .FormTop  { left: -15px;} /**/

.Comments .FormTop { position: absolute; top: 0px; left: 0px; width: 504px; height: 7px;}

.Comments .Form form {margin: 0px; padding: 0px;}

.Comments .Form a { text-decoration: underline; color:#308700;}
.Comments .Form a:hover { text-decoration: underline; color:#f53b27;}

.Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#256900; letter-spacing: 1px; }

.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#256900;}

.Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;}

.Comments .Form .TextField { background: #fff; border: dotted 1px #9aa6a8; padding: 5px 4px; font-size: 11px; display: block;}

.Comments .Form .TextArea { background: url('images/fondo_comentario2.png'); border: dotted 1px #5fa614; padding: 4px; font-size: 13px;}

.Comments .Form input.SubmitComment { width: 257px; height: 26px; margin-top: 8px; color:#f5f5f5;}

.Comments .Form input.SubmitComment:hover { margin-top: 8px; color:#f5f5f5;}

.Comments .Form input.SubmitCommentIE { width: 257px; height: 26px; margin-top: 10px; margin-top: 8px; color:#f5f5f5;}



/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.SR { width: 450px; float: right; position: relative; }

.SR h2 { font-size: 14px; letter-spacing: normal; font-weight: bold;}

.SR h3 { font-size: 16px; letter-spacing: normal; font-weight: bold;}

.SR { font-size: 12px; color:#777;}



/* Side Right Left (left sidebar) +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.SRL { width: 220px; float: left; padding: 15px 15px 15px 35px;}

.SRL h3 {  color:#555; padding: 0px 0px 10px 0px; margin: 25px 0px 5px 0px; border-bottom: 1px dotted #fff; font-style: normal; }

.SRL h2 {  color:#333; padding: 0px 0px 10px 0px; margin: 25px 0px 5px 0px; border-bottom: 1px dotted #d2d2d2; font-style: normal; }

.SRL li a { color:#276f00; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; }

.SRL li a:link { color:#276f00; }
.SRL li a:visited { color:#276f00; }

.SRL li a:hover { color:#1c3f09;}
.SRL li a:active { color:#1c3f09;}



/* Side Right Right (right sidebar) +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.SRR { width: 160px; float: right; padding: 10px;}

.SRR h3 { border-bottom: 1px dotted #faffec; color:#ffdf2b; padding: 0px 0px 5px 0px; margin: 25px 0px 5px 0px; font-style: normal;}

.SRR h2 { border-bottom: 1px dashed #caff3e; color:#caff3e; padding: 0px 0px 2px 0px; margin: 10px 0px 0px 0px; font-style: normal; }

.SRR P { color:#faffec; font-size: 11px; font-style: normal; letter-spacing: 1px; }

.SRR ul { padding: 0px; margin: 0px;}

.SRR li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; }

.SRR li a { color:#aeaeae; font-size: 11px; }

.SRR li a:visited { color:#aeaeae; }

.SRR li a:hover { color:#fff;}



/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.Search { color: #FFFFFF; background: url(images/Search.gif) no-repeat left top; position: absolute; top: -65px; width: 280px; left: -9px;}

.Search  form { color: #FFFFFF; padding: 26px 10px 6px 20px; margin: 0;}

.Search  input { border: none; color: #000000; font-size: 11px;}

.Search  input.search { color: #FFFFFF; margin-left: 8px; width: 66px; height: 33px; background: url(./images/searchbutton.gif) no-repeat;}

.Search  input.keyword { color: #c0c0c0; background: none; border: none; padding: 5px 10px 5px 8px; width: 155px; border: none; }

/**/ * html #buttonsearch { margin: -27px 0px 0px 163px; } /* */

#buttonsearch { color: #FFFFFF; padding: 0px; margin: -23px 0px 0px 170px; top: 0px; background: none; }



/* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.Categ { margin-bottom: 20px;}

.Categ h3 { padding-left: 0px; margin: 0px; }

.Categ ul {  margin: 0px; padding: 10px 0px 0px 0px;}

.Categ li { margin: 0px; padding: 4px 0px 5px 0px; list-style-type: none;  no-repeat left 6px;}



/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.Footer { width: 971px; height: 79px; position: relative; clear: left; padding: 0px 15px 0px 15px; background: url('images/pie.png'); }

.Footer p { font-size: 10px; color:#9a9a9a; padding: 52px 0px 0px 0px; text-align:center; margin: 0px; }

.Footer a { color:#9a9a9a; text-decoration: none;}

.Footer a:hover { color:#c0c0c0; text-decoration: underline;}



/* Misc ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.rssfeed { min-height:60px; background: url(images/rss.jpg) no-repeat left top; padding-left: 68px;}