/* @override 
	http://www.ideologio.com/main/wp-content/themes/ideologio_main_1/styles/typography.css
	http://www.ideologio.com/main/wp-content/themes/ideologio_main_1/style_typography.css */

/*TYPOGRAPHY STYLE SHEET*/
/*  * { border:1px red solid; } */

/*generig for all the sheet*/
body{
/*background:#FFDD3C; old one is FFCC00  new FFE513*/
background-image: url("images/background/ideologio_background.gif");
background-position: center top;
background-repeat: 	repeat-x;
	font-size: 62.5%; 
	/* Resets 1em to 10px */
	font-family: Helvetica, Arial, sans-serif;
/*	font-family: georgia, serif;*/
	
	font-weight: bold;	
	/*margin-top: 10px; pushes it all 10*/
}


/*specific*/

p{
/*font-family: georgia, times, serif;font-weight: normal;*/
	font-size: 1.8em;
	line-height: 1.2em;
}
.uppercase, #nav ul, h3, H4{
	font-size: 2.6em;
	text-transform:uppercase;
	line-height: 1em;
}

#nav ul {
/*without ul the text is a multiply of ul x #nav*/
/*	font-size: 2em;*/
}
ul{
	font-size: 1.8em;  /*like p*/
	line-height: inherit;

}
li{
	list-style: 	none;
	list-style-image: ;
/*	border-bottom: 1px black solid;*/
}
h1{
/*	font-family: Helvetica, Arial, sans-serif;font-weight: bold;*/
	color: white;font-size: 13em;line-height: 0.9em;
}
h2{
/*font-weight: normal;*/
	font-size: 5em;
	line-height: 1em;
	margin-bottom: 60px;
}
h3{
margin-bottom: 30px;
}
h4{
font-size: 1.8em; /*as p*/
/*	font-family: Helvetica, Arial, sans-serif;*/
	font-weight: bold;
}
a {
	color: black;
	text-decoration: none;
/*	background-color: #FFE513;*/
}
a:hover{
	color: white;
}
p a{
/*		text-decoration: underline;*/
		border-bottom: 2px solid;
/*		background-color: #FFE513;*/
}
.arrow_links a:after
{
content: " \BB\ ";
}

.yellowlink a:hover {
	color: #FFE513;
}
/*a {
    background: url("images/link-arrow-1.png") center right no-repeat;
    padding-right: 20px;
}*/

#socialmedia a {
	border-bottom-style: solid;
}
#socialmedia a:hover {
	background-color: white;
}
#post_list{
font-size: 1em;
	border-bottom: 1px black;
}

/*structure divs*/
/*LOGO*/


#logo{
/*display: 	none;*/
	z-index: -100;
	position: absolute;
	top: 310px	;
}
/*#contact{
	margin-top: 40px;
}*/
/*#header{
	height: 460px;
}*/

.yellow_hi{ /*this shifts hight to push elements bellow the yellow bgr*/
	height: 460px;
}
.side-info{
	padding-left: 15px; 
	border-left: 5px solid;border-color: #FFE513;
	height: 12em;
}
#text-body{
	display: 	none;
}
.stay-where-at{
	position:fixed;

}
#socialmedia{
	display: 	none;
}

#redirection{
	display: none;
	z-index: 100;
	position: absolute;
	opacity: 0.75;
}
#title_on_yellow{
	color: white;

}
#footer{
/*	border-top: 2px solid black;*/
	margin-top: 20px;
}

/*IMAGES*/

p img {
	margin-top: 10px;
}
/* flickr gallery*/
img.flickr-mini-gallery-thumb {
	margin: 10px;
}
/*flickr gallery lightbox*/
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;padding-top: 1em;	
}
#lightbox-image-details-currentNumber p{
	font: bold 1.4em Helvetica, Arial, Geneva, sans-serif;
	line-height: 1.2em;color: black;
}

#redir_t, #redir_fb, #redir_l, #redir_v, #redir_f, #redir_fl, #redir_tu{
display: 	none;
	z-index: 100;
	position: absolute;
	opacity: 0.75;
}
/******************************************************************************************/
/*Image specific*/
/******************************************************************************************/
.wp-image{
/*	margin-top: 10px;*/
}
.wp-caption{

}
.alignnone{
/* I use this for lists that appear in columns-see inhabit page*/
	float: left;
	margin-top: 10px;
	/* margin-right: 10px;see inhabit list*/
	min-height: 300px;
}
.alignleft{	
float: left;
margin-top: 10px;
margin-right: 10px;/* see inhabit list*/
}
.alignright{	
float: right;
margin-top: 10px;
margin-right: 10px;/* see inhabit list*/
}
.wp-caption-text{
	max-width: 300px;
	font-weight: normal;
	font-size: 1.4em;
	margin-top: 10px;
	margin-right: 20px;
/*	line-height: 1.2em;*/
}



#blog-content{
	background: white;
	padding-top:10px;
	min-height: 470px; //to cover yellow box when post is small
/*	padding: 10px;*/
}

.column{
	padding-bottom: 20px;
	clear: 	right;

}
.clearr{
	clear: both;
	display: block;
}
#blog-content h4{
	border-top: 2px solid black;
}
#blog-content p, h2{
		
		margin: 0;
}
.blog-nav{
	padding-top:10px;
}
.blog-nav a{
border-bottom: 2px solid;
}
.blog-nav-list{
	margin-top: 60px;
}