/* -------------------------------------------------------------- 
  
   CSS Framework
   Web Design & Development by Studio 24 Ltd
   www.studio24.net - (0870) 241 6159
     
-------------------------------------------------------------- */


@import "reset.css";


/* =CONTAINERS
-------------------------------------------------------------- */
body {
	background-color: #eee;
}

div#container {
	width: 450px;
	margin: 0 auto;
}

/* =CONTENT CONTAINERS
-------------------------------------------------------------- */
div#content {
    background-color: #fff;
	margin: 75px 0 10px 0;
	padding: 13px 13px 5px 13px;
	border: 4px solid #DDD;
}

div#login-message {
    background: #EEE url(lock_16.gif) no-repeat 6px 6px;
    margin: 0.75em 0 1em 0;
    padding: 6px 6px 6px 25px;
    color: #333;
}

div#login-message p {
    padding: 0;
    margin: 0;
}

div#content-secondary {
    margin-top: 1em;
    text-align: center;
}

div#site-info {
    text-align: center;
    font-size: 90%;
}

/* =BASIC TYPOGRAPHY
-------------------------------------------------------------- */
body {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; /* Dont resize here, resize text elements below */
    line-height: 1.125em;
    color: #333;
}

p, ul, ol, dl, table, form {
	font-size: 0.75em; /* 12px - changing this will mean you have to re-calculate all nested font-sizing - just leave it alone! */
}

p {
	margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
	line-height:1.5em;
	font-weight: normal;
}

h1 {
    font-family: Georgia, Times, serif;
	font-size: 1.4em;
	color: #333;
}

h2 {
	font-size: 1em;
}



/* =LINKS
-------------------------------------------------------------- */

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

a:hover {
	text-decoration: underline;
}


/* =DEFAULT-FORM-STYLES
----------------------------------------------- */

form.default-form {

}

form.default-form fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}


form.default-form div {
	display: block;
	width: 100%;
	padding: 0.5em 0 1em 0;
}

form.default-form div.alt {
	background: #edf3fe; /* example background colour for optional 'zebra' effect */
}

form.default-form label {
	position: relative;
	top: 0.15em;
	padding-right: 1em;
	width: 8em; /* change this width according to your site design to line things up */
	float: left;
	font-size: 1.2em;
	text-align: right;
}

form.default-form #AUTH_s {
	width: 6em;
}

form.default-form #login-cancel {
    position: relative;
    left: 15px;
    padding: 0;
    margin: 0;
    height: auto;
}

form.default-form #login-submit {
    position: relative;
    left: 130px;
}

form.default-form input, form.default-form textarea, form.default-form select {
	width: 14em;
	font-size: 1.2em;	
}

form.default-form .error { /* example highlighting style for form validation */
	border: 1px solid red;
	background: #FFCCCC;
}