/* Name: Smashing HTML5 
Date: July 2009 
Description: Sample layout for HTML5 and CSS3 goodness. 
Version: 1.0 
Author: Enrique Ramírez Autor 
URI: http://enrique-ramirez.com */  

/* Imports */ 
/*@import url("../styles/reset.css");*/
/*@import url("../styles/global-forms.css");*/
/***** Global *****/ 


/***** Colors *****/
/* #f0ecd6; /*cream*/
/* #602525;  /*red*/
/* #a24a4a;  /*red highlight*/
/* #cd6b6b;  /* red highlight 2*/
/* #002b4f;  /*blue*/
/* #5394cb;  /*blue-highlight*/
/* #202125;  /*dark grey*/


/* Body */
body {
	background: #202125 url('/styles/images/background-pattern.png');
	color: #000305;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
}  /* Headings */
h1 {
	font-size: 2em;
	color: #602525;  /*red*/
}
h2 {
	font-size: 1.571em
}	/* 22px */
h3 {
	font-size: 1.429em
}	/* 20px */
h4 {
	font-size: 1.286em
}	/* 18px */
h5 {
	font-size: 1.143em
}	/* 16px */
h6 {
	font-size: 1em
}	/* 14px */
h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: .8em;
	color: #002b4f;  /*blue*/
}


/* Anchors */
a , a:visited{
	outline: 0;
	color:		#a24a4a;  /*red highlight*/		
	padding: 2px; 
}
a:hover {
	color:		#602525;  /*red*/
	background-color: #cd6b6b; /*red highlight 2*/
}
a img {
	border: 0px;
	text-decoration: none;
}
a.anchor {
	padding:	0px;	
}


/* Paragraphs */
p {
	margin-top:	.2em;
	margin-bottom: 1.143em;
}
/** p:last-child {
	margin-bottom: 0;
}*/
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
::-moz-selection {
background: #F6CF74;
color: #fff;
}
::selection {
	background: #F6CF74;
	color: #fff;
}  /* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}
ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}
dl {
	margin: 0 0 1.5em 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-left: 1.5em;
}  /* Quotes */
blockquote {
	font-style: italic;
}
cite {
}
q {
}  /* Tables */
table {
	margin: .5em auto 1.5em auto;
	width: 98%;
}  /* Thead */
thead th {
	padding: .5em .4em;
	text-align: left;
}
thead td {
}  /* Tbody */
tbody td {
	padding: .5em .4em;
}
tbody th {
}
tbody .alt td {
}
tbody .alt th {
}  /* Tfoot */
tfoot th {
}
tfoot td {
}
/***** Layout *****/ 
/* HTML5 tags */ 
header, section, footer, aside, nav, article, figure, time {
	display: block;
}
.body {
	background-color: #f0ecd6;
	clear: both;
	margin: 0 auto;
	width: 800px;
}
img.right figure.right {
	float: right;
	margin: 0 0 2em 2em;
}
img.left, figure.left {
	float: right;
	margin: 0 0 2em 2em;
}
/* Header 
*****************/ 
#banner {
	padding-top:	40px;
	padding-bottom:	15px;
	margin: 		0 auto;
	
	/*border: 1px solid red;*/
}  

#banner img{

}
/* Banner */
#banner h1 {
	font-size: 3.571em;
	line-height: .6;
	color:			#A1CC41; /*green1*/
}
#banner h1 a:link, #banner h1 a:visited {
	color: #000305;
	display: block;
	font-weight: bold;
	margin: 0 0 .6em .2em;
	text-decoration: none;
	width: 427px;
}
#banner h1 a:hover, #banner h1 a:active {
	background: none;
	color: #C74350;
	text-shadow: none;
}
#banner h1 strong {
	font-size: 0.36em;
	font-weight: normal;
}

#banner p {
	width:		400px;
	float:		right;
}	

#logo-flag {
	width: 		350px;
	position: 	absolute;
	z-index: 	2999;
	margin-left:-30px;	
	top: 		0px;
}
a.anchor {
	/*display:		block;
	position:		relative;
	top:			-60px;
	visibility:		hidden;	*/
	
}

/* Main Nav */ 
#nav-bg {
	background-color: 	#602525;  /*red*/
	height: 			40px;
	width:				100%;
	position:			absolute;
}
nav#site-nav {
	background: rgba(43,43,43,0.8); /*grey2*/
	background-color: #602525;  /*red*/
	font-size: 1.143em;
	height: 40px;
	line-height: 30px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 800px;
	/*border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;*/
	/*position:			fixed;
	left:				50%;
	margin-left:		-400px;
*/	z-index:			1000;
	
}
nav#site-nav ul {
	list-style: none;
	margin: 0 auto;
	width: 400px;
	float: right;
}
nav#site-nav li {
	float: left;
	display: inline;
	margin: 0;
}
nav#site-nav a:link, nav#site-nav a:visited {
	color: #f0ecd6; /*cream*/
	display: inline-block;
	height: 30px;
	padding: 5px 1.5em;
	text-decoration: none;
}
nav#site-nav a:hover, nav#site-nav a:active, nav#site-nav .active a:link, nav#site-nav .active a:visited {
	background: #a24a4a;  /*red highlight*/
	color: #fff;
	text-shadow: 0 1px 1px #1B2F19; /*green5*/ !important;
}
nav#site-nav li:first-child a {

}

/* Feed Strips
*****************/
.read-less a, .read-more a {
	text-decoration: 	none;	
}
.read-less {
	
}
.read-more {
	
}



.feed article, .read-less {
	margin:			auto 10px;	
}
.feed h2, .feed h2 a {
	margin-top:		0px;
	color:			#277796; /*blue3*/
	font-weight:	bold;
	text-decoration:none;
	margin:			-5px;
	padding:		5px;
	
}

.feed h2 a{
	display:		block;	
}
.feed h2 a:hover {
	color:			#65AAC3; /*blue2*/
	background-color:#65AAC3; /*blue3*/
	color:			white;
	text-shadow:	0 1px 1px #333;
}

.feed ul {
	margin: 		0px;
	padding-left:	20px;
}



section.copy {
	/*border:			1px solid green;*/
	margin:			10px 0;
	padding:		10px 50px;
	position:		relative;	
}

}
ul.feed-list{
	/*border:			1px solid red;*/
	position:		relative;
	margin:			0px;
	padding:		0px;
}
ul.feed-list li.article {

	width:			170px;	
	display:		block;
	float:			left;
	margin-left:	0px;
	margin-bottom:		20px;
}

ul.one-column  li.article  {
	width:			100%;
}

ul.two-column  li.article  {	
	width:			50%;
	}
ul.two-column  li.article:nth-child(odd)  {	
	clear:			left;
	}

ul.three-column  li.article  {
	width:			33%;
}
ul.three-column  li.article:nth-child(3n+1)  {
	clear:			left;
}

img.profile {
	float:			left;
	border:			1px solid #CCC;
	background-color:white;
	padding:		10px;
	min-width:		100px;
	min-height:		150px; 
	margin-right:	30px	
}






/* Footer 
*****************/ 
footer {
	
}
footer.body {
	clear:			left;	
	color:		#f0ecd6; /*cream*/
	background:  #002b4f;  /*blue*/
	font-style: normal;
	margin-top:	-10px;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
	text-align: center;
	width: 760px;
	border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px;
	padding-bottom: 2em;
}

footer a {
	color:		#cd6b6b;  /* red highlight 2*/	
}


/* Clearfix 
URL: http://www.webtoolkit.info/css-clearfix.html
********************/
.clearfix:after, .clearfix-block:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix-block {
	display:	block;	
}
.clearfix {
	display: inline-block;
}

div#content{
	display:	block;	
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}