/*
Theme Name: Outsource Locally
Theme URI: http://www.outsourcelocally.com
Description: Custom theme for Outsource Locally.
Author: Travis Watson
Author URI: http://www.dullandgrey.com
.
All designs, images, and code are the intellectual property of this theme's author
and of Outsource Locally.  Reproduction in part or in whole is not allowed without
written permission from *both* Travis Watson and Outsource Locally.
.
*/

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #dcdcdc;
	position: relative;
}

* {
	outline: 0;
}

img {
	border: 0;
	vertical-align: middle;
}

.clearboth {
	clear: both;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

#container {
	width: 972px;
	margin: 0 auto;
	padding: 0;
	background: url('img/bg.gif') repeat-y 0 0;
	position: relative;
	font-family: Tahoma, Geneva, sans-serif;
}

/*
HEADER + SOCIAL MEDIA
*/

#header {
	width: 972px;
	height: 130px;
	margin: 0 0 -15px 0;
	background: url('img/header.gif') no-repeat 0 0;
	position: relative;
	text-indent: -999em;
}

#socialmedia {
	position: absolute;
	right: 15px;
	top: 35px;
	height: 49px;
	background: url('img/sm_back.gif') repeat-x 0 0;
	text-indent: 0;
}

#socialmedia * {
	display: block;
	float: left;
	position: relative;
}

#socialmedia a {
	text-indent: -999em;
	height: 32px;
	width: 32px;
	margin: 12px 4px 0 5px;
}

#socialmedia a:hover {
	background-position: 0 -32px;
}

#ol_facebook {
	background: url('img/facebook.gif') no-repeat 0 0;
}

#ol_linkedin {
	background: url('img/linkedin.gif') no-repeat 0 0;
}

#ol_twitter {
	background: url('img/twitter.gif') no-repeat 0 0;
}

/*
TOP MENU STYLES (red ribbon)
*/

#topmenu {
	position: relative;
	z-index: 100;
	width: 972px;
	right: -3px; /* menu overhang */
	padding: 0;
	height: 56px;
}

#topmenu img, #topmenu ul {
	display: block;
	float: right; /* because of this, images are in reverse order in markup */
}

#topmenu ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
	height: 56px;
	background: url('img/menu_back.gif') repeat-x 0 0;
}

#topmenu ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	height: 56px;
}

#topmenu ul li a {
	display: block;
	font-size: 20px;
	line-height: 52px;
	color: #fff;
	text-decoration: none;
	padding: 0 15px;
}

#topmenu ul li a:hover, #topmenu .current_page_item {
	background: url('img/menu_back.gif') repeat-x 0 -56px;
}

/*
SIDEBAR STYLE
*/

#sidebar {
	float: left;
	width: 200px;
	position: relative;
	background: url('img/sidebar_back.gif') repeat-y 100% 0;
	margin-top: 50px;
	padding: 0 20px;
	font-size: 14px;
}

#sidebar_top_image {
	position: absolute;
	right: 0;
	top: 0;
}

#sidebar_bottom_image {
	position: absolute;
	right: 0;
	bottom: 0;
}

#sidebar h4 {
	background: url('img/sidebar_header.png') no-repeat 0 0;
	width: 200px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	text-indent: 15px;
	margin: 20px 0 10px;
	position: relative;
	left: -20px;
}

#sidebar a {
	color: #00027d;
	text-decoration: none;
}

#sidebar h4 a {
	color: inherit;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	font-size: 0.8em;
	line-height: 1.1em;
	margin: 10px 0;
	padding: 0;
}

#sidebar span.from-meta {
	display: none;
}

#sidebar span.entry-meta {
	display: block;
}

#sidebar label.screen-reader-text {
	display: none;
}

/*
CHILD MENU (horizontal pictures)
*/
#childmenu {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
	position: relative;
	top: -30px;
}

#childmenu li {
	display: inline-block;
	width: 125px;
	height: 140px;
	text-indent: -999em;
}

#childmenu a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#childmenu .cat-item-3 a {
	background: url('img/sub_informationtechnology.gif') no-repeat 0 0;
}

#childmenu .cat-item-4 a {
	background: url('img/sub_webdevelopment.gif') no-repeat 0 0;
}

#childmenu .cat-item-5 a {
	background: url('img/sub_techforsale.gif') no-repeat 0 0;
}

#childmenu .cat-item-6 a {
	background: url('img/sub_socialmedia.gif') no-repeat 0 0;
}

#childmenu .page-item-5 a {
	background: url('img/sub_ourcompany.gif') no-repeat 0 0;
}

#childmenu .page-item-6 a {
	background: url('img/sub_ourteam.gif') no-repeat 0 0;
}

#childmenu .page-item-13 a {
	background: url('img/sub_informationtechnology.gif') no-repeat 0 0;
}

#childmenu .page-item-16 a {
	background: url('img/sub_socialmedia.gif') no-repeat 0 0;
}

#childmenu .page-item-17 a {
	background: url('img/sub_webdevelopment.gif') no-repeat 0 0;
}

#childmenu .page-item-42 a {
	background: url('img/sub_testimonials.gif') no-repeat 0 0;
}

#childmenu .page-item-63 a {
	background: url('img/sub_portfolio.gif') no-repeat 0 0;
}

#childmenu a:hover, #childmenu .current_page_item a, #childmenu .current-cat a {
	background-position: 0 -140px;
}

/***** FOR CONTENT STYLINGS, SEE CONTENT.CSS *****/

/*
FOOTER STYLES
*/

#footer {
	clear: both;
	color: #777;
	font-size: 12px;
	text-align: center;
	background: url('img/footer.gif') no-repeat center bottom;
	padding: 20px 0;
}

/*
TROUBLE TICKET STYLES
*/
#trouble-ticket {
	position: absolute;
	width: 100%;
	left: 0;
	top: -3px;
	z-index: 999;
}


#trouble-ticket-sliding {
	width: 100%;
	margin: 0;
	padding: 10px 0;
	background-color: #5b8dba;
	display: none;
}

#trouble-ticket form {
	width: 956px;
	margin: 0 auto;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
}

#trouble-ticket .left {
	width: 170px;
	float: left;
	border-left: 1px solid #5482AB;
	padding: 10px;
	height: 260px;
}

#trouble-ticket .right {
	border-right: 1px solid #5482AB;
}

#trouble-ticket .subsection {
	height: 130px;
}

#trouble-ticket input.text, #trouble-ticket select, #trouble-ticket textarea {
	display: block;
	width: 166px;
	background-color: #EEEEEE;
	color: #01325E;
	border: 1px solid #012240;
	padding: 2px;
	margin: 5px 0;
	font-size: 11px;
}

#trouble-ticket textarea {
	height: 200px;
}

#trouble-ticket p {
	color: #BCD6ED;
	font-size: 12px;
	margin: 5px 0;
}

#trouble-ticket input.text:focus, #trouble-ticket select:focus, #trouble-ticket textarea:focus {
	border: 1px solid #CFB365;
}

#trouble-ticket label {
	color: #BCD6ED;
	font-size: 12px;
}

#trouble-ticket input.submit {
	display: block;
	width: 100px;
	height: 18px;
	overflow: hidden;
	background: url('img/tt-submit.png') no-repeat 0 0;
	border: 0;
	padding: 0;
	margin: 20px 0 0 0;
	text-align: left;
	text-indent: -999em;
	font-size: 0;
}

#trouble-ticket h4 {
	margin: 0 0 10px 0;
	color: #EE9B3B;
	border-bottom: 1px solid #5482AB;
	font-size: 16px;
}

#trouble-ticket-bottom {
	background: transparent url('img/tt-border.png') repeat-x 0 0;
	margin-top: -2px;
}

#trouble-ticket-bottom a {
	display: block;
	width: 163px;
	padding: 0 0 0 797px;
	margin: 0 auto;
	height: 33px;
	background: url('img/tt-button.png') no-repeat right top;
	text-indent: -999em;
}