/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @author Ben Weeks

The following line imports another file I need to undestand more clearly before I can consider using. Not sure if it's defining stuff that overrides this file or why that might be necessary. It may define a range of settings that work as shortcuts too and would be very useful. The great people use thie kind of file.
@import "reset.css"

*/
* 

{
	margin: 0;
	padding: 0;
}

body {
	background: #FFF;
	font:  12px arial, Verdana, helvetica;
	line-height: 1.5em;
}


a{ text-decoration: none; color: #707070; 
		-webkit-transition:color 1s ease-in;
		 transition:color 1s ease-in;
}

a:visited { text-decoration: none; color: #B0B0B0; }
a:hover { text-decoration: none; color: #F0000; }
a:active { text-decoration: none; }
a:focus { outline: none;}
a img { border: none; }


#menu {
    width: 215px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
	padding-top: 40px;
	padding-left: 30px;
    position: fixed;
    height: 100%;
	background-color: #FFF;
}

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

#content {
    height: 100%;
    margin: 40px 0 0 310px;
    top: 0;
}

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

#content p { width: 400px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 2em; margin: 25px 0 0; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }


.wrapper {
margin: 0 auto;
position; relative;
width 240px;

form#simple-form {
     -moz-border-radius: 20px;
     -moz-box-shadow: 2px 2px 10px #ccc;
     -webkit-border-radius: 20px;
     -webkit-box-shadow: 2px 2px 10px #ccc;
     border-radius: 20px;
     box-shadow: 20px;
     background-color: #fff;
     margin: 25px auto 0;
     padding: 25px 10px;
     text-align: left;
     width: 240px;
}

form#simple-form label {
	display: block;
	font-size: 1.65em;
	font-weight: bold;
	letter-spacing: -0.025em;
	margin: 0 0 5px 15px;
	text-align: left;

}

form#simple-form input#input-1, form#simple-form input#email {
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	background-color: #eaeaea;
	background: -moz-linear-gradient(top, #ffffff, #eaeaea);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #eaeaea));
	border: 1px solid #cacaca;
	color: #444;
	font-size: 1.4em;
	margin: 0 0 25px;
	padding: 8px 10px;
	width: 240px;
}

form#simple-form input#Subscribe {
	-moz-border-radius-bottomleft: 32px;
	-moz-border-radius-bottomright: 32px;
	-moz-border-radius-topleft: 32px;
	-moz-border-radius-topright: 32px;
	-webkit-border-bottom-left-radius: 32px;
	-webkit-border-bottom-right-radius: 32px;
	-webkit-border-top-left-radius: 32px;
	-webkit-border-top-right-radius: 32px;
	background-color: #dedede;
	background: -moz-linear-gradient(top, #ffffff, #eaeaea);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #dedede));
	border: 1px solid #dedede;
	color: #484848;
	font-size: 1.65em;
	font-weight: bold;
	padding: 10px 15px;
}

#img-container	{ margin: 0; padding: 0; background-color: none; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; background-color: none;}

#once { clear: left; }