/*
Theme Name: Jobboard
Theme URI:  http://www.tikodigital.com/
Description: The WordPress theme for site <b>Jobboard</b>.
Version: 1.0
Author: Tiko Digital
Author URI: http://www.tikodigital.com/
*/

html { width: 100%; }

* {
	margin: 0;
	padding: 0;
}

body {
	font: 12px/16px Arial, Verdana, Tahoma;
	color: #515151;
	background: #e5e5e5 url("images/back.gif") 0 0 repeat-x;
}

a img, fieldset {
	border: none;
}

legend {
	display: none;
}

p {
	margin: 10px 0 0 0;
}

ul, ol {
	margin: 10px 0 0 20px;
}

pre {
	font: 14px/16px "Courier New", Courier, monospace;
	color: #333;
	margin: 10px 0;
}

a {
	color: #000;
}

a:hover {
	text-decoration: none;
}

a:hover, a:active, a:focus {
	outline:none;
}

.overflow {
	overflow: auto;
}

/*
	Layonts
*/

#wrapper {
	float: left;
	width: 100%;
	overflow: hidden;
}

#container {
	float: left;
	margin: 0;
	width: 100%;
	overflow: hidden;
	padding: 0 0 20px;
	background: #f3f3f3 url("images/wrapper.gif") 0 0 repeat-x;
}

#header {
	margin: 0 auto;
	width: 980px;
	height: 102px;
	overflow: hidden;
}

	#content {
		float: left;
	}

	#left {
		float: left;
	}

	#right {
		float: right;
	}

#footer {
	float: left;
	width: 100%;
	margin: 0;
	border-top: 3px solid #c7c7c7;
}

/*
	Header
*/

/*
	Logo
*/

#logo {
	float: left;
	width: 233px;
	height: 44px;
	margin: 30px 0 0 30px;
}

	#logo h1 {
		position: relative;
		font: bold 16px/35px Arial, Tahoma, sans-serif;
		margin: 0;
		padding: 0;
	}

		#logo h1 a {
			display: block;
			width: 233px;
			height: 44px;
			cursor: pointer;
			color: #fff;
		}

		#logo h1 span {
			position: absolute;
			width: 233px;
			height: 44px;
			background: url("images/logo.gif") center no-repeat;
		}

/*
	Navbar
*/

#menu {
	float: right;
	width: 650px;
	height: 32px;
	margin: 70px 0 0;
}

	/* Menu */

	#nav {
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 32px;
		width: 650px;
	}

	#nav li {
		float: left;
		margin: 0 1px 0 0;
		font: bold 14px/32px Arial, Tahoma, sans-serif;
		padding: 0;
		height: 32px;
		text-transform: uppercase;
	}

		#nav li a {
			display: block;
			color: #264a6c;
			text-decoration: none;
			background: url("images/menu/menu_left.gif") 0 0 no-repeat;
			padding: 0 0 0 14px;
		}

			#nav li a span {
				display: block;
				background: url("images/menu/menu.gif") right top no-repeat;
				padding-right: 14px;
			}

			#nav li a:hover {
				color: #c71c00;
			}

	ul#nav li.active {
	}

		ul#nav li.active a {
			color: #fff;
			background: url("images/menu/home_left.gif") 0 0 no-repeat;
		}

			#nav li.active a:hover {
				color: #fff;
			}

			ul#nav li.active a span {
				background: url("images/menu/home.gif") right top no-repeat;
			}

/*
	Content
*/

/* Home */

#home {
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
	margin-top: 20px;
}

#home .splash {
	float: left;
	width: 680px;
	background: url("images/home/block_back.gif") 0 0 repeat-y;
}

	#home .splash .top {
		float: left;
		width: 660px;
		height: 15px;
		background: url("images/home/block_top.gif") 0 0 no-repeat;
	}

	#home .splash .bottom {
		float: left;
		width: 660px;
		height: 15px;
		background: url("images/home/block_bottom.gif") 0 0 no-repeat;
	}

	#home .splash .text {
		float: left;
		width: 500px;
		margin: 0 0 0 30px;
	}

		#home .splash .text p {
			font: bold 23px/26px Arial;
			color: #c71c00;
			text-transform: uppercase;
			letter-spacing: -1px;
			text-shadow: 1px 0px 0px #fff;
		}

	#home .splash .image {
		float: left;
		width: 366px;
		height: 282px;
		margin: 0 0 0 24px;
		background: url("images/home/splash.jpg") 0 0 no-repeat;
	}

	#home .splash .tabs {
		float: left;
		width: 280px;
		height: 270px;
		background: url("images/home/tabs.jpg") 0 0 no-repeat;
		margin: 10px 0 0;
	}

		#home .splash .tabs ul {
			float: left;
			margin: 10px 30px 0 20px;
			list-style-type: none;
		}

			#home .splash .tabs ul li {
				float: left;
				width: 230px;
				height: 60px;
				font: bold 17px/63px Arial;
				text-transform: uppercase;
				letter-spacing: -1px;
				margin: 0 0 28px 0;
				text-align: right;
			}

				#home .splash .tabs ul li.forum {
					line-height: 20px;
					padding-top: 12px;
				}

				#home .splash .tabs ul li a {
					color: #fff;
					display: block;
					text-decoration: none;
				}

#home .aside {
	float: left;
	width: 290px;
}

	#home .aside .about {
		float: left;
		width: 290px;
		background: url("images/blocks/back.gif") 0 0 repeat-y;
		margin-bottom: 20px;
	}

			#home .aside .about .text p {
				font: 12px/18px Arial;
				color: #515151;
				margin: 10px 30px 0 0;
			}

			#home .aside .about .text img {
				float: left;
				margin: 0 10px 0 0;
			}

	#home .aside .links {
		float: left;
		width: 290px;
		background: url("images/blocks/back.gif") 0 0 repeat-y;
	}

		#home .aside .about .text,
		#home .aside .links .text {
			float: left;
			margin: 10px 0 10px 20px;
		}

			#home .aside .about .text h3,
			#home .aside .links .text h3 {
				font: bold 20px/26px Arial;
				color: #284e73;
				text-transform: uppercase;
				letter-spacing: -1px;
				text-shadow: 1px 0px 0px #fff;
			}

		#home .aside .about .top,
		#home .aside .links .top {
			float: left;
			width: 290px;
			height: 15px;
			background: url("images/blocks/top.gif") 0 0 no-repeat;
		}

		#home .aside .about .bottom,
		#home .aside .links .bottom {
			float: left;
			width: 290px;
			height: 15px;
			background: url("images/blocks/bottom.gif") 0 0 no-repeat;
		}

		#home .aside .links .text ul {
			float: left;
			width: 100%;
			list-style-type: none;
			margin: 0;
		}

			#home .aside .links .text ul li {
				float: left;
				width: 115px;
				border-bottom: 1px dotted #757575;
				margin: 5px 10px 0 0;
				padding-bottom: 5px;
			}

				#home .aside .links .text ul li a {
					color: #32659a;
					text-decoration: none;
					padding-left: 20px;
					display: block;
				}

					#home .aside .links .text ul li a.monster {
						background: url("images/icons/monster.png") 0 0 no-repeat;
					}

					#home .aside .links .text ul li a.workopolis {
						background: url("images/icons/workopolis.png") 0 0 no-repeat;
					}

					#home .aside .links .text ul li a.alberta {
						background: url("images/icons/alberta.png") 0 0 no-repeat;
					}

					#home .aside .links .text ul li a.careerad {
						background: url("images/icons/careerad.png") 0 0 no-repeat;
					}

					#home .aside .links .text ul li a.jobboom {
						background: url("images/icons/jobboom.png") 0 0 no-repeat;
					}

					#home .aside .links .text ul li a.jobshark {
						background: url("images/icons/jobshark.png") 0 0 no-repeat;
					}
					
					#home .aside .links .text ul li a.lakeland{
						background: url("images/icons/lakeland.gif") 0 0 no-repeat;
					}

					#home .aside .links .text ul li a.vermilion{
						background: url("images/icons/vermilion.gif") 0 0 no-repeat;
					}


/*
	Jobboard
*/

#job {
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
	margin-top: 20px;
}

#job .table {
	float: left;
	width: 960px;
	background: url("images/table/back.png") 0 0 repeat-y;
}

	#job .table .top {
		float: left;
		width: 960px;
		height: 15px;
		background: url("images/table/top.png") 0 0 no-repeat;
	}

	#job .table .bottom {
		float: left;
		width: 960px;
		height: 15px;
		background: url("images/table/bottom.png") 0 0 no-repeat;
	}

	#job .table .text {
		float: left;
		width: 900px;
		margin: 0 0 0 30px;
		min-height: 300px;
	}

		#job .table .text p {
		}

			#job .table .text h1 {
				font: bold 20px/26px Arial;
				color: #c71c00;
				text-transform: uppercase;
				letter-spacing: -1px;
				text-shadow: 1px 0px 0px #fff;
				margin: 10px 0;
			}

				#job .table .text h1 a {
					color: #c71c00;
					text-decoration: none;
				}

			#job .table .text h2 {
				font: bold 18px/26px Arial;
				color: #284e73;
				letter-spacing: -1px;
			}

				#job .table .text h2 a {
					color: #284e73;
					text-decoration: none;
				}

/* Single */

#job .table .text .post {
}

	#job .table .text .post h4 {
		font: bold 14px/20px Arial;
		margin: 5px 0;
	}

	#job .table .text .post ul {
		margin: 10px 0 10px 20px;
	}

		#job .table .text .post ul li {
		}

			#job .table .text .post ul li span {
				font-weight: bold;
			}

/* Fork */

#topcategories {
	border-bottom: 1px solid #cfd2d6;
	border-top: 1px solid #cfd2d6;
	clear: both;
	text-align: center;
	margin: 5px 0;
}

.categoryGroup {
	float: left;
	margin: 10px 0 0 0;
	width: 100%;
}

.jobListingKey {
	float: left;
}

.jobListingKey h5 {
	float: left;
	margin: 10px 0 0 0;
	padding: 10px 0 10px 5px;
	font: bold 14px/20px Arial;
	text-transform: uppercase;
	background: #284e73;
	color: #fff;
}

ul.categoryListings  {
	float: left;
	list-style:none;
	padding:0;
	margin: 0;
	width: 100%;
}

ul.categoryListings  li {
	float: left;
	margin: 0;
	padding: 10px 0;
}

ul.jobListing {
	list-style:none;
	padding:0;
	margin:0;
}

ul.categoryListings li.odd {
	background:#f0f0f0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

ul.categoryListings li.even {
}

ul.jobListing li {
	float: left;
	padding: 0 0 0 5px;
	font: 12px/16px Arial;
}

.jobDate{
	width:150px;
}

.jobTitle {
	width: 370px;
}

.jobType {
	width: 200px;
}

.jobLocation {
	width:150px;
}

.clear {
 	clear:both;
}



/*
	Footer
*/

#footer .block {
	margin: 10px auto;
	width: 980px;
	overflow: hidden;
}

#footer p {
	font: 12px/14px Arial;
	margin: 5px 0;
	color: #606060;
}

	#footer .alignleft p {
		text-align: left;
		font: 13px/16px Arial;
		text-transform: uppercase;
	}

	#footer .alignright p {
		text-align: right;
		margin-right: 20px;
	}

#footer a {
	color: #b11900;
}

/*
	Other styles
*/

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.grey {
	color: #9c9c97;
}


/*
	Search form
*/

#searchform {
	width: 210px;
	height: 25px;
	margin-top: -3px;
}

	#searchform input {
		float: left;
	}

	#searchform .field {
		height: 25px;
		background: #fff;
		border: 0 none;
		width: 170px;
		font: 12px/25px Arial;
		color: #573112;
		padding: 0 2px;
		filter:alpha(opacity=80);
		-moz-opacity: 0.80;
		opacity: 0.80;
	}

	#searchform .button {
		height: 25px;
		width: 25px;
		border: 0 none;
		background: none;
		color: #184558;
		cursor: pointer;
		font: bold 12px/25px Arial;
		text-transform: uppercase;
		text-align: center;
	}


/*
	Subscribe form
*/

#subscribeform {
	float: left;
	width: 270px;
	height: 25px;
}

	#subscribeform input {
		float: left;
	}

	#subscribeform .field {
		height: 24px;
		border: 1px solid #d0baa2;
		width: 200px;
		font: 12px/25px Arial;
		color: #835c35;
		padding: 0 2px;
	}

	#subscribeform .button {
		height: 25px;
		width: 62px;
		border: 0 none;
		background: none;
		color: #184558;
		cursor: pointer;
		background: url("images/buttons/enviar.png") 0 0 no-repeat;
		margin-left: 2px;
	}


/*
	Images
*/

#content p img {
	padding: 0;
	max-width: 100%;
	margin: 5px;
	border: 1px solid #91b8b6;
}

#content img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content img.alignright {
	padding: 4px;
	margin: 10px 0 10px 10px;
	display: inline;
}

#content img.alignleft {
	padding: 4px;
	margin: 10px 10px 10px 0;
	display: inline;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}



#jobs_right_col{width:300px; float:right; margin-left:100px; margin-top:46px;}
#jobs_left_col{width:500px; float:left;}