/*  
Theme Name: Blablablog Dark
Theme URI: http://blablablog.es/?cat=3
Description: CSS dark style for blablablog.es, an spanish RSS metaagregator insoired on popurls.com
Version: Beta RC1
Author: Manuel M. Almeida
Author URI: http://mangasverdes.es/

*/

	body{
	background: #164871;
	color: #fff;
	font-family: Verdana, Tahoma, Georgia, Geneva, Arial, Serif;
		font-size:0.7em;
		margin:0px;
		padding:0px;
		height:100%;
		text-align:center;

	}

	input{
		font-size:10px;
	}

	#mainContainer{
		width:91%;
		margin:0 auto;
		text-align:left;
        margin-left: 60px;
		height:100%;	
		padding-bottom:30px;
	}
	
#header {
	background: url(../images/fondobla.gif) repeat-x;
 top: 0px;
	margin: 0;
	padding: 10px 10px 10px 60px;
    height: 60px;
    margin-bottom: 30px;
}

	
	.dragableBox{	/* The RSS box */
		background-color:trasnsparent;
		margin:10px;
        margin-bottom: 60px;
	}
	.dragableBoxHeader{	/* Header inside RSS box */
		background-color:transparent;
		height:30px;
		font-weight:bold;
		color: #fff;
        margin-bottom: 5px;
	}
	.dragableBoxHeader span{	/* Text inside header of RSS box */
	font-family: Arial, Helvetica, Sans serif;
 font-size: 1.42em;
		line-heigth:20px;
text-transform: lowercase;
	}
	.dragableBoxHeader img,.dragableBoxHeader span{	/* Text and reload image inside RSS box */
		float:left;
	}
	.boxItemHeader{	/* Title of items inside dragable boxes */
		font-weight:normal;
		margin:1px;
		color:#716ae9;
        border-top: 1px solid #444;
        overflow:hidden;
        font-size: 1em;
	}	
	.boxItemHeader:hover{	/* Title of items inside dragable boxes - mouseover*/
		font-weight:normal;
		margin:1px;
	color: #f0f0f0;
    background-color: #6f6b6b;
	}
	.dragableBoxHeader input{	/* text inputs that gets visible when you click on the "edit" link at the top of a rss box */
		font-size:10px;	
	}
	
	.rssNumberOfItems{	/* Number of RSS items in header - the one inside parantheses */
		color:transparent;
	}
	.dragableBoxContent{	/* DIV holding data inside dragable boxes */
		padding:3px;
		clear:both;
        margin-bottom: 30px;
	}
	#rectangleDiv{	/* Dotted rectangle indicating where objects will be dropped */
		border:1px dotted red;
		margin:5px;
	}
	
	.closeButton{	/* Close button */
		padding:2px;
		border:1px solid #317082;
		line-height:9px;
		height:9px;
		margin:2px;
		color:#317082;
		padding:2px;
		padding-bottom:3px;
	}
	.closeButton_over{	/* Close button - mouse over */
		padding:2px;
		border:1px solid #317082;
		line-height:9px;
		padding:2px;
		padding-bottom:3px;
		margin:2px;	
		background-color:#317082;
		color:#FFF;
	}

	
	.dragableBoxEditLink{	/* Edit link on top of a box */
		color:#317082;
		text-decoration:none;
		padding-top:1px;
	}
	.dragableBoxEditLink:hover{	/* Edit link - mouse over */
		color:red;
		text-decoration:underline;
	}
	form{	/* No borders in forms */
		display:inline;
	}
	#addNewFeed{	/* The white box at the top right corner where you can add a new RSS feed */
		position:relative;
		width:300px;
		background-color:transparent;
        text-size: 0.5em;
        text-align: right;
        margin-left: 35%;
        margin-bottom: 30px;
        color: #fff;
	}

#navuno {
 float: right;
 right: 7%;
 top: 30px;
 position: absolute;
 color: #fff;
 font-size: 1.2em;
 text-align: center;
}

#navuno a {
 color: #fff;
}

#navuno a:hover {
 color: #000;
 background-color: transparent;
}

#navuno img {
  text-align: center;
}

a {
	color: #716ae9;
    text-decoration: none;
}

a img {
	border: none;
}

a:visited {
	color: #555;
}

a:hover {
	color: #fff;
    background-color: #444;
    text-decoration: none;
}

#footer {
	background: #443dc9;
position: relative;
clear: both;
margin-top: 0px;
color: #000;
}

cite {
	font-size: 90%;
	font-style: normal;
}

.credit {
	background: #443dc9;
	border-top: double 3px #aba;
	color: #000;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover, .credit a:visited {
	color: #fff;
}