/*
Theme Name: Series Moviles
Theme URI: http://manuelcama.com/
Description: El tema para SeriesMoviles.
Version: 1.0
Author: Manuel Cama
Author URI: http://manuelcama.com/

	Series Moviles v1.0
	http://manuelcama.com/

*/



@import url('images/reset.css');
@import url('images/slider.css');
@import url('images/ads.css');

body{
	background: #000;
	color:#fff;
	font: 100% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	background: #000 url(images/background-series.jpg) top center fixed;
	}
	

#topWrapper{
	width:100%;
	position:relative;
/*	background: #000 url(images/bg.jpg) top center;*/
}

#wrapper{
	width:1000px;
	margin:0em auto;
	position:relative;
/*	background: #000 url(images/bg.jpg) top center;*/
}

#header{
	height:133px;
	position: relative;
	background: transparent url(images/headerBg.png) no-repeat center bottom;
	
	
}
	#logo{
		width:240px;
		height:100px;
		float:left;
	}
	#logo h1{
		background: transparent url(images/logo.png) no-repeat top center;
		width:240px;
		height:100px;
		text-indent:-99999px;
		margin-top:20px;
	}
	
	#logo h2{
		background: transparent url(images/logo.png) no-repeat top center;
		width:240px;
		height:100px;
		text-indent:-99999px;
		margin-top:20px;
	}
	
	#logo span{
		display:none;
	}
	
	
	#facebook-bar{
		color:#666;
		position: absolute;
		right:5px;
		top:10px;
		width:280px;
		height:85px;
/*		border: 1px solid #fff;*/
		font: .70em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	}
	#facebook-bar a{
		color:#fff;
	}
	#fb_login_image{
	height:17px;
	vertical-align:middle;
	margin-left:5px;
	}
	
	.notaEditar{
		font: .75em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		margin: 5px 0px;
	}
	#invitaCnt{
		
		float:right;
		
	}

	
	
	
	
/*OHHH THE MENU	*/
	#menu{
		float:left;
		background:transparent;
		margin-top:98px;
		margin-left:0px;
		height:35px;
	}
	
	#menu li{
		float:left;
		margin:7px 15px;
	}


/*menu*/

ul#menu li {
display: inline;
position: relative;
}

ul#menu h2 {
font-size: 100%;
font-weight: normal;
display: inline;
}


ul#menu li a {
color: #fff;
text-decoration: none;
/*padding: 0 0.4em;*/
}

ul#menu li a:hover {
text-decoration: underline;
}

ul#menu li.mega a {
/*background: transparent url(http://www.sitepoint.com/examples/megadropdowns/arrow.gif) center right no-repeat;*/
/*padding: 0 1.2em;*/
}

ul#menu li.mega a:hover {
text-decoration: underline;
}



ul#menu div {
display: none;
}



ul#menu li.hovering div {
display: block;
}


#megaAyuda{
	top: 28px;
	left:0px;
	color: #930;
	width:320px;
	height:auto;
	border-bottom: 1px solid #666;

	position: absolute;
	z-index: 9999;
	background: #000;
	filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
	/*border-right: 1px solid #999;*/
	
}

#megaAyuda li{
	list-style-type: disc;
	list-style-type: circle;
}



#megaShows{
	top: 28px;
	left:-255px;
	padding: 1.3em;
	color: #930;
	width:960px;
	height:auto;
	border-bottom: 1px solid #666;
	
	position: absolute;
	z-index: 9999;
	background: #000;
	filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
	/*border-right: 1px solid #999;*/
	
}

#megaShowsCnt{
	margin-left:20px;
}

.megaShowsBar{
	float:left;
	width:150px;
	height:auto;
	border-right: 1px dotted #999;
	margin:0px 0px;
}

.megaShowsBar h3 a {
	float:left;
	width:140px;
	margin:0px 10px;
	margin-top:10px;
	font: .90em Arial;
	color:#ff0000 !important;
	text-decoration: underline !important;
}


.megaShowsBar h3 a:hover {
	float:left;
	font-variant: small-caps;
	width:140px;
	margin:0px 10px;
	margin-top:10px;
	font: .90em Arial;
	color:#FFFFFF !important;
	
}

.megaShowsBar ul{
	margin:10px;
}



.megaShowsBar li  {
display: list-item !important;
float: none !important;
margin:0px !important;
padding:0px !important;
background: transparent url() top left no-repeat !important;
background-image: url() !important;
font: .70em Arial;
margin:4px 10px !important;

}
.megaShowsBar li a:hover {
	background:#666;
}



.verCol{
	float:right;
	font: .65em Arial;
	margin:5px 10px;
	text-decoration: underline;
	color:#999
}

.verCol a{
	text-decoration: none!important;
	color:#999!important;
	
}


#breadcrumb{
	width:1000px;
	margin:0em auto;
	font: .70em Verdana, sans-serif;
	color:#FFF;
	background:#FFF;
	font-style: italic;
	background: #000 url(images/breadcrumb.jpg) repeat-x top center;
	height:35px;
}
#breadcrumb a{
	color:#fff;
	text-decoration: none;
	text-decoration: underline;
	
	
}
#breadcrumb a:hover{
	text-decoration: underline;

	
}
#breadcrumbCnt{
/*	padding: 7px 10px;*/
	padding: 7px 10px 00px 10px;
	color:#FFF;
	float:left;
}



#cntWrapper{
/*	background:#000 url(images/cntWrapper.jpg) no-repeat scroll top center;*/
	height:auto;
	width:100%;
/*	margin-top:10px;
	padding-top:10px;*/
	
}
	#hereisCnt{
		background:#FFF;
		height:auto;
		min-height:600px;
		width:1000px;
		margin:0em auto;
		color:#000;
/*		margin-top:10px;
*/	}

	.boxes{
		width:172px;
		height:248px;
		background-color:#fcfef7;
		float:left;
		overflow:hidden;
		margin:20px 13px;
		border: 1px solid #fff;
		z-index:3;
		
	}
	
	.boxes:hover{
		background-color:#f6f8f1;
		width:172px;
		height:248px;
		border: 1px solid #999;
	}
	
	.boxesImg{
		width:164px;
		height:130px;
		margin:4px;
		background-color:#dadada;
		overflow:hidden;
	}
	.boxesImg img{
		width:170px;
	}
	


	.boxesCnt{
		width:164px;
		height:80px;
		margin:5px;
		color:#000;
		text-decoration: none;
		text-align: left;
		overflow: hidden;
/*		overflow: scroll;*/
	}
	.boxesCnt a{
		color:#000;
	}
	
	.seriesName, .seriesName:visited {
		font-weight: bold;
		font-size: .80em;
		color:#000;
		text-decoration: none;
		
	}
	.seriesName a{
		color:#000;
		text-decoration: none;
	}
	
	.seriesName:hover{
		text-decoration: underline;
	}
	
	
	.seriesNameIntro a, .seriesNameIntro a:visited {
		color:#000;
		font: .60em Verdana, sans-serif;
		padding-top:5px;
		text-decoration: none;
		
	}

	.seriesNameIntro a:hover{
		text-decoration: underline;
		
	}
	
	.boxesLinks{
		width:164px;
		height:26px;
		margin:5px;
		font: 0.8em Arial;
		color:#000;
		
	}
	
	.boxesPlus{
		margin-top:5px;
		padding-left:10px;
		float:right;
		width:55px;
		background: transparent url(images/boxesPlus.png) no-repeat left center;
		font: .75em Arial;
		text-decoration: none;
		color:#000;
	}

	.boxesPlus:hover{
		text-decoration: underline;
	}
	
	
	#footer{
		background: transparent url(images/footerbg.png) no-repeat left center;
		border-top: 1px solid #fff;
		margin:0 auto;
		min-height:280px;
		width:1000px;
		
		
		
	}
	
	#footerCnt{
		margin:0em auto;
		width:900px;
		color:#000;
		margin-top: 40px;
		
		}
		
		#footerCnt a{
		color: #CCC;

			}

#footerLinks{
	margin:0.25em auto;
	font: .70em Verdana, sans-serif; 
	text-align: center;	
	width:960px;
	border: 1px dotted #fff;
	color:#fcfcfc;
	padding: .35em;
}









#footerLinks a:hover{
	text-decoration: none;
}




/*pagenavi*/

		div.wp-pagenavi {
		        text-align:center;
		        padding: 20px;
/*		        margin: 3px;*/
		}
		span.pages{
			padding: 2px 5px 2px 5px;
	        color:#666;
			border: 1px solid #666;
		}
		div.wp-pagenavi a {
		        padding: 2px 5px 2px 5px; 
		        margin: 2px;
		        border: 1px solid #000000;

		        text-decoration: none; /* no underline */
		        color: #000000;
		}
		div.wp-pagenavi a:hover, div.wp-pagenavi a:active {
		        border: 1px solid #000000;
		        background-color:#000000;
		        color: #fff;
		}
		div.wp-pagenavi span.current {
		        padding: 2px 5px 2px 5px;
		        margin: 2px; 
                border: 1px solid #000000;
                font-weight: bold;
                background-color: #000000;
                color: #FFF;
		        } 
		div.wp-pagenavi span.disabled {
                padding: 2px 5px 2px 5px;
                margin: 2px;
                border: 1px solid #EEE;
                color: #DDD; 
		        }
		
/*Single*/
#titleBg{
	background: #FFF url(images/titleBg.jpg) no-repeat top center;
	
	height:auto;
	width:1000px;
	margin:0em auto;
	color:#000;
/*	margin-top:10px;*/
}


#story{
	float:left;
	width:650px;
	height:auto;
	color:#000;
	overflow: hidden;
	

}

#titlebar{
/*	background: #000 url(images/titlebar.jpg) repeat-x top center;*/
	height:60px;
}

#titlebar h1{
	min-height:30px;
	display:inline;
	float:left;
	margin-left:20px;
	margin-top:8px;
	text-align:left;
	font: 1.35em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#titlebar h1 a{
color:#fff;
text-decoration: none;
}
#titlebar h1 a:hover{
color:#fff;
text-decoration: underline;
}




#titlebar span{
	float:right;
	color:#fff;
	font: .60em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#titlebar span a{
color:#fff;
}






#breadcrumbSingle{
	font: .60em Verdana, sans-serif;
	color:#FFF;
	font-style: italic;
	float:left;
	
}
#breadcrumbSingle a{
	color:#fff;
	text-decoration: none;
	text-decoration: underline;
	
}
#breadcrumbSingle a:hover{
	text-decoration: underline;

	
}
#breadcrumbCntSingle{
	padding: 7px 10px;
	color:#FFF;
	float:left;
}













.singleStory{
	font: .75em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;	
		background: #FFF ;
}
.singleSubTitle{
	height:auto;
	margin-bottom: 0px;
	background: #eff5e7;
}


/*this is part of category*/
.singleSubTitle h2{
	border-bottom: 1px dotted #999;
}
.singleSubTitle h2 a{
	font: 1.8em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color:#59051f;
	padding: 0px 10px;
	text-decoration: none;
}
.singleSubTitle h2 a:hover{
	text-decoration: underline;
}
/*end*/



.vote{
	float:left;
	width:305px;
/*	height:20px;*/
	text-align: left;
	padding: 5px 5px;
	font: .90em Verdana, sans-serif;
	
}


.tags{
float:right;
width:325px;
font: .75em  Verdana, sans-serif;
color: #59051f;
padding: 5px 5px;
text-align: right;

}
.tags a{
	color: #59051f;
}

.singleStoryFullContent{
	margin: 00px 10px 50px 20px; 
	height:auto;
}
.sinbleSubTitleAddons{
	margin: 0px 0px 40px 0px;
}

.addthis{
	float:right;
	margin-bottom: 20px;
}

.numeroComments{
	background: #FFF url(images/numeroComments.jpg) no-repeat top center;
	height:16px;
	width:125px;
	margin-left:20px;
	text-align: center;
	font: .85em Verdana, sans-serif;
	display: block;
	
}

.numeroComments span a{
color:#000;	
text-decoration: none;
}
.numeroComments span a:hover{
color:#000;	
text-decoration: underline;
}


.respondComment{
margin: 20px 0px;	
font: 1.5em Verdana, sans-serif;
}


.commentlist{
	margin-left:2em;
}

.commentlist li{
	margin: 30px 0px;
	background:#f6f6f6;
	padding: 5px;
}

.commentlist li:hover{
	background:#f1f1f1;
}


.comment-author{
	margin:5px;
}

.commentmetadata{
		margin: 10px 0px;
}
.commentmetadata a {
	color:#666;
}

/*SideBar*/
#sidebar{
	float:right;
	width:350px;
	height:auto;
	color:#000;
}

#sidebar a{
	color:#000;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 5px;
	
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



.sidebarShowCat{
	font: .75em Verdana, sans-serif;
	margin:0em auto!important;
	width:300px;
	margin: 00px 20px;

}
.sidebarShowCat li{
	list-style: outside url(images/arrow-right.png)!important;
	margin-left: 35px;
}










/*Category*/





#titleBgCat{
	background: #FFF url(images/titleBgCat.jpg) no-repeat top center;
	height:auto;
	width:1000px;
	margin:0em auto;
	color:#000;
/*	margin-top:10px;*/
}



#titlebarCat{
	height:60px;
}





#breadcrumbCategory{
	font: .95em Verdana, sans-serif;
	color:#FFF;
	font-style: italic;
	min-height:35px;
	float:left;
	
}
#breadcrumbCategory a{
	color:#fff;
	text-decoration: none;
	text-decoration: underline;
	
}
#breadcrumbCategory a:hover{
	text-decoration: underline;

	
}
#breadcrumbCntCategory{
	padding: 8px 10px;
	color:#FFF;
	float:left;
}

.breadcrumbTitle{
	font: .95em Verdana, sans-serif;
	font-weight: bold;
}

.arrowRight img {
	vertical-align: middle;
	margin:0px 10px;
}


.loopStory{
	padding: 20px 0px 40px 0px;;
 	background:#FFF
}

.post-edit-link{
	color:blue!important;
}


#cse-search-box {
background:transparent url(images/n_search.png) no-repeat scroll 0 0;
line-height:20px;
width:220px;
height:31px;
position:absolute;
top:99px;
left:760px;

}

.n_inputbox{
	width: 170px;
	background:none;
	color:#fff;
	border: 0px solid #fff;
	height:31px;
	margin-left:10px;
}



.widget_FacebookConnector{
	margin-left:20px;
	width:300px;
}

#contactoNow{
position: absolute;
bottom: 0px; 
left: 0px;
background:#000; 
color:blue; 
height:20px; 
width:395px; 
filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;
z-index:5;
padding-left:5px;
}



/* liScroll style declarations */

#loUltimo{
	height: 30px; 
	overflow: hidden; 
	background:#FFF;
	
}

.tickercontainer { /* the outer div with the black border */
border: 0px solid #000;
border-bottom: 1px solid #CCC;
background: #fff; 
width: 1000px; 
height: 30px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
padding-top:5px;
width: 1000px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 1000px;
font: bold 17px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
margin-bottom: 20px;


}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 13px Verdana;
margin: 0 50px 0 0;
font-variant: small-caps;
} 
ul.newsticker span {
margin: 0 2px 0 0;
color:#000;
font: 1em  Verdana, sans-serif;
}

#webAmigas{
	padding:0em!important;
	 margin-top:20px!important;
}
#webAmigas li{
	list-style: circle!important;

}