/*  
Theme Name: Via Alternativa
Theme URI: http://viaalternativa.org
Description: CSS style for viaalternativa.org, an spanish RSS metaagregator insoired on popurls.com and Blablablog.es
Version: Beta
Author: R. Zarago
Author URI: http://viaalternativa.org/

*/

	html, body { margin: 0; padding: 0; }
	body { background: #fff url(images/header_bg.gif') repeat-x;
        font-size: 12px; 
	color: #000;
	font-family: 'lucida grande', Arial, sans-serif; 
                color: #222;
		font-size:0.7em;
		margin:0px;
		padding:0px;
		height:100%;
		text-align:center;
		img, a img { border: 0; }
		img.icon { display: block; margin: 0 auto 10px; }
		a, a:link { color: #348DED; text-decoration: none; }
		a:link:visited { color: #9CC3ED; }
		a:link:hover { color: #FF8618; }
		a:link:active:hover { color: #fc0; }

	}

	input{
		font-size:10px;
	}

	#mainContainer{
		width:91%;
		margin:0 auto;
		text-align:left;
                margin-left: 60px;
		height:100%;	
		padding-bottom:30px;
	}
	
        #header {
		margin-top: 2.5em;
		text-align: center;
		width: auto;
	}
		#header a {
		border: none;
	}	
	
	.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: #000;
                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:#443dc9;
                border-top: 1px solid #6f6b6b;
                overflow:hidden;
                font-size: 1em;
	}	
	.boxItemHeader:hover{	/* Title of items inside dragable boxes - mouseover*/
		font-weight:normal;
		margin:1px;
	color: #f0f0f0;
    background-color: #f2f2f2;
	}
	.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;
	}

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

#navuno a {
 color: #f0f0f0;
}

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

#navuno img {
  text-align: center;
}



a img {
	border: none;
}


a, a:link { 
        color: #348DED; 
        text-decoration: none; 
          }
a:link:visited { 
        color: #9CC3ED;
          }
a:link:hover { 
        color: #FF8618; 
        background-color: #f2f2f2;
        text-decoration: none; 
          }
a:link:active:hover { 
        color: #fc0; 
          }

                /**
		 * =Threeup
		 */
     
    #threeup { width: 600px; margin: 5px auto 15px; list-style: none; }
    #threeup:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    #threeup li { width: 168px; height: 55px; padding: 5px 15px 15px; border-right: 1px solid #ddd; float: left; }
    #threeup li:last-child, #threeup li.last { border: 0; }
    #threeup li a { text-decoration: none; }
		
		#start-box p { border-top: 1px solid #ddd; width: 600px; margin: 0 auto; padding: 15px 0; }

		/**
		 * =Navigation
		 */

#nav {
	float: center;
	position: center;
	top: -1px;
	margin: 0;
	margin-top: 1.1em;
	padding: 0;
	background: #FFF;
}

#nav ul {
        float: center;
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
}

#nav ul li {
	float: center;
	margin: 0;
	padding: 0;
	display: inline;
}

#nav ul li a {
	float: center;
	margin: 0;
	padding: 10px 8px 5px 8px !important;
	color: #4D4D4D;
	font-size: 95%;
}


/**
		 * =Footer 5em auto 1em
		 */

		#footer {
			margin: 0;
			width: auto;
			text-align: center;
			font-size: 11px;
			clear: both;
		}
		#footer a {
			color: 	#888;
			padding: 0 8px;
			text-decoration: none; 
		}
		#footer a:hover {
			color: #348DED;
		}
		#footer #license {
			color: #bbb;
			background-color: #f3f3f3;
			padding: 1.2em 0.5em 2em 4.4em;
		}

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;
}