/*
Author: Matt Rheault
Description: This is the main stylesheet for mjrportfolio.com
*/

/*---------============Global Styles===========---------*/
* {margin:0;padding:0;}
body {background: url(../images/body_bg.jpg) repeat;font-size: 10pt;font-family: 'Molengo', arial, serif;color: #222;}
img {border: none;}
a {color: #222;text-decoration: underline;}
a:hover {color: #850E0E;}
a:visited {color: #444;}
a:active {color: #000;}
ul {list-style-type: none;}
hr{margin: 20px 0;border-bottom: 1px dotted #202020;border-top: none;outline: none;height: 1px;}
h1 {font-size: 16pt;}
h2 {font-size: 14pt;}
h3 {font-size: 12pt;}
.clear {clear: both;}
.left {width: auto;float: left;}
.right {width: auto;float: right;}
.txt_left {text-align: left;}
.txt_center {text-align: center;}
.txt_right {text-align: right;}
.arrow_list li {line-height: 15px;background: url(../images/arrow_black_left.png) no-repeat left center;padding: 0 0 0 10px;}
.arrow_list li:hover {padding: 0 0 0 14px;}
/*---------============FORM STYLES===========---------*/
input[type=button], .submit {
	display: inline-block;
	background: url("../images/btn.bg.png") repeat-x 0px 0px #DFDFDF;
	padding:5px 10px 6px 10px;
	font-weight:bold;
	border:1px solid rgba(0,0,0,0.4);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	text-shadow: 1px 1px #fff;
}
input[type=button]:hover, .submit:hover {
	background: url("images/btn.bg.png") repeat-x 0px 0px #EFEFEF;
	color:#850E0E;
	cursor: hand;
	cursor: pointer;
}
button {padding: 3px 5px;}
/*---------============MAIN TEMPLATE STYLES (do not touch)===========---------*/
div.wrapper {width: 1000px;margin: 0 auto;}
div.shadow_top {position: absolute;width: 100%;height: 25px;background: url(../images/burn.png) repeat-x top;}
/*---------============TOP ID===========---------*/
#top {background: url(../images/header_top.jpg) repeat-x center;}
#top, a.twitter {height: 26px;line-height: 26px;}
#top a.twitter {display: block;width: 110px;float: right;background: url(../images/twitter_ico.png) no-repeat left;margin: 0 10px;padding: 0 0 0 22px;color: #888;text-decoration: none;}
#top a.twitter:hover {color: #bbb;}
/*---------============HEADER ID===========---------*/
#header {height: 100px;background: url(../images/header_gradient.jpg) repeat-x center;}
#header a.flag {position: absolute;top: 0;display: block;width: 118px;height: 110px;background: url(../images/flag_logo.png) no-repeat;}
#header a.flag:hover {background: url(../images/flag_logo_hover.png) no-repeat;}
#header div.rheault {width: 1000px;height: 100px;background: url(../images/logo.png) no-repeat center;}
/*---------============NAVIGATION ID===========---------*/
#navigation {height: 45px;background: url(../images/nav_alt.jpg) repeat-x;}
#navigation div.wrapper {height: 45px;background: url(../images/nav_inner.jpg) repeat-x;}
#navigation li span.big, #navigation li span.small {text-shadow: 1px 1px #000;}
#navigation li span.big {font-size: 12pt;color: #666;}
#navigation li span.small {font-size: 8pt;color: #404040;}
#navigation li, #navigation li a, #navigation li img {float: left;border: none;}
#navigation li a {display: block;width: 114px;height: 45px;padding: 3px 0 0 25px;text-decoration: none;}
#navigation li.last a {width: 117px;}
#navigation li a:hover {background: url(../images/nav_alt.jpg) repeat-x;}
#navigation li a:hover span.big {color: #909090;}
#navigation li.active a {background: #d6d6d6;}
#navigation li.active span.big {color: #000;text-shadow: 1px 1px #d8d8d8;}
#navigation li.active span.small {text-shadow: 1px 1px #d8d8d8;}
#navigation li.active a:hover span.big {color: #850E0E;}
/*---------============SUBNAV ID===========---------*/
#sub_nav {height: 42px;line-height: 30px;background: url(../images/subnav.jpg) repeat-x;	}
#sub_nav a, #sub_nav .title {color: #850E0E;text-shadow: 1px 1px #d7d7d7;text-decoration: none;}
#sub_nav a:hover {text-decoration: underline;}
/*---------============CONTENT ID===========---------*/
#content {border-top: 1px solid #000;}
#content div.wrapper {background: url(../images/content_bg4.png) repeat-y;width: 1030px !important;padding: 0 15px;display: table !important; /*important bug fix*/}
/*---------============CONTENT FIRST COLUMN ID===========---------*/
#first {float: left;width: 705px;min-height: 1000px;padding: 25px 0;}
#first div.post {padding: 0 35px;}
#first .heading {display: block;width: 630px;height: 25px;line-height: 25px;margin: 10px 0 0 0;font-size: 16pt;text-decoration: none;border-bottom: 1px dotted #222;}
#first a.heading:hover {color: #850E0E;border-bottom: 1px dotted #850E0E;}
#first div.date {display: block;position: absolute;width: 60px;height: 30px;line-height: 30px;margin: 0 -79px;padding: 0 0 0 7px;background: url(../images/date_bg.png) no-repeat;color: #000;font-size: 10px;text-shadow: 1px 1px #fff;}
#first div.post:hover div.date {background: url(../images/date_bg_hover.png) no-repeat;padding: 0 0 0 11px;color: #850E0E;}
#first div.post_bg1 {padding: 10px 20px;background: url(../images/div_hover.png) repeat;border-top: 1px dotted #444;border-bottom: 1px dotted #444;}
#first ul {margin: 0 50px;}
#first p {margin: 0 0 15px 0;clear: both;}
#first img {width: auto;height: auto;margin: 10px;padding: 3px;border: 1px solid #aaa;}
#first a img:hover {border: 1px solid #850E0E;}
#first a.more {display: block;width: 170px;height: 50px;line-height: 50px;padding: 0 0 0 10px;background: url(../images/arrow_black_left.png) no-repeat left center;color: #222;}
#first a.more:hover {padding: 0 0 0 14px;color: #850E0E;}
#first div.options li {width: auto;float: left;}
#first div.options a {display: block;width: 215px;height: 50px;line-height: 50px;float: left;margin: 10px;text-align: center;background: #DDE1E5;border: 4px solid #666;}
#first div.options a:hover {background: #121212;border: 4px solid #888;}
/*---------============CONTENT SECOND COLUMN ID===========---------*/
#second {float: left;width: 260px;margin: 0 0 0 20px;}
#second div.favorites, div.hire {padding: 0 10px 25px 0;text-shadow: 1px 1px #fff;}
#second div.briefcase, div.star, div.toolbox {height: 60px;font-size: 12pt;font-weight: bold;color: #222;text-shadow: 1px 1px #fff;margin: 0 0 0 10px;}
#second div.featured {background: #e9f1fb;padding: 0 0 25px 0;}
#second div.briefcase {line-height: 75px;padding: 0 0 0 62px;background: url(../images/briefcase.png) no-repeat left center;}
#second div.featured div.left {width: 120px;padding: 0 5px;background: url(../images/featured_bg.jpg) repeat-x;border-top: 1px solid #ccc;border-bottom: 1px solid #eee;}
#second div.featured a {display: block;padding: 2px;margin: 10px 0 10px 0;width: 110px;height: 80px;border: 1px solid #333;filter: alpha(opacity=75);opacity: .75;}
#second div.featured a:hover {border: 1px solid #850E0E;filter: alpha(opacity=100);opacity: 1;}
#second div.favorites {border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;background: url(../images/favorites_bg.jpg) repeat-x;}
#second div.star {padding: 0 0 0 50px;line-height: 80px;background: url(../images/favorites.png) no-repeat left center;}
#second div.favorites ol {list-style-type: decimal;margin: 0 0 0 30px;}
#second div.favorites li {color: #666;}
#second div.favorites a {display: block;width: 200px;border-bottom: 1px dotted #222;color: #222;text-decoration: none;}
#second div.favorites a:hover {border-bottom: 1px dotted #850E0E;color: #850E0E;}
#second div.hire {border-top: 1px solid #eee;border-bottom: 1px solid #d6d6d6;background: url(../images/featured_bg.jpg) repeat-x;}
#second div.toolbox {line-height: 70px;padding: 0 0 0 65px;background: url(../images/toolbox.png) no-repeat left center;}
#second div.hire p {margin: 0 0 0 10px;}
#second div.hire a:hover {color: #850E0E;}
#second div.hire ul {padding: 15px 0;margin: 0 0 0 20px;}
#second div.hire li {color: #222;}
#second div.updated {height: 25px;line-height: 25px;background: url(../images/dark1.jpg) repeat-x;color: #ddd;font-size: 10px;}
#second div.load {width: 260px;height: 56px;background: url(../images/loadbg.jpg) no-repeat;margin: -1px 0;padding: 30px 0;color: #ddd;font-size: 10px;}
#twitter {height: 350px;padding: 0 10px;margin: -20px 0 30px 0;}
/*---------============LEGAL ID===========---------*/
#legal {height: 26px;line-height: 26px;color: #888;text-shadow: 1px 1px #000;border-top: 1px solid #292929;background: url(../images/header_top.jpg) repeat-x center;}
#legal div.left {background: url(../images/legal_ico.png) no-repeat left center;padding: 0 0 0 24px;}
#legal a {color: #888;text-decoration: none;}
#legal a:hover {color: #bbb;}
#legal div.backtotop a {display: block;height: 24px;line-height: 24px;padding: 0 0 0 24px;background: url(../images/going_up.png) no-repeat left;}
/*---------============FOOTER ID===========---------*/
#footer {height: 250px;background: url(../images/footer_bg.jpg) repeat-x;border-bottom: 1px solid #000;}
#footer div.wrapper {padding: 50px 0;}
#footer div.float {float: left;width: 200px;margin: 0 25px;}
#footer p, h1 {color: #eee;font-size: 10pt;}
#footer a {display: block;width: 200px;line-height: 15px;background: url(../images/arrow_white_left.png) no-repeat left center;border-bottom: 1px dotted #bbb;margin: 5px 0 5px 10px;padding: 0 0 0 12px;color: #bbb;text-decoration: none;}
#footer a:hover {border-bottom: 1px dotted #eee;color: #eee;}
#footer span.credits {margin: 0 0 0 10px;color: #eee;}
#footer div.disclaimer {float: left;width: 450px;margin: 0 50px 0 0;}
#footer div.disclaimer p {color: #bbb;margin: 5px 0 5px 10px;}
#footer div.disclaimer a {display: inline;width: auto;border-bottom: none;margin: 0;color: #eee;text-decoration: underline;}
/*---------============COPYRIGHT ID===========---------*/
#copyright {height: 20px;line-height: 20px;background: #101010;border-top: 1px solid #222;color: #444;text-shadow: 1px 1px #000;}
#copyright div.left {background: url(../images/arrow_black_left.png) no-repeat left center;padding: 0 0 0 10px;}
#copyright a {color: #444;text-decoration: underline;}
#copyright a:hover {color: #666;}
.ajaxSearch_highlight {border-bottom: 1px dotted #850E0E;font-style: italic;font-weight: 600;}
.heading .ajaxSearch_highlight {border-bottom: none;}
/*---------============IMAGE PRELOAD===========---------*/
img.preload {display: none;visibility: hidden;filter: alpha(opacity=0);opacity: 0;position: fixed;left: -10000px;margin: 0;padding: 0;border: none;}