@import 'includes/reset.css';

/* @override http://eric.dirtcircle.com/css/bold.css */

/*
Theme Name: bold
Theme URI: http://eric.dirtcircle.com/
Description: A bold style for being awesome
Version: 1
Author: Eric Meyer
*/

/* @group Generic */

/* @group reference */

.small {
	font-size: 0.85714em; /* 12px */
	line-height: 1.75; /* 21px */
}

.trans { 
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}


/* @end */

/* @group FONTS */

body {
	font-size: 100%; /* 16px */
	line-height: 1.5; /* 24px */
}

body #page {
	font-size: 0.875em; /* 14px */
	line-height: 1.5; /* 21px */
	font-family: futura, helvetica, arial, sans-serif;
}

/* @end */

/* @group LINKS */

a:link, a:visited, a:focus, a:hover, a:active { 
	text-decoration: none;
	color: #f00;
}

 a:focus, a:hover, a:active { 
	color: #0ff;
}

/* @end */

/* @group HEADERS */

h1, h2, h3, h4, h5, h6 { 
	
}

h1 { 
	
}

/* @end */

/* @group TAGS */

/* remember to style defaults! */

:focus {
	outline: 1px dotted #fff;
}

ins {

}

del {

}

blockquote { 
	
}

p { 

}

strong { 

}

em { 
	
}

/* @end */



/* @end */

/* @group Structure */

#page { 
	width: 100%;
	overflow: hidden;
	background: #8e525c url(../images/bg2.jpg);
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .25em;
}

#branding { 
	width: 20%;
	float: left;
	display: inline;
	overflow: visible;
}

#nav { 
	width: 80%;
	float: left;
	display: inline;
	overflow: hidden;
}

ul.main li { 
	width: 20%;
	float: left;
	display: inline;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}

ul.main li:hover { 
	font-size: 1em;
	line-height: 1.5;
	min-height: 35em;
	padding: 0;
}

#site_info { 
	clear: both;
	position: relative;
	top: -9em;
	padding: 6em 0em 3em;
	margin-bottom: -6em;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}

/* @end */

/* @group Components */

h1 { 
	font-size: 9em;
	line-height: 1.666;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}

.obc { 
	font-size: 4.5em;
	line-height: 2;
	padding-bottom: .75em;
	background-color: #300;
}

.dcd { 
	font-size: 1.5em;
	line-height: 2em;
	padding-top: 12em;
	padding-bottom: 2em;
	background-color: #030;
}

.lida { 
	font-size: 6em;
	line-height: 1.5;
	padding-bottom: 1em;
	background-color: #003;
}

.ctz { 
	font-size: 3em;
	line-height: 2;
	background-color: #303;
}

.dcn { 
	padding-bottom: 9em;
	background-color: #033;
}

#site_info { 
	text-align: center;
	background-color: #f00;
}

#site_info .designs { 
	width: 40em;
	margin: 0 auto;
	overflow: hidden;
}

#site_info .designs li { 
	width: 50%;
	float: left;
	display: inline;
}

#site_info a:link, #site_info a:visited { 
	color: #00f;
	display: block;
}

#site_info:hover { 
	background-color: #00f;
}

#site_info:hover a:link, #site_info:hover a:visited { 
	color: #f00;
}

#site_info:hover a:focus, #site_info:hover a:hover, 
#site_info:hover a:active { 
	background: #f00;
	color: #00f;
}


/* @end */