* {
	margin: 0px;
	padding: 0px;
}

.demo
	{
		font-family:'LOT',Sans-Serif;
		width:600px;
		margin:0px auto;
		text-align:left;
		
		padding:0px;
	}
	/** Generated by FG **/
@font-face {
	font-family: 'LOT';
	src: url('../fonts/LOT.eot');
	src: local('☺'), url('../fonts/LOT.woff') format('woff'), url('../fonts/LOT.ttf') format('truetype'), url('../fonts/LOT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 11, 2011 */



@font-face {
    font-family: 'RalewayThin';
    src: url('../fonts/raleway_thin-webfont.eot');
    src: url('../fonts/raleway_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway_thin-webfont.woff') format('woff'),
         url('../fonts/raleway_thin-webfont.ttf') format('truetype'),
         url('../fonts/raleway_thin-webfont.svg#RalewayThin') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Page-level */
body { 
	margin:0; 
	padding:0; 
	background:white; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size:14px; 
	}
	/* When you change the font size above, it changes the MIERTE DRAWINGS heading */
#page {
	width:1000px;
	border:1px solid black;
	margin:0;
	padding:0;
	background-color: white;
	background-repeat: repeat-y;
	background-attachment: scroll;
	}

 /* this a below, is the menu on the right side, change the font size and the line height */
	a {
	font-family: ralewaythin, helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 30px;
}

a:link {

	color: #42413C;

	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */

}

a:visited {

	color: #6E6C64;

	text-decoration: underline;

}

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */

	text-decoration: none;

}


	
/* Note: Make HTML 5 elements block-level for consistent styling */
header, nav, article, footer, address { display:block; }

/* Sections */
header, footer { width:100%; clear:both; }

header {
	height:75px;
	width:1100px;
	padding:20px;
	color:#ccc;
	background-color: black;
	background-image: url(../images/diamonds.gif);
	background-repeat: repeat-x;
	}
	
	
/* this BELOW changes the the menu width etc */	
nav {
	float:left;
	width:149px;
	margin:1px;
	background-color: #fff;
	}
	nav ul { 
		list-style:none; 
		list-style-type:none; 
		margin:0; 
		padding:0; 
		font-size:1.2em; 
		font-weight:bold; 
		} 
		nav ul li { 
			margin:5px;  
			}

/*we begin*/
div.panel,p.flip

{
	margin:0px;
	padding:0px;
	text-align:left;
	background-color: #000;
	width: 550px;
}

div.panel

{
	height:300px;
	display:none;
	background-color: #000;
}


/*we end*/

img {
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 50px;
	vertical-align: middle;
}
#page #posts article hgroup .flip {
	font-size: 14px;
	font-family: Helvetica, Arial, Verdana;
	font-weight: bolder;
	color: #CCC;
}
#page #posts article .flip {
	color: #e21d00;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}



#posts {
	width:810px;
	background-color: #000;
	background-image: url(../images/a.gif);
	font-family: Helvetica, Arial, Verdana;
	color: #fff;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 150px;
	padding-left: 40px;
	}
h5 {
	font-family: Ralewaythin, helvetica, Geneva, sans-serif;
	font-size: 24px;
	font-weight: bold;
}

footer { 
	font-size:0.8em;
	font-weight:bold; 
	text-align:center; 
	background:#ccc;
	height:200px;
	margin-top:25px; 
	padding-top:20px;
	}

/* Content */
h1 {
}
h2 {
	font-size: 2em;
	margin-top: 10;
	margin-left: 10;
}
h3 {
	font-size: 1.4em;
	margin:0;
	padding-bottom: 20px;
}
p {
	font-size: 1em;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.pull {
	color: #F00;
	background-color: #FFF;
	padding: 15px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	font-style: italic;
	font-family: Verdana, Geneva, sans-serif;
	border-top-width: 1px;
	border-right-width: 10px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #03C;
	border-left-color: #999;
}

article { 
	margin-bottom: 20px; 
	}
	border-bottom: 1px dashed gray; 
article p 
	padding:10px; 
	}