/*
Theme Name: Blog de Bingo
Theme URI: http://www.blogdebingo.com
Description: Theme is designed and coded by Oleg Mikheles.
Version: 1.1
*/


* {margin: 0; padding: 0;}

body {font: 75%/170% Arial, Helvetica, sans-serif; color: #35444B /*FFEE8E*/; background: #471B28 url(img/bg.gif); margin: 0;	padding: 0;}

a {color: #B2121C; text-decoration:none; outline:none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline; color:#B2121C;}

p {padding: 0 0 0.5em; text-align:justify;}

/* ### TITLES ### */
h1, h2, h3 {margin-bottom:15px;}

img {border: none;}

/* ### WRAPERS, CONTAINERS
--------------------------- ### */
.topline {width:960px; margin:0 auto; background:url(img/topline.gif) no-repeat; height:27px;}
.footerline {width:960px; margin:0 auto; background:url(img/footerline.gif) no-repeat; height:27px;}

#wrap {width:960px; margin:0 auto; background:#fff url(img/wrapbg.gif) repeat-y;}
.wspacer {padding:10px 25px 10px 25px;}
.spacer {padding:25px;}

/* ### HEADER
----------------------- ### */
#header {height:75px; width:960px; margin:0 auto; background: url(img/headerbg.png) no-repeat center top; margin-bottom:9px;}
.headerbg {background:url(img/topbg.png) repeat-x; padding:7px 0 0 0;}

.girl {width:192px; height:296px; overflow:hidden; background:url(img/girl.png) no-repeat; position:absolute; margin-left:783px; margin-top:-15px;}

#header .logo-moto {position:absolute; padding-top:10px; padding-left:30px; z-index:10;}
#header .moto {font-style:italic; padding:0 0 0 100px; color:#fff;}
#header h1 {margin-bottom:0px; font-size:25px; padding:10px 0 8px 100px; color:#fff;}
#header h1 a {color:#fff;}
#header h1 a:hover {text-decoration:none; color:#FFCC00;}

/* Top navigation */
#topnav {width:930px; margin:0 auto; margin-bottom:10px;}
#topnav a {color:#B70600; text-decoration:none; font-size:14px; font-weight:bold;}
#topnav .top-menu {padding:2px 0 0 0;}
#topnav .top-menu ul {list-style:none; font-size:14px; font-weight:bold;}
#topnav .top-menu ul li {
	cursor:pointer; 
	cursor:hand; 
	line-height:30px;
	background:url(img/button.png) no-repeat right top; 
	vertical-align:middle;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box;  /*ff*/
	float:left;
	padding:0 1px 0 0px;
	}
	
#topnav .top-menu ul li a {
	background:url(img/button.png) no-repeat left top; 
	height:38px;
	display:block;
	display:inline-block;
	padding-left:15px;
	padding-right:15px; 
	line-height:35px;
	}
	
#topnav .top-menu ul li	a:hover {background-position:left -114px;}
#topnav .top-menu .current_page_item a {background-position:left -114px;}


/* rounded buttons */
#topnav .round {
	cursor:pointer; 
	cursor:hand; 
	line-height:30px;
	background:url(img/button.png) no-repeat right top; 
	padding-right:15px; 
	vertical-align:middle;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box;  /*ff*/
	float:left;
	
}

#topnav .round span { 
	background:url(img/button.png) no-repeat left top; 
	height:38px;
	display:block;
	display:inline-block;
	padding-left:15px; line-height:35px;
	
}

#topnav	a.round:hover {background-position:right -114px;}
#topnav	a.round:hover span {background-position:left -114px;}
/* end rounded buttons */

/* Top collage */
#collage {height:149px; background:#320F19 url(img/collagebg.png) repeat-x; margin-bottom:0px;}
#collage .city {background:url(img/bingo.jpg) no-repeat center bottom; width:930px; height:149px; margin:0 auto;}


#collage .topintro h2.widgettitle {font-size:14px; margin:0; margin-bottom:5px; font-style:italic;}

#collage .topads {position:absolute; width:240px; height:140px; overflow:hidden; margin-left:300px; margin-top:10px;}
#collage .textwidget {padding:0 0 5px 0;}

#collage .label {position:absolute; background:url(img/label.gif) no-repeat; width:29px; height:121px; z-index:10; margin-left:251px; margin-top:13px;}

#topcinco {}
#topcinco table {width:100%;}
#topcinco table td {padding:1px 0 1px 3px; color:#000;}
#topcinco table tr.title td {font-weight:bold; font-size:12px; color:#fff; padding:0 0 5px 3px; border-bottom:2px solid #fff;}
#topcinco table tr.odd td {background:#ECECEC;}
#topcinco table td.name {font-weight:bold;}
#topcinco table td.logo {padding:2px 0 2px 0;}
#topcinco table td.rank {font-weight:bold; padding:0 0px 0 10px;}
#topcinco table td.rank img {margin-right:3px;}

#topcinco .spacer {padding:10px 125px 3px 6px;}
#topcinco img {margin-left:2px}


/* jquery tooltips */
#tooltip img {
	border: solid 2px #fff;
}




/* Top widget */
#topwidget {position:absolute; width:460px; height:60px; margin-left:360px; margin-top:8px; overflow: hidden; text-align:justify; line-height:normal; font-size:11px; color:#fff;}
#topwidget h2.widgettitle {font-size:14px; margin:0; margin-bottom:5px; font-style:italic;}

/* SEARCH */
#search {width:180px; height:23px; background:url(img/search.png) top left no-repeat;}
#search .itext {margin:0px 0px 0px 10px; width:135px; font-size:10px; height:15px; border:0px; background: none; color:#990000;}
#search .ibut {cursor:pointer; margin:0px 0px 0px 0px; width:25px; height:20px; border:0px; background: none; font-size:12px; font-size:12px; color:#b57489; font-weight: bold;}


/* ### MIDLE, SIDEBARS
----------------------- ### */

/* Tools box */
#tools-box {width:930px; margin:0 auto;}
#tools-box .rss {font-size:11px;}
#tools-box .rss a {background:url(img/rss.png) no-repeat 0 2px; padding:3px 0 3px 20px; margin-right:10px; color:#fff;}

/* Midle */
#midle {/*WIDTH*/ width:500px;}
#midle .spacer {padding:0;}
#midle .more-link {background:url(img/rmore.png) no-repeat 0 5px; font-size:12px; font-weight:bold; text-decoration:none; padding:0px 0 4px 20px; display:block; margin-top:10px;}


/* Post style */
#midle .post {background:url() repeat-x bottom; padding:10px; margin-bottom:10px;}
#midle .post h2 {margin-bottom:5px; font-size:20px; color:#035CC1;}
#midle .post h2 a {color:#035CC1; text-decoration:none;}
#midle .post h2 a:hover {}

#midle ul {list-style:none; margin-bottom:20px;}
#midle ul li {padding:0 0 0 10px;}
#midle ul ul li {padding:0 0 0 15px; background:url(img/ministar.png) no-repeat 0 4px;}


/* Indexpic */
.indexpic {text-align:center; padding:0 0 15px 0;}
.indexpic img {border:1px solid #000; padding:1px;}
.pho-title {position:absolute; background:#fff; padding:3px; margin-top:126px; margin-left:2px; font-weight:bold; color:#012E65; font-size:14px; font-style:italic;}
.pho-title {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;}


/* post data */
#midle .postdata {font-size:11px; margin-bottom:10px; border-bottom:1px dashed #999; padding:0 0 10px 0;}
#midle .postdata ul { list-style:none;}
#midle .postdata ul li { display:inline; padding:0 5px 0 5px;}
#midle .postdata .time {background:url(img/time.png) no-repeat 0 3px; padding: 0px 10px 10px 20px;}
#midle .postdata .comments {background:url(img/comments.png) no-repeat 0 0px; padding: 0 10px 0 20px;}
#midle .postdata .posted {background:url(img/posted.png) no-repeat 0 2px; padding:0px 10px 10px 20px;}

/* comments counter */
#midle .count {color: #990000; font-weight:700; font-size:1em; line-height:normal; float:left; background:url('img/count.png') no-repeat; text-align:center; margin:0px 10px 10px 0; width:45px; height:39px; padding:8px 0 0 0px;}
#midle .month {}

/* Comments */
.alt {margin-bottom:10px; border-bottom:1px dashed #A9B8C5;}
.alt2 {margin-bottom:10px; border-bottom:1px dashed #A9B8C5;}
h3.ctitle {margin-bottom:10px;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist cite {background:url(img/author.png) no-repeat 0 0px; padding:0 0 0 25px;}
.date { margin-bottom:10px;}
.commentmetadata {margin-bottom:10px;}
.ctext {background:url(img/quote.png) no-repeat; padding:5px 0 0 30px;}

/* Navigation */
#navigation {font-weight:bold;}
#navigation .alignleft {float:left;}
#navigation .alignright {float:right;}


/* Sidebar 01 */
#sidebar {/* WIDTH */ width:130px;}
#sidebar .spacer {padding:0;}
#sidebar a:hover {}
#sidebar h2 {font-size:14px; color:#549407; margin-bottom:0px; padding:8px 0 3px 17px; background:url(img/star.png) no-repeat 0 12px;}
#sidebar ul {}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 10px; background:url(img/libg.gif) no-repeat bottom;}
#sidebar ul ul {margin: 5px 0 0 10px;}
#sidebar ul ul ul {margin: 0 0 0 10px;}
#sidebar ul ul li {margin:5px 0 0; padding: 0 0 0 15px; background:url(img/chip-red.png) no-repeat 0 5px; border:none;}

/* Sidebar 02 */
#sidebar02 {/* WIDTH */ width:270px;}
#sidebar02 .spacer {padding:0;}
#sidebar02 a:hover {}
#sidebar02 h2 {font-size:14px; color:#484848; margin-bottom:0px;}
#sidebar02 ul {}
#sidebar02 ul li {list-style-type: none; list-style-image: none; margin-bottom: 10px; background:url(img/libg.gif) no-repeat bottom;}
#sidebar02 ul ul {margin: 5px 0 0 10px;}
#sidebar02 ul ul ul {margin: 0 0 0 10px;}
#sidebar02 ul ul li {margin:5px 0 0; padding: 0 0 0 15px; background:url(img/chip-red.png) no-repeat 0 5px; border:none;}


/* ### FOOTER
----------------------- ### */
#footer {background: url() no-repeat right; text-align:center; color:#fff;}
#footer .fspacer {padding:10px;}

#footer .copyrighted {font-size:11px;}

#footer .bot-menu {padding:10px 0 0 0;}
#footer .bot-menu a {text-decoration:none; color:#fff;}
#footer .bot-menu a:hover {text-decoration: underline;}
#footer .bot-menu ul {list-style:none; font-size:12px; font-weight:bold;}
#footer .bot-menu ul li {display:inline; padding:0 5px 0 5px;}
#footer .copyrighted a {color:#fff;}
#footer .copyrighted {font-size:11px;}

/* Floating options */
.fl {float:left;}
.fr {float:right;}

.mgright {margin-right:5px;}
.mgtop {margin-top:10px;}
.mgbottom {margin-bottom:10px;}


/* Clearing */
.clr {clear:both;}



/* Margin */