@import "../css/degas-wp.css";

/* What really makes a website? */

/* Remember that position: relative and random ul/li/h2 tags mess with the top and side menus */


#date {
	font-family: Museo-700, 'Museo 700';
	color: #165A87;
	margin: 30px 0 0 10px;
		margin: 63px 0 0 10px;
	float: right;
}
#fb-share {
	margin: -31px 0 13px 65px;
}
#article { 
	 background: url(../images/articles/web-bokeh.jpg) no-repeat;
	 padding: 45px 55px 35px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.1em;
	 line-height: 1.4em;
}
#article .intro-main {
	margin-top: -103px;
		margin-top: -140px;
	width: 540px;
}
#article .intro-main, #article .intro1, #article .intro2  {
	float: left;	
}
#article .intro1 {	
	font-family: 'Code Bold', sans-serif; 
	font-size: 25px;
	padding-bottom: 2px;
	color: #165A87;
}
#article h1 { 
	font-family: 'Code Bold', sans-serif; 
	font-size: 32px;
	line-height: 32px;
		margin-top: 38px;
		margin-bottom: -4px;
		border: none;
		color: #AC0607;
}
#article h2 { 
	font-weight: bold;
	font-size: 16px;
	color: #165A87;
	margin-bottom: 3px;
}
.gold {
	color: #D8AF0A;
}
.blue {
	color: #16B5C8;
}
.red {
	color: #C40E41;
}
.grey {
	color: #636363;
}
.elements-top {
	padding: 5px 0 0; 
}
.elements-main {
	width: 476px; 
	font-size: 23px; 
	line-height: 29px;
	
	text-align: justify; 
	text-justify: distribute-all-lines; 
	text-align-last: justify;
	
	background: #FFFFFF; 
	padding: 5px 15px 10px; 	
	margin-left: -16px;
	margin-bottom: 0.5em;
	
	font-family: Arial, Helvetica, sans-serif;
	
	border: 2px solid #CCCCCC;						
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;	
}
.hidden {
	visibility: hidden;
}
.cond2 {
	margin-bottom: 7px;	
}
#article .cond2 a {	
	color: #165A87;
	border-bottom: 2px dotted #165A87;
}
#article .cond2 a:hover {
	border-bottom: 2px solid #165A87;
}