/**
 * etheon.net - screen.css
 * @fileOverview Main screen device's stylesheet.
 * @version 0.0.1
 * @since 0.0.1
 * @author npepinpe
 * 
 * NOTE: The reset portion is taken from the Blueprint CSS framework, which is itself an adapted version (I think).
 * No hard feelings, eh?
 */

/**
 * Reset all styles
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/**
 * Structural elements
 */
* {
    margin: 0;
    padding: 0;
}

body {
    background: #fff;
    font:normal normal 86%/1.5em 'Lucida Grande','Lucida Sans','Lucida Sans Unicode',Verdana,sans-serif;
}

a {
    text-decoration: none;
}

a:link,
a:visited {
    color: #f30;
}

a:hover {
    color: #f90;
}

#main {
    position: absolute;
    top: 20px;
    left: 280px;
    width: 650px;
}

#main h1 {
    font-size: 40px;
    font-weight: normal;
    line-height: 40px;
    padding: 20px 0 2px 0;
    letter-spacing: -1px;
}

#main .breadcrumb {
	padding:  2px 0 20px 0;
	font-size:  80%;
}

#main p {
    margin: 0 0 20px 0;
    font-size: 15px;
    line-height: 20px;
}

#main ul {
    padding: 0 20px;
}

#main li {
    margin: 0 0 20px 0;
    list-style-type: square;
    font-size: 15px;
    line-height: 20px;
}

#sidebar {
    position: absolute;
    top: 40px;
    left: 20px;
    width: 200px;
    padding: 15px 20px 0 0;
    border-right: 1px solid #ccc;
    text-align: right;
}

#sidebar h2 {
    text-transform: uppercase;
    font-size: 13px;
    color: #333;
    letter-spacing: 1px;
    line-height: 20px;
}

#sidebar ul {
    list-style-type: none;
    margin: 10px 0 20px 0;
}

#sidebar li {
    font-size: 14px;
    line-height: 20px;
}

/**
 * Form styles
 */
label {
	font-weight: bold;
}
fieldset {
	padding: 1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
}
legend {
	font-weight: bold;
	font-size: 1.2em;
}
input.text, 
input.title, 
textarea, 
select {
	margin: 0.5em 0;
	border: 1px solid #bbb;
}
input.text:focus, 
input.title:focus, 
textarea:focus, 
select:focus {
	border: 1px solid #666;
}
input.text, 
input.title {
	width: 300px;
	padding: 5px;
}
input.title { 
	font-size: 1.5em;
}
textarea {
	width: 390px;
	height: 250px;
	padding: 5px;
}

/**
 * Miscellaneous classes
 */
.error, 
.notice, 
.success {
	padding: .8em; 
	margin-bottom: 1em;
	border: 2px solid #ddd;
}
.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}
.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}
.error a {
	color: #8a1f11;
}
.notice a {
	color: #514721;
}
.success a {
	color: #264409;
}
.clear {
	clear: both;
}