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

	TEMPLATE:		base_css
	AUTHOR:			Jim Arment
	SITE:			http://jarment.com
	DATE:			12.10.2010
	
	CONTENTS:

	1. RESET
	2. BASE TYPO
	3. IMAGES
	4. LINKS
	5. FORMS
	6. TABLES
	7. ADDRESS
	8. FRAMEWORK
	9. COLOR CODES

	All attributes in alpha-numeric order
	property: trbl, tb rl, t rl b, t r b l;
	bg shorthand: background: color url() repeat vertical-position horizontal-position;
	All font names should be quoted "Arial" 
	However, font families like Serif, Sans-Serif and Monospace do not need quotes.

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

/* 1. RESET
	no editing required
----------------------------------------------------------------------------- */
html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del,  i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox{ background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
blockquote, q { quotes: none; }
br { height: 0; }
ul, ol, dl { list-style: none; }
a img { border: 0; }
img, header, footer, nav, section, article, aside, menu { display: block; }
img.inline { display: inline; vertical-align: middle; }

/* 2. BASE TYPO
----------------------------------------------------------------------------- */
/* Edit @font-face fonts */
@font-face { font-family: "Museo Sans"; src: url("/css/fonts/MuseoSans_500.eot"); src: local("Museo Sans 500"), local("MuseoSans-500"), url("/css/fonts/MuseoSans_500.woff") format("woff"), url("/css/fonts/MuseoSans_500.svg#MuseoSans-500") format("svg"), url("/css/fonts/MuseoSans_500.otf") format("opentype"); }
@font-face { font-family: "Museo Sans"; font-style: italic; src: url("/css/fonts/MuseoSans_500_Italic.eot"); src: local("Museo Sans 500 Italic"), local("MuseoSans-500Italic"), url("/css/fonts/MuseoSans_500_Italic.woff") format("woff"), url("/css/fonts/MuseoSans_500_Italic.svg#MuseoSans-500Italic") format("svg"), url("/css/fonts/MuseoSans_500_Italic.otf") format("opentype"); }
@font-face { font-family: "Lobster13Regular"; src: url('/css/fonts/Lobster_1.3-webfont.eot'); src: local('☺'), url('/css/fonts/Lobster_1.3-webfont.woff') format('woff'), url('/css/fonts/Lobster_1.3-webfont.ttf') format('truetype'), url('/css/fonts/Lobster_1.3-webfont.svg#webfontcOtP3oQb') format('svg'); font-weight: normal; font-style: normal; }

/* Edit base font parameters */
body { border-top: 5px solid #263a3b; color: #263a3b; font: normal 12px "Verdana", "Helvetica", "Arial", sans-serif; line-height: 1.5em; }

code, samp, kbd, var { font-family: "Courier New", "Courier", Monospace; }

h1, h2, h3, h4, h5, h6, b, strong { font-weight: bold; }
i, em, cite, dfn, ins { font-style: italic; }
del, code, samp, kbd, var { font-style: inherit; }

del { text-decoration: line-through; }
ins { text-decoration: none; }

abbr, acronym { border: 0; cursor: help; text-decoration: none; }

/* Edit base font and font-size for headings */
h1, h2, h3, h4, h5, h6 { font-family: "Museo Sans", "Helvetica", "Arial", sans-serif; font-weight: normal; line-height: 1.33em; text-shadow: 0 1px 0 rgba(255,255,255,0.3) }
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { color: #8f4227; font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 18px; margin-bottom: 10px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6); }
h6 { font-size: 14px; }

ul, dl { list-style: disc; }
ol { list-style: decimal; }

li, dt, dd, p, pre, address, legend, label, input, textarea,  select, option, optgroup, th, td { font: inherit; }

p, ul, ol, table, dl { margin-bottom: 15px; }

small { font-size: 10px; } 	/* 2px smaller, than body base */
big { font-size: 14px; } 	/* 2px larger, than body base */

/* 3. IMAGES
----------------------------------------------------------------------------- */
img, a img { background: transparent; border: 5px solid #2f484a; }
img.left, img.right { margin: 0 10px 10px; }
img.left { margin-left: 0; }
img.right { margin-right: 0; }
img.none { background: transparent; border: 0; padding: 0; }
a:active img, a:hover img { border-color: #404040; }


/* 4. LINKS
----------------------------------------------------------------------------- */	
a { text-decoration: none; }
a:link, a:active, a:visited  { color: #8f4227; }
a:hover { color: #8f4227; text-decoration: underline; }

/* 5. FORMS
----------------------------------------------------------------------------- */
label { }
input, select, textarea { background: #d8d9cd; border: 1px solid rgba(0, 0, 0, 0.6); font-size: 14px; padding: 4px; width: 250px; }
textarea { height: 141px; }
textarea:focus, input:focus { background: #fff; border: 1px solid #8f4227; }
select, .button input, .checkbox input { width: auto; }
input.button { background: #8f4227; border: 1px solid rgba(0, 0, 0, 0.6); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #d8d9cd; font-family: "Lobster13Regular"; font-size: 18px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6); width: auto; }
input.button:hover { background: #2f484a; cursor: pointer; }
form p { clear: both; float: left; position: relative; width: 49%; }
form .no-clear { clear: none; margin-left: 2%; }
form .full { width: 100%; }
.full input, .full select, .full textarea { padding: 1% 1.5%; width: 97%;}
.captcha i { display: block; font-style: none; }

/* 6. TABLES
----------------------------------------------------------------------------- */
table { width: 100%; }
th, td { padding: 8px; }
th { text-align: left; }

/* 7. ADDRESS
----------------------------------------------------------------------------- */
address { font-style: normal; }

address.vcard { color: #fff; }
address.vcard br { display: none; }

address span{ display: block; }
address span.locality, address span.region, address span.postal-code, address span.type, address span.value { display: inline; }
address span.adr, address span.email { margin-bottom: 10px; }
address span.fn, address span.org { color: #93945e; font-size: 14px; font-weight: normal; margin-bottom: 10px; }
address span.dl-vcard { background: transparent url (../images/site/ico-dl_vcard.gif) no-repeat 0 7px; padding-left: 30px; }

/* 8. FRAMEWORK
----------------------------------------------------------------------------- */
.hide { display: none; }
.no-js .hide { display: block; }

.left { float: left; }
.right { float: right; }

/* use sparingly */
.float-cleared { clear: both; height: 0; font-size: 0; }
.float-clear:after { content: "."; clear: both; display: block; height: 0; font-size: 0; visibility: hidden; }
.clear { clear: both; }

.txt-right { text-align: right; }
.txt-left { text-align: left; }
.txt-center { text-align: center; }
.txt-justify { text-align: justify; }

.slant { font-style: italic; }
.nodeco { border: none; text-decoration: none; }
.cap { text-transform: uppercase; }

.ui-tabs-hide { display: none; }

/* 9. COLOR CODES
----------------------------------------------------------------------------- */

/*
Nearly Black: #1e1e1e
Gray: #737373
Lightest Gray: #dbdbdb
Yellow: #fac306
*/
/* -------------------------------------------------------------- 
-----------------------------------------------------------------

	TEMPLATE:		ja_css
	AUTHOR:			Jim Arment
	SITE:			http://jarment.com
	DATE:			12.10.2010
	
	CONTENTS:

	1. STRUCTURE
	2. HEADER/NAV
	3. FOOTER
	4. HOMEPAGE
	5. SIDEBAR


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

/* 1. STRUCTURE
----------------------------------------------------------------------------- */
html { background: url(/images/body_bg.png) no-repeat top center, url(/images/html_bg.jpg) repeat 0 0; background-color: #d8d9cd; }
body { }

#container { margin: 0 auto; width: 960px; }
#footer_container { background: #2f484a; border-top: 1px solid #8f4227; clear: both; float: left; padding: 40px 0 30px; position: relative; width: 100%; }
#mainHeader, 
#mainContent,
#mainFooter { clear:both; margin-bottom: 50px; }

.more a { background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(0, 0, 0, 0.1); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float: left; font: 14px "Museo Sans"; padding: 10px 15px; text-decoration: none; text-transform: lowercase; }
.more a:hover {	background: #8f4227; color: #d8d9cd; }

/* 2. HEADER/NAV
----------------------------------------------------------------------------- */
header h1 {
	float: left;
	height: 91px;
	width: 328px;
}
#mastNav {
	float: right;
	margin-right: -10px;
}
#mastNav li {
	float: left;
	list-style: none;
}
#mastNav a {
	color: #263a3b;
	display: block;
	font-family: "Museo Sans";
	font-size: 18px;
	margin: 0 10px;
	padding: 10px 15px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
	text-decoration: none;
}
#mastNav a:hover {
	background: rgba(255,255,255,0.3)	
}


/* 3. FOOTER
----------------------------------------------------------------------------- */
footer { margin: 0 auto; width: 960px; }
footer a:link, footer a:visited {
	color: #d8d9cd;
}
footer p, footer h5 {
	color: #d8d9cd;
}
footer form p {
	color: #263a3b;
	position: relative;
}
footer label {
	color: rgba(0, 0, 0, 0.5);
	left: -180px;
	position: absolute;
	text-align: right;
	text-shadow: 0 1px 0 rgba(255,255,255,0.1);
	top: 4px;
	width: 150px;
}
footer section {
	float: left;
	margin-left: 4%;
	width: 21%;
}
#ft_contact {
	background: rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	border-top: 1px solid rgba(0,0,0,0.1);
	margin-left: 0;
	width: 48%;
}
#ft_contact form, #ft_contact h5 {
	margin: 15px 15px 0;
}
.captcha input {
	margin-top: 3px;
	width: 130px;
}
#copyright { bottom: 15px; color: #979985; margin: 80px 0 0; position: absolute; text-align: right; width: 960px; }
#copyright p, #copyright a:link, #copyright a:visited { color: rgba(0, 0, 0, 0.5); text-shadow: 0 1px 0 rgba(255,255,255,0.1); }
#connect li, #sitemap li { list-style: none; }
#connect a, #sitemap a {
	background: url(/images/jarment_sprite.png) no-repeat -379px -12px;
	display: block;
	padding: 0 0 2px 24px;
}
#connect .flickr a {
	background-position: -379px -40px;
}
#connect .linkedin a {
	background-position: -379px -68px;
}
#sitemap a {
	background-position: -379px -95px;
}

/* 4. HOMEPAGE
----------------------------------------------------------------------------- */
#highlighted_work {
	background: #2f484a;
	padding: 5px;
}
#highlighted_work a {
}
#tagline {
	background: rgba(255, 255, 255, 0.3);
	margin: 40px 0;
	padding: 30px;
}
#block {
	float: left;
	margin: 0 0 50px -6.5%;
}
#block section {
	background: url(/images/jarment_sprite.png) no-repeat -50px -2px;
	float: left;
	margin-right: 6%;
	padding-left: 6%;
	width: 23.3%;
}
#block section h3 {
	margin: 12px 0;
}
#block #commercial {
	background-position: -50px -219px;
}
#block #recent_posts {
	background-position: -50px -439px;
	margin-right: 0;
}
#recent_posts li {
	margin-left: 15px;
}
#recent_posts h4 {
	font: 12px/1.5em "Verdana","Helvetica","Arial",sans-serif;
}
#recent_posts li a {
	color: #263a3b;
}
/* 5. SIDEBAR
----------------------------------------------------------------------------- */


/* 6. SPLASH
----------------------------------------------------------------------------- */
#splash {
	font-family: "Museo Sans";
	text-align: center;
}
#splash h2 {
	margin: 380px 0 30px;
}
#splash a {
	border-bottom: 1px solid transparent;
	text-decoration: none;
	-webkit-transition: .5s all;
}
#splash a:hover {
	border-color: #8f4227;
}

/* 7. NIVO SLIDER v2.1 - http://nivo.dev7studios.com
----------------------------------------------------------------------------- */
.nivoSlider {position:relative;}
.nivoSlider img {
	position:absolute;
	top:0;
	left:0;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0;
	bottom:0;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {left:0;}
.nivo-nextNav {right:0;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	bottom: -30px;
	left: 50%;
	margin-left: -20px;
	position: absolute;
}
.nivo-controlNav a {
	background: url(/images/jarment_sprite.png) no-repeat 0 0;
	cursor:pointer;
	display: block;
	float: left;
	height: 16px;
	position:relative;
	text-indent: -9999px;
	width: 16px;
	z-index:99;
}
.nivo-controlNav a.active {
	background-position: -17px 0;
	font-weight:bold;
}

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

	TEMPLATE:		ie_css
	AUTHOR:			Jim Arment
	SITE:			http://jarment.com
	DATE:			09.08.2010
	
	To target IE6 use .ie6
	To target IE7 use .ie7
	To target IE8 use .ie8

	Use comments for all declarations in this stylesheet


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