/*------------------------------------------------------------------ 
[Summer of Code Master Stylesheet] 
  
Version:    1.1 
Last change:    13/07/09 
Assigned to: 
-------------------------------------------------------------------*/

/*------------------------------------------------------------------ 
[Table of contents] 
 
1. Master reset
2. Typography
3. Grid 
4. Header / #header 
5. Navigation / #navbar 
6. Content / #content 
7. Footer / #footer 
-------------------------------------------------------------------*/    


/*------------------------------------------------------------------

1. Master Reset

-------------------------------------------------------------------*/ 

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;}
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;}  

/*------------------------------------------------------------------

2. Typography

-------------------------------------------------------------------*/ 


body {
	/* background-image: url(/wp-content/themes/mandigo-14/images/bgrnd.png); */
	background-repeat: repeat-x;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #2a2924;
}

h1, h2, h3, h4, h5, h6 {
}


h2 {
	color: #14122c;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 12px;
}

h3 {
	color: #4B4940 ;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 12px;
}

h4 {
}	

h5 {
}

h6 {
}

p {
	color: #14122c;
	font-size: 24px;
	line-height: 28px;
	margin-bottom:18px;	
}

a:focus, a:hover {
	color:#267cd3;
	text-decoration:none;
	}

a {
	color:#267cd3;
	text-decoration:none;
	}

strong {font-weight:bold;}

hr {
	}

/*------------------------------------------------------------------

3. Grid

-------------------------------------------------------------------*/ 

.container {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div.col1, div.col2, div.col3, div.col4 {
	float: left;
	margin-right: 20px;
	}

.col1 {
	width: 225px;
	}
	
.col2 {
	width: 470px;
	}
	
.col3 {
	width: 715px;
    	color: #080714;
    	margin-top:20px;
	}	

.col4 {
	width: 960px;
}

.last {
	margin-right: 0px !important;
	}	

.pad-top {
	padding-top: 20px;
	}
	
.pad-bottom {
	padding-bottom: 20px;
	}

.pad-bottom-sm {
	padding-bottom: 12px;
	}

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/*------------------------------------------------------------------

4. Header
-------------------------------------------------------------------*/ 

.header {
	width: 910px;
	height: 293px;
	padding:  0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: block;
}

h1 {
	display: block;
	width: 500px;
	height: 216px;
	position: absolute;
	left: 0px;
	top: 20px;
	z-index: 100;
}

h1 a {
	background-position: left top;
	padding: 0px;
	background-image: url(/wp-content/themes/mandigo-14/images/header.png);
	background-repeat: no-repeat;
	display: block;
	width: 425px;
	height: 305px;
	text-indent: -9999px;
	}
h1 a.code_header {
	/* background-image: url(/wp-content/themes/mandigo-14/images/code_header.png); */
	background-image: url(/wp-content/themes/mandigo-14/images/code_header.png);
}
h1 a.design_header {
	background-image: url(/wp-content/themes/mandigo-14/images/design_header.png);
}
h1 a.ba_header {
	background-image: url(/wp-content/themes/mandigo-14/images/ba_header.png);
}
h1 a.eng_header {
	background-image: url(/wp-content/themes/mandigo-14/images/eng_header.png);
}
h1 a.code_title {
	background-image:url(../images/soc_heading.jpg);
	height:55px !important;
	margin-left:472px;
	margin-top:280px;
	position:absolute;
	width:425px !important;
}
h1 a:hover {
	border-bottom-style:none;
	}

div.contact_us {
	background: #D3D3D3;
	padding: 20px;
	display: block;
	width: 204px;
	height: 280px;
	position: absolute;
	right: 0px;
	top: 0px;
    	margin-top: 25px;
    	margin-right:15px;
}

div.contact_us li {
	list-style-type: none;
}

div.contact_us ul li a {
	vertical-align: top;
	font-size: 14px;
	color: #4B4940;
	padding-left: 10px;
}
div.contact_us ul li a.exclaim {
	font-size: 18px !important;
	color: #B51D1D;
}
div.contact_us ul li a.exclaim:hover {
	color: #ffffff;
}	

div.contact_us ul li a:hover {
	color: #ffffff;
}

span.connect {
	width:16px;
	height:16px;
	margin-left:10px;
	display:inline-block;
}
span.feed {
	background: url("http://www.summerofcode.co.nz/wp-content/themes/mandigo-14/images/orange/rss_s.gif") no-repeat 0 0 transparent;
}
span.blog {
	background: url("http://www.summerofcode.co.nz/wp-content/themes/mandigo-14/images/orange/blog-icon16x16.png") no-repeat 0 0 transparent;
}
span.facebook {
	background: url("http://www.summerofcode.co.nz/wp-content/themes/mandigo-14/images/orange/facebook-icon16x16.png") no-repeat 0 0 transparent;
}
span.twitter {
	background: url("http://www.summerofcode.co.nz/wp-content/themes/mandigo-14/images/orange/twitter-icon16x16.png") no-repeat 0 0 transparent;
}
span.linked-in {
	background: url("http://www.summerofcode.co.nz/wp-content/themes/mandigo-14/images/orange/linked-in-icon16x16.png") no-repeat 0 0 transparent;
}


/*------------------------------------------------------------------

5. Navigation

-------------------------------------------------------------------*/ 

#navbar {
	height:222px;
	width: 950px;
	margin-bottom: 20px;
       margin-top: 75px;
}
	
#navbar ul {
	margin-left: 0px;
	margin-top: 14px;
}	

#navbar ul li {
	float: left;
	list-style-type: none;
	display: block;
	width: 196px;
	height: 196px;
	margin-right: 45px;
}

#navbar li a {
	font-size: 24px;
  	font-family: impact,arial !important;
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	padding-bottom: 11px;
    text-align: center;
	}
.code {
    background-color: #000000;
}
.engineering {
    background-color: #284381;
}	
.ba {
    background-color: #b51d1d;
}
.design {
    background-color: #4b502e;
}
#navbar li a:hover, #navbar li a.active {
	color: #4b4940;
	text-decoration: none;
	border-bottom-style: none;
	background-color: #fff;
	}	

#navbar li.about {
	margin-right: 0px;
}

/*------------------------------------------------------------------

6. Dates & sponsors

-------------------------------------------------------------------*/ 
div.help_bubble  {
        color:#B51D1D;
        display:inline-block;
        font-size:35px;
        font-weight:bolder;
        height:135px;
        line-height:120%;
        margin-top:60px;
        text-align:center;
        width:135px; 
}
div.help_bubble:hover {
    	color: #284381 !important;
}

ul.dates {
	margin-top: 40px;
}

ul.dates li {
	width: 240px;
	list-style-type: none;
	float: left;
}

ul.dates li a {
	font-size: 16px;
	font-weight: bolder;
	color: #4b4940;
}
ul.dates li p {
	font-size: 12px;
	color: #4b4940;
	line-height: 13px;
}

ul.dates li.dates_title {
	background: url(/wp-content/themes/mandigo-14/images/dates_title.gif);
	background-position-x: left;
	background-position-y: top;
	background-repeat: no-repeat;
	background-color: #fff;
	display: block;
	width: 230px;
	height: 33px;
	padding-top: 10px;
	padding-left: 10px;
}

ul.dates li.dates_title a {
	color: #ffffff;
	font-weight: bold;
}

ul.home li.home_title {
	background: url(/wp-content/themes/mandigo-14/images/home_title.gif);
	background-position-x: left;
	background-position-y: top;
	background-repeat: no-repeat;
	background-color: #fff;
	display: block;
	width: 160px;
	height: 33px;
	padding-top: 10px;
	padding-left: 50px;
	margin-top:50px;
	float:right;	
}

li.home_title a {
	color: #ffffff;
	font-weight: bold;
} 

ul.xero {
	margin-top: 40px;
}

ul.xero li a {
	font-size: 13px;
	color: #4b4940;
	line-height: 115%;

}

ul.xero li p{
	font-size: 13px;
	color: #4b4940;
	line-height: 115%;
} 

ul.xero li {
	margin-right: 10px;
	width: 225px;
	list-style-type: none;
	float: left;
}

ul.xero span.title a {
       font-size: 16px;
	font-weight: bold;
}

ul.xero li.xero_title {
	background: url(/wp-content/themes/mandigo-14/images/xero-badge.png);
	background-position-x: left;
	background-position-y: top;
	background-repeat: no-repeat;
	background-color: #fff;
	display: block;
	width: 226px;
	height: 47px;
	padding-top: 10px;
	padding-left: 10px;
}

ul.xero li.dates_title a {
	color: #ffffff;
	font-weight: bold;
}

ul.sponsors {
	margin-top:40px;
}

ul.sponsors li {
	list-style-type: none;
	float: left;
    	margin-right:35px;
}
/*------------------------------------------------------------------

7. Footer

-------------------------------------------------------------------*/ 

.footer {
	
}