/* 
	Theme Name: wedding.css 
	Author: Laurent Charpentier
	Version: 1.0 
*/

body {
  background: url(images/bg.gif); /* background color */
/*	color: #333;
	font-family: "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
*/
  margin: 0;
  padding: 5px 0;
}

/* Structure Divs */
#content {
  background: #fff;
  border: 1px solid #76014C; /* page border */
  margin: 0 auto;
  padding: 5px; /* margin between page and content */
  width: 795px; /* page width */
}

#navigation { /* navigation panel */
  background: #76014C;
  font-size: 12px;
  margin: 0;
  padding: 15px 0 6px 20px; /* height_before,?,height_below,width_before */
}

#flag {
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
  right: 10px;
  top: -22px;
}

#mainpage { /* main page content */
  color: #76014C;
  font-family: "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
}

#welcome_right {
  float: right;
  margin: 0;
  padding: 0 0 20px 20px;
  width: 300px;
  overflow:hidden;
}
  #welcome_right h2 {
    font-style: normal;
    font-size: 18pt;
    font-weight: bold;
    margin: 50px 0 0 0;
    padding: 0;
    text-decoration: none;
  }
  #welcome_right p {
    font-size: 13px;
    line-height: 1.6em;
  }

#welcome_left {
  float: left;
  margin: 0;
  padding: 0 0 20px 20px; /* height_before,?,height_below,width_before */
  width: 450px;
  overflow:hidden;
}
  #welcome_left p {
    font-size: 13px;
    line-height: 1.6em;
  }
  #welcome_left h3 {
    color: #76014C;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    margin: 0;
    padding: 10px 0 5px 0;
  }

#guestbook_win { /* guestbook popup window */
  background: #fff;
  border: 1px solid #76014C; /* page border */
  margin: 0 auto;
  padding: 5px; /* margin between page and content */
  width: 480px; /* page width */
  color: #76014C;
  font-family: "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
  font-size: 12pt;
}
  #guestbook_win h1 {
    font-style: normal;
    font-size: 18pt;
    font-weight: bold;
    margin: 50px 0 0 0;
    padding: 0;
    text-decoration: none;
  }
  #guestbook_win td {
    font-size: 14px;
    line-height: 1.6em;
    color: #76014C;
  }
  #guestbook_win a {
    color: #0643BB;
    font-size: 14px;
    font-weight: normal;
    margin: 50px 0 0 0;
    padding: 0;
    text-decoration: none;
  }
  #guestbook_win a:hover {
    background: transparent;
    color: #6EB9E0;
  }

.pict_left {
  float: left;
  margin: 0;
  padding: 0 0 20px 20px; /* height_before,?,height_below,width_before */
  width: 480px;
  overflow:hidden;
}
.pict_right {
  float: right;
  margin: 0;
  padding: 0 0 20px 20px; /* height_before,?,height_below,width_before */
  width: 480px;
  overflow:hidden;
}
.caption_right {
  float: right;
  margin: 0;
  padding: 0 0 20px 20px;
  width: 200px;
  overflow:hidden;
}
.caption_left {
  float: left;
  margin: 0;
  padding: 0 0 20px 20px;
  width: 200px;
  overflow:hidden;
}

TR.header
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #7f9fe3;
    TEXT-ALIGN: left
}
TR.item
{
    BACKGROUND-COLOR: #E7E7FF;
}
TR.item:hover {
    BACKGROUND-COLOR: #9F9F9F;
}

.guestbook_yellow
{
    BORDER-RIGHT: #7f9fe3 2px dashed;
    BORDER-TOP: #7f9fe3 2px dashed;
    SCROLLBAR-FACE-COLOR: #ffffff;
    SCROLLBAR-HIGHLIGHT-COLOR: #c1c1bb;
    BORDER-LEFT: #7f9fe3 2px dashed;
    SCROLLBAR-SHADOW-COLOR: #c1c1bb;
    SCROLLBAR-3DLIGHT-COLOR: #ebebe4;
    SCROLLBAR-ARROW-COLOR: #cacab7;
    SCROLLBAR-TRACK-COLOR: #f4f4f0;
    BORDER-BOTTOM: #7f9fe3 2px dashed;
    SCROLLBAR-DARKSHADOW-COLOR: #ebebe4;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: #f4f4f0
}
.guestbook_white
{
    BORDER-RIGHT: #7f9fe3 2px dashed;
    BORDER-TOP: #7f9fe3 2px dashed;
    SCROLLBAR-FACE-COLOR: #ffffff;
    SCROLLBAR-HIGHLIGHT-COLOR: #c1c1bb;
    BORDER-LEFT: #7f9fe3 2px dashed;
    SCROLLBAR-SHADOW-COLOR: #c1c1bb;
    SCROLLBAR-3DLIGHT-COLOR: #ebebe4;
    SCROLLBAR-ARROW-COLOR: #cacab7;
    SCROLLBAR-TRACK-COLOR: #f4f4f0;
    BORDER-BOTTOM: #7f9fe3 2px dashed;
    SCROLLBAR-DARKSHADOW-COLOR: #ebebe4;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: #ffffff;
    font-color: #000000
}
.message
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: 'Courier New', Courier, Arial, Verdana
}
.hilite_text
{
    COLOR: #FF0000;
}
.bottom
{
    FONT-SIZE: 10px;
    COLOR: #7f7f7f;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center
}
.bordurei
{
    BORDER-RIGHT: #7f9fe3 2px dashed;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #7f9fe3 2px dashed;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 15px;
    BORDER-LEFT: #7f9fe3 2px dashed;
    MARGIN-RIGHT: 15px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #7f9fe3 2px dashed
}

#noticias {
	float: left;
	margin: 0;
	padding: 0 0 20px 20px;
	width: 550px;
	overflow:hidden;
	}

#sidebar {
	float: right;
	font-size: 11px;
	line-height: 1.5em;
	margin: 0;
	padding: 0 10px;
	width: 170px;
	}

#credits {
	background: transparent;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	margin: 0 10px;
	padding: 5px 0;
	text-align: left;
	border-top:1px solid #666;
	}


/*
	sidebar header now: #2C5B73
	sidebar header was: #174B65 */


/* Config Structure Divs */

	/* Header */
	#header h1 {
		font-size: 30px;
		letter-spacing: 0.1em;
		margin: 0;
		padding: 88px 0 20px 15px;
		width: 300px;
		text-indent:-1000px;
		}
		
	#header a, #header a:hover {
		background: transparent;
		color: #fff;
		text-decoration: none;
		}
	
	/* Navigation */
	#navigation li {
		display: inline;
		list-style-type: none;
		}
		
	#navigation ul, ol {
		margin: 0;
		padding: 0;
		}
		
	#navigation a {
		background: #76014C;
		color: #FFF;
		font-weight: bold;
		margin: 0 3px 0 0;
		padding: 6px 10px;
		}
		
	#navigation a:hover {
		background: #FFF;
		color: #76014C;
		}

       /* Navigation bar: current page selected */		
	.current_page_item a, .current_page_item a:hover {
		background: #FFF !important;
		color: #76014C !important;
		}

		
  /* mainpage */
  #mainpage p, #mainpage ul, #mainpage ol, #mainpage span {
    font-size: 13px;
    line-height: 1.6em;
  }
  #mainpage h1 {
    font-size: 20px;
    font-weight: bold;
    margin: 50px 0 0 0;
    padding: 0;
    text-decoration: none;
  }
  #mainpage h2 {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    margin: 0;
    padding: 10px 0 5px 0;
  }
  #mainpage h3 {
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    margin: 0;
    padding: 10px 0 5px 0;
  }

	/* Noticias */
	#noticias p, #noticias ul, #noticias ol, #noticias span {
		font-size: 13px;
		line-height: 1.6em;
		}
			
	#noticias ul {
		list-style-type: circle;
		margin: 0 0 0 30px;
		padding: 0;
		}
			
	#noticias ol {
		margin: 0 0 0 30px;
		padding: 0;
		}

	#noticias li {
		margin: 0;
		padding: 0;
		}

	#noticias h2, #noticias h2 a {
		color: #0643BB;
		font-size: 18px;
		font-weight: normal;
		margin: 50px 0 0 0;
		padding: 0;
		text-decoration: none;
		}
		
	#noticias h2 a:hover {
		background: transparent;
		color: #6EB9E0;
		}
		
	#noticias h3,#noticias h4 {
		color: #0643BB;
		font-size: 15px;
		font-weight: normal;
		margin: 0;
		padding: 10px 0 5px 0;
		}
	#noticias h4 {font-size:13px;}
		
	#noticias p.tags,
	#noticias p.related,
	#noticias p.spread,
	#noticias small {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 11px;
		}
	
	#noticias p.tags {margin:0 0 0 0;}
	#noticias p.related {margin:40px 0 0 0;}
	#noticias p.spread {margin:0 0 0 0;}
	#noticias p.spread img {position:relative;top:5px;}
		
	.feedback {
		color: #898A8A;
		font-size: 12px;
		margin: 0;
		padding: 0 20px;
		text-align: center;
		}
		
	/* Entrada */
	.entrada {
		margin: 0;
		padding: 0;
		}

				
	/* Comments */
	#commentlist {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}

	#commentlist li {
		margin: 10px 0;
		padding: 5px 10px;
		}
			
	#commentlist p {
		margin: 0;
		padding: 0;
		}

	#commentlist li p {
		margin: 0 0 1em 0;
		}
			
	#commentlist small {
		font-size: 11px;
		}

	.class_comment1 { background: #E9E9EA; border: 1px solid #E0DEDE; }
	.class_comment2 { background: #F4F3F3; border: 1px solid #E0DEDE; }
	#pag
		#comme#pagnts, #postcomment {
			co	lor: #0090DA;
			fo	nt-size: 14px !important;
			fo	nt-weight: normal;
	#pag	ma	rgin: 40px 0 10px 10px;
			te#pagxt-transform: uppercase;
			} 	
			  	  
		#comme	ntform {
	#pag      	
			ba#pagckground:#FDE7C7;
			  	  /* was: D3E4FF; now: #FDE7C7 */
			bo	rder: 1px solid #F4BB2E;
			  	  /* was: #D8D8D8; */
			pa	dding: 5px 20px;
			} 	
			  	
	#pag#comme	ntform input, #commentform textarea {
			ba#pagckground: #F9FBFF;
			bo	rder: 1px solid #F4BB2E;
			  	  /* was: #B8D4FF; */
		fo	nt-size: 12px;
		padding: 1px;
		}
				
	#commentform input:focus, #commentform textarea:focus {
		background: #EEF5FF;
		}
	
	/* Sidebar */
	#sidebar h3 {
		background: url(http://www.yuiblog.com/i/dot_666666.gif) repeat-x bottom;
		color: #666;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.2em;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		}
		
	#sidebar ul, #sidebar ol {
		list-style: none;
		margin: 0;
		padding: 5px;
		}
		
	#sidebar li, #sidebar li:hover {
		margin: 0;
		padding: 0;
		}
		
	#sidebar a {
		color: #0643BB;
		}
		
	#sidebar a:hover {
		background: url(images/dot.gif) repeat-x bottom;
		color: #2753B7;
		}
		
	#sidebar div { 
		margin: 20px 0;
		padding: 0;
		}

	/*	Credits */
	#credits a {
		color: #3E708A;
		}
		
	#credits a:hover {
		background: transparent;
		color: #0090DA;
		}
		
	#credits p {
		margin: 0 0 .25em 0;
		padding: 0;
		}
	#credits img.icon {
		position:relative;top:2px;
		}

/* General */
a {
	color: #0643BB;
	text-decoration: none;
	}

a:hover {
	background: #0643BB;
	/*background: #0090DA;*/
	color: #fff;
	}

acronym, abbr, span.caps {
	cursor: help;
	border-bottom: 1px dotted #000;
	}
	
blockquote {
	background: #FDEBD0; /* url(images/blockquote.png) no-repeat bottom left */
	padding: 5px 20px;
	margin: 1em;
	display:block;
	} /* Idea from ShadedGrey of http://wpthemes.info/ */
	
cite {
	text-decoration: none;
	}
	
code {
	font-family: 'Courier New', Courier, Fixed, sans-serif;white-space:pre;
	font-size: 1.0em;
	}

img {
	border: 0;
	}

h4 {
	color: #858585;
	}
	
/* Float and Clear */
div.floatleft {
	float: left;
	}

div.floatright {
	float: right;
	}
	
div.both {
	clear: both;
	}
	
/* Images align */
img.border {
	border: 1px solid #C6C6C6;
	padding: 4px;
	margin: 0;
	}

img.border:hover {
	background: #E3F5FE;
	}

img.center {
	display: block; 
	margin: auto;   
	}

img.alignright {
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
/* Text align */
.center {
	text-align: center;
	}
	
.align_right {
	text-align: right;
	}

.align_left {
	text-align: left;
	}

.feed12 img {position:relative;top:3px;}

#credits div.hostedby img {float:right;width:88px;display:block;}
#recent_posts li.recent {margin-bottom:6px;}
#syndicate .icon {margin-left:2px;}

#categories .icon img {position:relative;top:2px;}

h2#comments,h2#postcomment {color:#666;}
div.pattern-example img {border:3px solid #999;}

table.empirical th, table.empirical td {background-color:#fff;padding:5px;text-align:right;}
table.empirical {background-color:#ccc;}

.ten-things-illustration {border:2px solid #dedede;}
.ten-things-illustration-small {float:right; margin-left:10px; margin-bottom:10px; border:2px solid #dedede;}

.photobox {float:right; margin:1em 0 1em .5em; border:1px solid #ccc; width:250px; padding:.6em;}
.photobox p.caption {font-size:smaller; margin:.5em 0 0 0;}

#schedule {border:0; margin-top:10px;}
#schedule h3 {padding-top:0;}
#schedule th, #schedule td {padding:3px;}
#schedule th {text-align:left; border-bottom:1px solid #000; background-color:#E1E1E1;}
#schedule th.negspace {background-color:#FFF; border-bottom:none;}
#schedule td {font-size:12px;}
#schedule td.selforganized {background-color:#E8E8E8;}
#schedule td.plenary {background-color:#E1E1E1;}
#schedule td.time {background-color:#9D9D9D; color:#FFF;}
#schedule td strong {color:#7B0099;}
div.promobox {border:1px solid #666;}
div.promobox img, #details img {float:right; margin:0 0 5px 10px; border:1px solid #CCC;}
div.promobox .hd {border:none; background-color:#FFF; font:bold 18px; line-height:21px; padding:5px 36px 0 10px; color:#000;}
div.promobox .bd {padding:5px 10px 0 10px;}
div.promobox p {font-size:12px;}
div.promobox h4, #details h4 {margin:0 0 7px 0; border-bottom:1px dotted #666; font-size:15px;}
#schedule td.highlight {background-color:#DCE3EF; border:1px solid #0643BB; padding:2px;}
#schedule td.haspromo {cursor:pointer;}
#details {margin-top:15px;}
#details .panel .close.nonsecure {background-image:url(http://yuiblog.com/assets/devday/close.gif) !important; height:22px !important; width:36px !important; }
.pn-content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

div#update {background-color:#E3E3E3; padding:0 10px 10px 10px; margin-top:10px; border:1px solid #333333;}
#update p.last {margin-bottom:0;}

.interview .intro {background-color:#E3E3E3; padding:10px; margin-top:10px; border:1px solid #333333; font-style:italic;}
.interview div.intro {padding-bottom:0;margin-bottom:1em;}
.interview .intro p {margin-top:0;margin-bottom:10px;}

.interview p.q,.interview h3 {font-weight:bold; margin:0;color:#7B0099;}
.interview p.followList {margin-top:10px;}
.interview p.a {margin-top:3px;}
.interview div.bio {zoom:1;margin-top:5px;}
.interview div.bio:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.interview .bio img {float:left;margin-right:10px;}



.figure img.figure {margin-bottom:1em;}
.figure table.chart th,
.figure table.chart td {padding:.25em;border:1px solid #fff;font-size:13px;margin:0;}
.figure table.chart th,
.figure table.chart th abbr {color:#000;}
.figure table.chart th {background-color:#ddd;font-family:verdana;font-size:11px;}
.figure table.chart th,
.figure table.chart td {border-width:0 1px 1px 0;border-collapse:collapse;}
.figure table.chart abbr {cursor:help;}
.chart .gloss,
.figure .gloss,
.chart .caption {font-size:10px !important; color:#993300;}

.figure {margin-bottom:1.5em;}
.figure caption,
.figure h4 {font-size:13px;font-family:arial;font-weight:bold !important;color:#0643BB;padding:0;margin-bottom:1em !important;text-align:left;}
.figure table.chart th {background-color:#777;border:1px solid #333;color:#FFF;padding:2px 6px;font-family:verdana;font-size:11px;font-weight:bold;}
.figure table.chart td {border:1px solid #666;padding:3px 6px;vertical-align:top;}
.figure table td.empty {border:none;}


table.gbs-chart {font-family:arial;}
table.gbs-chart caption {margin:1em;}
table.gbs-chart th,table.gbs-chart td {padding:.5em;border:1px solid #fff;font-size:13px;}
table.gbs-chart th,table.gbs-chart th abbr {color:#000;}
table.gbs-chart th {background-color:#ddd;font-family:verdana;font-size:11px;}
table.gbs-chart th,table.gbs-chart td {border-width:0 1px 1px 0;border-collapse:collapse;}
table.gbs-chart td.xgrade {color:#555;background-color:#FFFBCF;}
table.gbs-chart td.cgrade {color:#555;background-color:#FFBFBF}
table.gbs-chart td.na {color:#AAA;}
table.gbs-chart td.agrade {background-color:#CFC;}
table.gbs-chart tr.first th {text-align:center;}
table.gbs-chart tr th {text-align:right;}
table.gbs-chart abbr {cursor:help;}

p.disclaimer {padding:10px;background-color:#eee;}


#time-spent-loading-popular-web-sites td {text-align:center;}

/* Browser specific (not valid) styles to make preformatted text wrap */
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/*started using this for codeblocks in the Maps article; could be improved...*/
div.codeblock {padding:7px; border-left:3px solid #EBEBEB; background:#F5EDFF;} 
div.codeblock pre {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#6633CC; }

#mbl .mbl_h {display:none;}
#mbl h3 {margin-bottom:5px;}
#mbl table:firstchild {border:0;}