/*
Theme Name: UCS
Theme URL: 
Description: Static page site for UCS meeting at IP-City Centre.
Version: 1.0
Author: Ian Tearle
Author URL: http://www.free-rein.net
*/

/*
-------------------------------------------------
Global values
=================================================
*/
html, *{
padding:0;
margin:0;
}
body{
/*Resets 1em to equal 10px (on fonts, at least), so 1.2em equals 12px, 1.6em equals 16px, etc.*/
font: 62.5%/1.6em Arial, Helvetica, sans-serif;
background-color: #fff;
}
#mainContainer
{
background: url(../images/bg.jpg) top left repeat-y;
width: 960px;
margin:0px auto;
}
span.green{
color: #6ebd44;
}
span.pink{
color: #f9008f;
}
p.large{
font-size: 2em;
font-weight:bold;
margin: 0 0 15px 0;
}
h1{ font-size:1.8em;}
h2{ font-size:1.6em;}
h3{ font-size:1.4em;}
p{font-size:1.2em; color:#792428;}
a{ color:inherit; color: #6ebd44;}
a:hover{text-decoration: none; color:#df0c7d;}
div.break{clear:both;}
/*
-------------------------------------------------
Header
=================================================
*/
#header{
width: 960px;
float:left;
}

/*
-------------------------------------------------
Content
=================================================
*/
#content{
width:960px;
clear: both;
float:left;
padding:20px 33px;
}
#content #location-date p{
font-size: 1.6em;
font-weight:bold;
}
#content #form{
margin: 0 0;
float:left;
width:583px;
}
#content #form #form-top{
background: url(../images/form-top.png) no-repeat;
width:583px;
height:19px;
}
#content #form #form-content{
background: url(../images/form-content.png) repeat-y;
width:583px;
}
#content #form #form-content p{
padding: 0px 0px 5px 20px;
}
#content #form #form-content form{
width: 540px;
}
#content #form #form-content form p label{
width: 10em;
display:block;
float:left;
}
#content #form #form-content form p input,
#content #form #form-content form p textarea{
width: 75%;
border: solid #fff 1px;
border-bottom:solid #792428 1px;
padding:0.2em 0.15em;
}
#content #form #form-content form p textarea{
height: 30px;
overflow:hidden;
}
#content #form #form-content form p input:hover,
#content #form #form-content form p textarea:hover,
#content #form #form-content form p input:focus,
#content #form #form-content form p textarea:focus{
border: solid #cfcfcf 1px;
border-bottom:solid #792428 1px;
}
#content #form #form-content form #submit{
float:right;
width: 8em;
height: 25px;
border: 3px solid #ddd;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background: #eee;
font-family: "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
font-weight: bold;
color: #888;
text-transform: uppercase;
cursor: pointer;
}
#content #form #form-content form #submit:hover {
border: 3px solid #df0c7d;
background: #fff;
color: #555;
}
#content #form #form-bottom{
background: url(../images/form-bottom.png) no-repeat;
width:583px;
height:19px;
}

#content #details
{
	float: left;
	padding: 0 35px 0 30px;
	width: 160px;
}

#content #details p.heading
{
	color: #f9008f;
	font-weight: bold;
	font-size: 1.4em;
	margin: 0 0 10px 0;
}

#content #details ul
{
	list-style: none;
	color: #63c800;
	margin: 0;
	padding: 0;
}

#content #details li
{
	background: url(../images/bullet.jpg) 0 5px no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
}

#content #details li p
{
	color: #63c800;
	padding: 0 0 5px 0;
	margin: 0;
	line-height:1.4em;
}

#content #details p
{
}

/*
-------------------------------------------------
Footer
=================================================
*/
#footer{
	clear: both;
}

/*
-------------------------------------------------
Error/Success Messages
=================================================
*/
.contenterror{
background: #FFF1ED url(../images/error.gif) no-repeat 0.5em 50%;
padding: 0.5em 0.5em 0.5em 2.2em;
border: 1px solid #900;
width: 50%;
margin: 0.15em auto;
text-align: center;
}
.contentsuccess{
background: #F4FDEF url(../images/success.gif) no-repeat 0.5em 50%;
padding: 0.5em 0.5em 0.5em 2.2em;
border: 1px solid #3F9305;
width: 50%;
margin: 0.15em auto;
text-align: center;
}
.contentalert{
background: #FEFFDF url(../images/alert.gif) no-repeat 0.5em 10%;
padding: 0.5em 0.5em 0.5em 2.2em;
border: 1px solid #EFEFEF;
width: 50%;
margin: 0.15em auto;
text-align: center;
}
.errortext{
color:#C00;
}
.successtext{
color:#090;
}
.contenterror ul,.contentsuccess ul{
padding:0;
margin: 0 0 0 25px;
text-align:left;
list-style:none;
}