/* CSS Document */

/* TOP LEVEL */

html {
	margin:0; padding:0;
}
body {
	margin:0; padding:10px;
	font:10px Futura, Helvetica, sans-serif monospace; line-height:12px;
	background:black;
}


/* PAGE ELEMENTS */

#header {
	background:black; color:white; margin:0 0 10px 0; line-height:17px;
}
#footer {
	background:black; color:white; padding:2px 4px 3px 4px; text-align:right
}

.block {
	width:240px; background:#FFF100; margin: 0 0 10px 0;
}
.block.double {
	width:490px;
}
.block.creative {
	width:500px;
}
.block.home {
	width:700px;
}


/* TYPOGRAPHY */

h1 {
	margin:0 0 5px 0; padding:2px; font-size:17px; 
	font-family:  Futura, Helvetica, sans-serif monospace; font-weight:normal; text-transform:uppercase
}

h2{
margin:0 0 5px 0; padding:2px; font-size:21px; line-height:32px;
	font-family:  Futura, Helvetica, sans-serif monospace; font-weight:normal; text-transform:uppercase

}

p {
	padding:2px; margin:0;
}

i {
	color:#666
}

a {
	color: black; text-decoration:none
}

#footer a {
	color:white;
}

#header a {
	padding:2px 4px;
	
}

.red{
	background:#EC1C24;
}
.yellow{
	background:#FFF100; 
}
.green{
	background:#00A551; 
}
.blue{
	background:#00ADEE; 
}
.purple{
	background:#2E3191; 
}

.jsclass body .randomordercontent{
display: none;
}

.latest_img {
	border: 1px solid #575757;
	margin-left: 12px;
}

/* HAS LAYOUT */

/*
   grid blocks are position:absolute, so set position:relative on parent element
   to position them relative to that element.
   Using negative margin here to offset the 5px margin around blocks
*/
#content.hasLayout {
	margin:-5px; position:relative
}

/* Use margins for gutters. */
.hasLayout .block {
	margin:5px;
}
/*
   Remember, any borders added to blocks will count towards their
   total height (on position:absolute elements)
*/