/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {

	/*font-size: 10px;
	font-family: Verdana, sans-serif;
	background: #fff;*/
	
	color:									rgb(29, 39, 63);
	font-family:							Aksidenz-Grotesk, Helvetica, Arial, Verdana, sans-serif;
	font-size:								0.7em;
	line-height:							1.2em;

}

body.section-1 { }
body.section-2 { }
body.section-3 { }


a img { border: none; }

#menu {
    width: 									235px;
    overflow: 								auto;
    
    top: 									0;
    bottom: 								0;
	left: 									0;
    position: 								fixed;
    height: 								100%;
    
	background-color: 						#fff;
	/*background-image: 						url('http://feedbackloopsingraphicdesign.com/files/stealpatternoutline01.gif'); */
	
	line-height:							1.2em;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li {
	padding-left:							10px;
}

#menu ul li.section-title {
	padding-left:							0px;
	font-weight:							bold;
}

#content {
    height: 100%;

	margin-left:							250px;
	margin-top:								0px;
	margin-right:							0px;
	margin-bottom:							0px;

    top: 0;
}

.container {
    padding: 5px 5px 25px 5px;
}

#content div.container {
	width:									80%;
	max-width:								700px;
}

#content p {
	display:								inline;
	width: 									650px;
	margin-bottom:							9px;
	
	background-color:						white;
}

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{
	margin-left:							0px;
	margin-top:								30px;
	margin-right:							0px;
	margin-bottom:							0px;
	
	padding: 								0px;
}

#img-container p	{ width: 550px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }


/* my shit! */
a:link { 
	color:									rgb(204, 33, 40);
	text-decoration:						underline;
}
a:visited { 
	color:									rgb(214, 139, 147);
	text-decoration:						underline;
}
a:hover  { 
	color:									white;
	background-color:						rgb(204, 33, 40);
	text-decoration:						none;
}

/* except when it's not */
a.biggie:link { 
	color:									rgb(100, 160, 200);
	background-color:						rgb(203, 255, 210);
	text-decoration:						underline;
}
a.biggie:visited { 
	color:									rgb(100, 160, 200);
	background-color:						rgb(255, 255, 210);
	text-decoration:						underline;
}
a.biggie:hover  { 
	color:									white;
	background-color:						rgb(100, 160, 200);
	text-decoration:						none;
}

#menu ul li a:link { 
	color:									black;
	background-color:						rgb(203, 255, 210);
	text-decoration:						none;
}
#menu ul li a:visited { 
	color:									black;
	background-color:						rgb(255, 255, 210);
	text-decoration:						none;
}
#menu ul li a:hover  { 
	color:									white;
	background-color:						rgb(100, 160, 200);
	text-decoration:						none;
}

/* backgrounded borders fix */
.welcomebox a:link, .welcomebox a:visited, .welcomebox a:active {
	color:									black;
	text-decoration:						underline;
}
.welcomebox a:hover {
	background-color:						#41EFF8;
	color:									#333333;
	text-decoration:						none;
}


.backgrounded a:link, .backgrounded a:visited, .backgrounded a:active {
	display:								block;
	position:								relative;
	width:									30px;
	height:									30px;
	float:									left;

	border-width:							3px;
	border-style:							solid;
	border-color:							white;
	text-decoration:						none;
}

.backgrounded a:hover {
	display:								block;
	position:								relative;
	width:									30px;
	height:									30px;
	float:									left;

	border-width:							3px;
	border-style:							solid;
	border-color:							rgb(204, 33, 40);
	text-decoration:						none;
}