/*

	Microrrelatos SM
	Laura Suárez - Simplelógica
	Enero 2010
	
*/

/**************************************************************************
		NORMALIZACIÓN
/*************************************************************************/

body {
  font-family: Arial, Verdana, sans-serif;
  color: #333;
	font-size: x-small;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	line-height:1.3em;
	padding: 0;
	margin: 0;
}

img {
  border: 0;
}

a {
	color: #990000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/**************************************************************************
		LAYOUT
/*************************************************************************/
#container {
  width: 95.2em;
  margin: 0 auto;
	overflow: hidden;
}

#header {
  width: 23.1em;
	float: left;
}

#content {
	width: 71em;
	margin-left: 1em;
	float: left;
}

#top {
	background: url("/images/ed/bg_top.png") repeat 0 0;
	width: 71em;
	height: 30em;
	margin-bottom: 1em;
}

#top.banner {
	height: 9em;
}

#sidebar {
  float: right;
}

/**************************************************************************
		ÁREAS
/*************************************************************************/

/* ------------------------------------------------------------------------
	TOP - social and account
  -------------------------------------------------------------------------*/

#social_account {
	width: 100%;
	overflow: hidden;
}

#social_account ul {
	list-style-type: none;
	float: right;
	margin: 1em 0 .4em 0;
	padding: 0;
}

#social_account li {
	float: left;
}

#social_account li.exit a {
	font-size: 1.1em;
	font-weight: bold;
	padding-top: .3em;
}

#social_account li a {
	display: block;
	float: left;
	margin-left: .5em;
}

/*red buttons - big and small*/
.button_small a {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	padding: .2em .5em;
	border-bottom: 1px solid #670D12;
	text-transform: uppercase;
	background: #D8222A url("/images/ed/bg_small_button.png") repeat-x bottom;
}

.button_small a:hover,
.button_big a:hover {
	text-decoration: none;
}

.button_big,
.button_small {
	margin: 0;
}

.button_big a {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	padding: 1em 2em;
	border-bottom: 1px solid #670D12;
	text-transform: uppercase;
	background: #D8222A url("/images/ed/bg_big_button.png") repeat-x bottom;
}
/*red buttons - big and small*/

/* ------------------------------------------------------------------------
		MAIN_NAV 
-------------------------------------------------------------------------*/

#header ul {
	list-style-type: none;
	margin: 10em 0 1em 0;
	padding: 0;
}

#header ul a {
	font-family: Georgia;
	font-size: 1.6em;
	color: #999;
	display: block;
	width: 13.4em;
	padding: .5em 1em .5em 0;
}

#header ul ul#sub_premios {
	display: none;
	border-top: 2px dotted #ccc;
	margin: 0;
	background: #F5F5F5;
}

#header ul ul ul {
	margin: 0 0 2em 0;
}

#header ul ul ul li,
#header ul ul .last_item  {
	border: 0;
}

#header ul ul li a {
	font-family: Arial;
	font-size: 1.2em;
	padding: 0.5em 2em 0.5em 1em;
	color: #333;
	font-weight: bold;
	width: auto;
}

#header ul ul ul li a {
	padding: .2em 3em .5em 0;
	font-weight: normal;
}

#header ul li {
	text-align: right;
	border-bottom: 2px dotted #ccc;
}

#header ul .active {
	background: #F5F5F5;
	color: #000;
}

#header ul a:hover {
	background: #F5F5F5;
	color: #000;
	text-decoration: none;
}

#header ul ul a:hover,
#header ul ul .active a {
	background: #E6E6E6;
}

#header ul ul ul .active a {
	background: #D7D7D7;
}

body#premios_sm_section #header ul ul#sub_premios {
	display: block;
}

.main_navigation_header {
  color:#333333;
  font-family:Arial;
  font-size:1.2em;
  font-weight:bold;
  padding:0.5em 2em 0.5em 1em;
}

.third_level_header {
  background: none !important;
}

.third_level {
  display: none;
}

.expanded {
  display: block !important;
}


/* ------------------------------------------------------------------------
	HEADER -logo
-------------------------------------------------------------------------*/
#header p {
	text-align: right;
	margin: 0;
}

/* ------------------------------------------------------------------------
	TOP
-------------------------------------------------------------------------*/
#top h1 {
	font-size: 2.6em;
	margin: 0;
	font-family: Georgia, Serif;
}

#resume_top,
.resume_top {
	float: left;
	width: 44em;
	margin: 1em;
}

.resume_top {
	width: 46em;
}

#resume_top h1 {
	margin: 1.2em 0 0 0;
}

#resume, #premio {
	margin-top: 1.4em;
	padding-left: 1em;
	font-size: 1.8em;
	line-height: 1.3em;
	color: #666;
}

#premio {
	font-size: 1.55em;
	font-weight: bold;
}


#button_play {
	float: right;
	margin-top: 1em;
}

#button_play ul {
  margin: 0;
}

#button_play p {
	text-align: right;
	padding-top: 19.4em;
	height: 3.5em;
}

#button_play p a {
	padding: 1em 3.2em;
}

#tagline {
	margin-top: 1.2em;
}

#tagline,
#tagline span {
	font-size: 1em;
	position: relative;
	width: 37.8em;
	height: 2.2em;
}

#tagline span {
	position: absolute;
	top: 0;
	left: 0;
	background: url("/images/ed/tagline.png") no-repeat 0 0;
}

/* ------------------------------------------------------------------------
	CONTENT
  -------------------------------------------------------------------------*/

#main_content {
	width: 47em;
	float: left;
}

#sidebar {
	float: right;
	width: 23em;
}

.box h2 {
	padding: 1em 0;
	font-size: 1em;
	color: #fff;
	position: relative;	
}

.box h2 span {
	display: block;
	position: absolute;
	top: .4em;
	left: .8em;
}

#top_rated_microrrelato h2,
#recent_microrrelato h2 {
	background: #666;
	padding-left: 1em;
	margin: 0;
}

#top_rated_microrelato h2 {
	background: #D8222A none repeat scroll 0 0;
}

#top_rated_microrrelato h2 span {
	background: url("/images/ed/microrrelato_ganador.png") no-repeat;
	width: 19.4em;
	height: 2.4em;
}

#recent_microrrelato h2 span {
	background: url("/images/ed/ultimos_microrrelatos.png");
	width: 14.6em;
	height: 2.2em;
}

#awards_news {
	background: #EBEBEB;
	padding-bottom: 1em;
	margin-bottom: 2em;
}

#awards_news h2 {
	background: #999;
	padding-left: 1em;
	margin: 0;
}

#awards_news h2 span {
	background: url("/images/ed/blog.png");
	width: 15.8em;
	height: 2.6em;
}

.item_post h3 {
	font-size: 1em;
	margin: 0;
	line-height:1.4em;
}

.item_post h3 a {
	color: #990000;
	font-size: 1.4em;
	font-family: "Georgia", Serif;
	font-weight: normal;
}

.item_post {
	padding: 0 1em 1em 1em;
	margin: 2em 0;
	border-bottom: 1px solid #fff;	
}

.item_post p {
	font-size: 1.2em;	
	margin: 0;
}

.item_post p.date_post {
	font-size: 1.1em;	
	margin-bottom: 1em;
	font-weight: bold;
	color: #666;
}

/* ------------------------------------------------------------------------
		RANKING
  -------------------------------------------------------------------------*/

.item_ranking {
	margin: 2em 0 3em 0;
}

.item_ranking div {
	float: left;
	width: 8em;
}

.rank {
	margin: 0 .55em 0 0.32em;
	float: left;	
	color: #ce000c;
	font-size: 3.3em;
	font-weight: bold;
	font-family: 'Georgia';
	height: 1em;
}

.rank_one {
	margin: -0.3em 4em 0 .3em;
	float: left;	
	position: relative;
	font-size: 1em;
}

.rank_one span {
	position: absolute;
	display: block;
	width: 3.5em;
	height: 3.7em;
	top: 0;
	left: 0;
	background: url("/images/ed/rank_one.png") no-repeat 0 .3em;
}

.avatar {
	margin: 0;
	float: right;
}

.item_ranking ul {
	list-style-type: none;
	margin: 0 0 0 9em;
	padding: 0;
}

.about_microrrelato {
	font-size: 1.1em;
	font-weight: bold;
}

.title_microrrelato {
	font-size: 1.4em;
	font-weight: bold;
	margin: .3em 0;
}

.content_microrrelato {
	font-size: 1.4em;
	line-height: 1.2em;
	color: #666;
}

.content_microrrelato span {
	font-size: .9em;
	color: #999;
	font-family: 'Georgia', Serif;
	font-style: italic;
}

/* ------------------------------------------------------------------------
		RECENT
  -------------------------------------------------------------------------*/

.item_recent {
	overflow: hidden;
	margin: 2em 0 3em 0;	
}

.item_recent ul {
	float: left;
	list-style-type: none;
	margin: 0 0 0 1em;
	width: 36em;
	padding: 0;
}

.item_recent .avatar {
	margin: 0;
	float: left;
}


/* ------------------------------------------------------------------------
		VOTES
  -------------------------------------------------------------------------*/
.vote {
	float: right;
	width: 7.2em;
	background: #C2C2C2;
}

.item_recent .vote ul {
	width: auto;
	margin: 0;
	float: none;
}

.vote li {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: .8em;
	font-weight: bold;
	background: #999;
}

.vote .number_of_votes {
	background: #C2C2C2;
	font-size: 2em;
	padding: .8em 0;
	font-family: Georgia;
}

.vote .button_small a {
	font-size: 1.2em;
	width: 6.4em;
	display: block;
}

/* ------------------------------------------------------------------------
		HOME _ logeado
  -------------------------------------------------------------------------*/
#mi_microrrelato h2,
#microrrelato h2 {
	background: #D8222A;
	padding-left: 1em;
	margin: 0;
}

#mi_microrrelato h2 span,
#microrrelato h2 span{
	background: url("/images/ed/tu_microrrelato.png") no-repeat;
	width: 10.8em;
	height: 1.8em;
}

#mi_microrrelato label {
	font-size: 1.2em;
	font-weight: bold;
	color: #999;
	display: block;
}

#mi_microrrelato fieldset {
	margin: 0;
	border: 0 none;
	padding: 0;
}

#mi_microrrelato p {
	margin: 0 0 1em 0;
}

#mi_microrrelato .textarea_microrrelato label {
	font-family: Georgia;
	font-style: italic;
	color: #666;
}

.textarea_microrrelato textarea,
#mi_microrrelato input {
	border: 1px solid #ccc;
	width: 32em;
	font-size: 1.4em;
	padding: .4em;
}

#mi_microrrelato .textarea_microrrelato textarea {
	height: 8em;
	margin: 0;
}

#mi_microrrelato .submit {
	margin: .6em 0;
	float: right;
}

.submit input,
#mi_microrrelato .submit input {
	width: auto;
	height: auto;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	padding: .2em .5em;
	border: 0;
	border-bottom: 1px solid #670D12;
	text-transform: uppercase;
	background: #D8222A url("/images/ed/bg_small_button.png") repeat-x bottom;
}

/* ------------------------------------------------------------------------
		blog
  -------------------------------------------------------------------------*/

#content_blog h2 {
	background: #D8222A;
	padding-left: 1em;
	margin: 0 0 2em 0;
}

#content_blog h2 span {
	background: url("/images/ed/blog_sm.png") no-repeat;
	width: 9em;
	height: 2.8em;
}

#main_content .post .date {
	float: left;
	width: 3em;	
	color: #666;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

#main_content .content_post {
	margin: 0 0 2em 3em ;
	padding: 0 0 1em 1em;
	border-left: 1px solid #ccc;
}

.content_post p {
	font-size: 1.3em;
	color: #333;
	line-height: 1.2em;
	padding-right: 2em;
}

.content_post .comment_links {
	font-size: 1.1em;
	background: #F0F0F0;
	margin-right: 2em;
	padding: 0.2em 0 0.2em 1em;
}

.post h3 {
	line-height: 1em;
	margin: 0;
	font-size: 2.8em;
	font-family: "Georgia",Serif;
	font-weight: normal;
}

#comment_form label {
	color:#999999;
	display:block;
	font-size:1.2em;
	font-weight:bold;
}

.user_comment textarea {
	border: 1px solid #ccc;
	font-size: 1.4em;
	padding: .4em;
	width: 30.4em;
}

#comment_form {
	width: 44em;
	float: right;
	overflow: hidden;
}

.submit {
	text-align: right;
}

.pager {
	clear: both;
	overflow: hidden;
	font-size: 1.3em;
}

.prev_page,
.prev {
	float: left;
}

.next_page,
.next {
	float: right;	
}

#latest_comments_block,
#anteriores_block {
	background: #EBEBEB;
	padding-bottom: 1em;
	margin-bottom: 2em;
}

#latest_comments_block h2,
#anteriores_block h2 {
	background: #999;
	padding-left: 1em;
	margin: 0;
}

#latest_comments_block h2 span {
	background: url("/images/ed/ultimos_comentarios.png") no-repeat;
	width: 13.5em;
	height: 2.6em;
}

#anteriores_block h2 span {
	background: url("/images/ed/anteriores_posts.png") no-repeat;
	width: 12.2em;
	height: 2.6em;
}

#sidebar .post {
	margin: 1em 0;
	padding: .5em 1em;
	border-bottom: 1px solid #fff;
}

#latest_comments_block p {
	font-size: 1.1em;
	margin: 0;
}

#sidebar .date {
	color:#666666;
	margin: 0;
	font-size:1.1em;
	font-weight:bold;
}

#sidebar .body {
	font-family:"Georgia",Serif;
	font-size:1.4em;
	margin: 0;
	font-weight:normal;
}

#comments {
	margin: 0 2.5em 2em 3em;
}

.comment {
	margin-bottom: 4em;
}

.comment_body {
	font-size: 1.3em;
	color: #666;	
	line-height: 1.2em;
	margin-left: 1em;
}

.firma {
	font-size: 1.1em;
	padding: .2em 0;
	background: #F3F3F3;
	text-align: right;
	border-bottom: 1px solid #ccc;
}

#comments h3,
#comment_form h3 {
	margin-top: 2em;
	font-family: "Georgia";
	font-size: 2em;
}


/* ------------------------------------------------------------------------
		microrrelato
  -------------------------------------------------------------------------*/
#user_action p {
	border-top: 1px solid #EFEFEF;
	padding-top: 1em;
	font-size: 1.1em;
}

/* ------------------------------------------------------------------------
		account
  -------------------------------------------------------------------------*/
.account {
	font-size: 1.1em;
	margin: 0;
	color: #fff;
	padding: .5em 0 .4em .5em;
	background: #D8222A;
	border-bottom: 1px solid #94151B;
	text-transform: uppercase;
}

#account fieldset {
	border: 0;
	margin: 0;
	padding: 1em;
	border-bottom: 1px solid  #EBEBEB;
	background: #F5F5F5;
}

#account #main_content p {
	margin: 0 0 1em 0;
}

#account label {
	display: block;
	font-size: 1.3em;
}

#account input {
	border: 1px solid #CCC;
	font-size: 1.4em;
	padding: .4em;
	width: 20em;
}

#account .submit input {
	width: auto;
	border: none;
	font-size: 1em;
}
	
.content_sidebar {
	padding: 4em 0;
	border-bottom: 1px solid  #EBEBEB;
	background: #F5F5F5;
}	

.content_sidebar p img {
	width: 10em;
}

.content_sidebar p {
	text-align: center;
	margin: 0;
}

/* ------------------------------------------------------------------------
		last_ranking
  -------------------------------------------------------------------------*/
#last_ranking #main_content {
	margin-top: 0;
}	


/* ------------------------------------------------------------------------
		log in
  -------------------------------------------------------------------------*/

#log_user #main_content {
	width: 71em;
}

#log_user #social_account .button_small {
	display: none;
}

#log_user .submit input {
	border: 0;
	font-size: 1em;
	width: auto;
	border-bottom: 1px solid 670D12;
}

#reg_user .submit input { 
	margin-right: 2.5em;
}

#reg_user { 
	float: left;
	width: 41em;
	background: #F5F5F5;
}

#reg_user form {
	margin-left: 2em;
} 

#entra_user {
	float: right;
	width: 29em;
}

#reg_user label,
#entra_user label {
	color: #999;
	display:block;
	font-size:1.2em;
	font-weight:bold;
}

#reg_user input,
#entra_user input {
	border:1px solid #CCC;
	font-size:1.4em;
	padding:0.4em;
	width: 25em;	
}

#entra_user input {
	width: 19.7em;	
}
	
#reg_user h2,
#entra_user h2 {
	background: #D8222A;
	padding-left: 1em;
	margin: 0;
}

#entra_user h2 span {
	background: url("/images/ed/entra.png") no-repeat;
	width: 10.8em;
	height: 1.8em;
	top:0.7em;
}

#reg_user h2 span {
	background: url("/images/ed/registrate.png") no-repeat;
	width: 10.8em;
	height: 2.3em;
}

#reg_user .checkbox,
#entra_user .checkbox  {
	margin: 0 0 .5em 0;
}

#reg_user .checkbox input,
#entra_user .checkbox input {
	width: auto;
	margin: 0 .2em 0 0;
}

#reg_user .checkbox label,
#entra_user .checkbox label {
	font-size: 1.1em;
	display: inline;
}


#all_microrrelato h2, #bases h2 {
	background: #D8222A;
	padding-left: 1em;
	margin: 0;
}

#all_microrrelato h2 span {
	background: url("/images/ed/microrrelatos.png") no-repeat;
	width: 9.9em;
	height: 2.1em;	
}

#bases h2 span {
	background: url("/images/ed/bases.png") no-repeat;
	width: 9.9em;
	height: 2.1em;	
}

#story_rank #microrrelato .item_recent ul {
	width: 27em;
}

#story_rank #microrrelato .item_recent .vote ul {
	width: 6em;
}

#story_rank #microrrelato .item_recent .rank {
	margin: .2em .1em 0 0.3em;
}

#story_rank {
	
}

/* ------------------------------------------------------------------------
		flash
  -------------------------------------------------------------------------*/

#flash {
	background: #D4E9FF url("/images/ed/info.png") .5em .2em no-repeat;	
	border-bottom: 1px solid #A9BBCD;
	padding: 0.6em 0 0.6em 3em;
	font-weight: bold;
	font-size: 1.4em;
	color: #666;
	margin: 0 0 2em 0;
}

#errorExplanation {
	background: #D4E9FF;
	color: #333;
	padding: 1em;
}

#errorExplanation h2 {
	margin: 0;
}

#errorExplanation ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 1em;
}

#errorExplanation li {
	padding: .2em 0;
}

#errorExplanation p {
	margin-top: .1em 0 0 0;
	font-style: italic;
}

#errorExplanation p,
#errorExplanation li {
	font-size: 1.2em;
}

/* ------------------------------------------------------------------------
		PAGE
  -------------------------------------------------------------------------*/
.page #main_content h2 {
	margin: 0 0 1em 0;
	line-height: 1.2em;
	font-family: "Georgia", Serif;
}

.page #main_content h3 {
  margin: 0 0 .5em 0;
  font-size: 1.6em;
  line-height: 1em;
  font-family: "Georgia", Serif;
  color: #D8222A;
}

.page #main_content p,
.page #sidebar p {
	font-size: 1.3em;
	line-height: 1.2em;
}

.page #main_content a {
	text-decoration: underline;
}

.page #main_content ul li,
.page #sidebar ul li {
	font-size: 1.3em;
	margin-bottom: 1.3em;
	line-height: 1.3em;
}

.page #main_content ul li p {
	font-size: 1em;
	margin-bottom: 1.3em;
}



/*-- Tables --*/

table {
  background: #F2F2F2;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}

table th{
  background: #999;
  color: #FFF;
  border-left: 1px solid #FFF;
  font-size: 1.3em;
  font-weight: bold;
  text-align: left;
  padding: .5em 1em;
}


table td{
  color: #333;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
  font-size: 1em;
  padding: .8em 1.5em;
}

table td p {
  margin: 0;
}



/* ------------------------------------------------------------------------
		FOOTER
  -------------------------------------------------------------------------*/

#footer {
	height: 20em;
	overflow: hidden;
	margin-top: 4em;
	border-top: 1px solid #E5E5E5;
	background: url("/images/ed/bg_footer.png") repeat-x 0 0;
}

#footer p {
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	margin: .2em 0;
	text-align: center;
}

#footer p a {
	color: #990000;
}

#inner_footer {
	width: 95.1em;
	margin: 0 auto;
}	

#footer #main_nav {
	margin: 1em 0 0 0;
	text-align: center;
	padding: 1em 0 1em 3em;
	list-style-type: none;
}

#footer #main_nav li,
#second_nav li {
	display: inline;
	padding: 0 1em;
	border-right: 1px solid #ccc;
}

#second_nav li {
	padding: 0 .5em;
}

#footer #main_nav li a,
#second_nav li a {
	font-size: 1.1em;
	text-transform: uppercase;
	color: #999;
	font-weight: bold;
}

#second_nav {
	background: url("/images/ed/ballon_footer.png") no-repeat 0 0;
	width: 91.1em;
	text-align: center;
	list-style-type: none;
	margin: 0 0 2em 0;
	padding: 2em;
}

#second_nav .spain_awards a {
	text-transform: lowercase;
}

/* ------------------------------------------------------------------------
    CLEARFIX
  -------------------------------------------------------------------------*/ 

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

form.vote_story {
	display: none;
}

p#age_terms {
	display:none;
}

.page #main_content  ul.es_premios li a, .page #main_content  ul.es_premios li a:visited {
  color: #333;
	text-decoration:none;
}



/* ------------------------------------------------------------------------
    ENCABEZADOS
  -------------------------------------------------------------------------*/




h2 {
	background: #D8222A;
	padding: 1em 0;
	font-size: 1em;
	color: #fff;
	position: relative;	
}

h2 span {
	display: block;
	position: absolute;
	top: .1em;
	left: 0;
	width: 46em;
	height: 2.8em;
}



#concurso_y_bases_page h2 span {
  background: url("/images/ed/concurso_y_bases.png") no-repeat;
}

#premios_sm_page h2 span {
  background: url("/images/ed/premios_sm.png") no-repeat;
}

#el_barco_de_vapor_page h2 span {
  background: url("/images/ed/el_barco_de_vapor.png") no-repeat;
}

#el_vaixell_de_vapor_page h2 span {
  background: url("/images/ed/el_vaixell_de_vapor.png") no-repeat;
}

#o_barco_de_vapor_page h2 span {
  background: url("/images/ed/o_barco_de_vapor.png") no-repeat;
}

#baporea_page h2 span {
  background: url("/images/ed/baporea.png") no-repeat;
}

#premios_latinoamerica_page h2 span {
  background: url("/images/ed/premios_latinoamerica.png") no-repeat;
}

#premio_iberoamericano_page h2 span {
  background: url("/images/ed/premio_iberoamericano.png") no-repeat;
}

#premio_internacional_ilustracion_page h2 span {
  background: url("/images/ed/premio_internacional_ilustracion.png") no-repeat;
}

#contacto_page h2 span {
  background: url("/images/ed/contacto.png") no-repeat;
}

h3.author_header {
	font-size: 1.6em;
}