/*******************************************************
PROJECT: HelloBadges.co.uk
DATE: 19th July 2008
AUTHOR: Chad Durham @ Big Hello Design
NOTE: Hello CSS curious person, nice to have you here. Looking through code is in my opinon the best way to learn and advance, it's how I learnt and I thoughly reccomended it  - so, go ahead, teach yourself whatever you can, write your own styles. Just please don't steal the site. C
*******************************************************/
body {
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
}

#footer_left , #footer_right {
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-size: 12px;
line-height:13pt;
font-weight: normal;
}

.badgeform , .form_buttons  {
font-size: 12px;
line-height:14pt;
color: #000000;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
	height: 22px;
	width: 160px;
	background-color: #ecede5;
	border: 1px solid #aaa;
}
.form_buttons {
	height: 25px;
	border: 1px solid #aaa;
	padding-bottom: 5px;
}
.submit {
	border-width: 0;
	padding-top: 20px;
}
.typefaces {
	padding-top: 5px;
}

.paraspace {  
	width: 160px;
	height: 15px;
	background-color: #ffffff;
}

/*************************************
Home boxes & typography
************************************/
.box1 , .box2 , .box3 , .box4 {
float:left;
padding: 0;
background-color: #ffffff;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
height: inherit;
	margin: 10px 0 0;
}

.box1 h1 , .box2 h1 , .box3 h1 , .box4 h1 {
font-size: 28px;
line-height:22pt;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
margin-bottom: -5px;
margin-top: 13px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
}

.box1 h2 , .box2 h2 , .box3 h2 , .box4 h2 {
font-size: 18px;
line-height:16pt;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
margin-bottom: -5px;
margin-top: 13px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
color: #f00;
}

.box1 p , .box2 p , .box3 p , .box4 p {
font-size: 13px;
line-height:14pt;
color: #ffffff;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
padding: 1px 12px;
margin-top: 1px;
	list-style-type: none;
	list-style-image: none;
}


.box1 p ul , .box2 p ul , .box3 p ul , .box4 p ul {
padding: 0;
	margin: 1px 0 0 -15px;
}


.box1 p li , .box2 p li , .box3 p li , .box4 p li {
font-size: 13px;
line-height:14pt;
color: #000000;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
padding: 1px 12px;
}

.box1 li , .box2 li , .box3 li , .box4 li {
	list-style-type: none;
	display: list-item;
	padding-left: 15px;
}

.box1 p a , .box2 p a , .box3 p a , .box4 p a {
text-decoration: none;
color: #000000;
}

.box1 p a:hover , .box2 p a:hover , .box3 p a:hover , .box4 p a:hover {
color: #f00;
text-decoration: underline;
}

.box1 , .box2 , .box3 {
width:220px;
margin-right: 10px;
}

.box4 {
width:220px;
}


/*************************************
Link colour
*************************************/
.box1 h1 , .box2 h1 , .box3 h1 , .box4 h1 {
color: #f00;
}

.box1 p , .box2 p , .box3 p , .box4 p {
color: #000000;
}