/*

  Theme Name:		Universum Internship

  Theme URI:  	http://www.zumeodesign.com

  Description: 	Custom template for Universum Internship Website

  Version: 		1.0

  Author: 		Bryan Anderson

  Author URI:		http://www.zumeodesign.com

*/



/*=Reset CSS

  http://meyerweb.com/eric/tools/css/reset/ 

  v2.0 | 20110126

  License: none (public domain)

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



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,

b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

  display: block;

}

body {

  line-height: 1;

}

ol, ul {

  list-style: none;

}

blockquote, q {

  quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}



/*=General

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

body {

  background-color: #f6f6f6;

  font-size: 12px;

  font-family: arial, helvetica, san-serif;

  color: #313131;

}



.clear {

  clear: both;

}



a {

  color: #3c79b9;

}



/*=Header

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

#header {

  border-top: 10px solid #68c4e9;

  height: 325px;

  background-color: #049CDB;

}



#header #logo {

  width: 200px;

  position: relative;

  top: -11px;

  left: 0;

}



#header .content {

  height: 100%;

  background-image: url(images/header_background@2x.png);

  background-size: 333px;

  background-repeat: no-repeat;

  background-position: 545px 199px;

  background-position-y: 199px;

  background-position-x: 545px;

}



#header .menu {

  float: right;

  margin-top: 45px;

}



#header .menu ul {

}



#header .menu ul li {

  float: left;

}



#header .menu ul li a {

  background-color: #30b3e9;

  color: #fff;

  padding: 20px 24px;

  text-decoration: none;

  text-transform: uppercase;

}



#header .menu ul li.current_page_item a, 

#header .menu ul li a:hover {

  background-color: #fff;

  color: #027ebc;

}



/*=Footer

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

#footer {

  color: #5e5e5e;

  font-size: 11px;

  clear: both;

  border-top: 1px solid #e8e8e8;

  border-bottom: 1px solid #e8e8e8;

  padding-top: 20px;

  padding-bottom: 20px;

  margin-bottom: 100px;

}



#footer #logo {

  float: left;

}



#footer p {

  position: relative;

  top: 12px;

  left: 25px;

  line-height: 15px

}





/*=Forms

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

input[type=text] {

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  font-size: 21px;

  color: #a3a3a3;

  font-weight: bold;

  padding: 12px 18px;

  margin-bottom: 5px;

  position: relative;

  width: 85%;

  border: 0px;

}



#search_form {

  width: 810px;

  margin: 20px auto

}



#search_form p {

  width: 300px;

  float: left;

  margin-right: 20px;

}



#search_form p span {

  font-size: 17px;

  font-weight: bold;

  color: #fff;

  margin-left: 5px;

}



/*=Content and Archive Content

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

.content {

  width: 980px;

  margin: 0 auto;

}



.posting {

  margin: 30px 0;

  padding: 38px;

  border: 1px solid #e8e8e8;

  background-color: #fff;

}



.posting .featured_image {

  width: 350px;

  float: left;

  margin-right: 32px;

  margin-bottom: 20px;

}



.posting .posting_content h1 {

  font-size: 31px;

  font-weight: bold;

  margin-bottom: 15px;

}



.posting .posting_content p,

.archive .posting_content p {

  font-size: 14px;

  line-height: 20px;

  margin-bottom: 18px;

}



.archive {

  margin-top: 30px;

  margin-bottom: 30px;

  padding: 38px;

  width: 904px;

  border: 1px solid #e8e8e8;

  background-color: #fff;

}



.archive_title {

  background-color: #f2f2f2;

  padding: 12px;

  margin-bottom: 30px;

  margin-top: 30px;

}



.archive_title:first-child {

  margin-top: 0px;

}



.archive_title h1 {

  font-size: 31px;

  font-weight: bold;

  margin-bottom: 5px

}



.archive .posting_content .archive_title p {

  margin-bottom: 0px;

}



.archive_right {

  width: 228px;

  float: right;

  margin-left: 32px;

}



.archive_left {

  width: 644px;

  float: right;

}



.hover_background:hover {

  background-color: #e8e8e8;

  cursor: default;

}





/*=Home

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

.info_box {

  width: 274px;

  height: 255px;

  float: left;

  margin-right: 15px;

  padding: 40px 20px;

  border: 1px solid #e8e8e8;

  background-color: #fff;

  margin-top: 30px;

  margin-bottom: 30px;

}



.info_box:last-child {

  margin-right: 0px;

}



.info_box h2 {

  font-size: 18px;

  font-weight: bold;

  margin-bottom: 17px;

}



.info_box p {

  margin-bottom: 12px;

  line-height: 16px;

}



.info_box p a { 

  font-weight: bold;

  font-style: italic;

  text-decoration: none;

  font-size: 13px;
}

.popular_jobs {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

.popular_job_link {
	font-size: 14px;
	margin-top: 2px;
	margin-bottom: 2px;
}