/*
 *  BodyMap Skills Stylesheet
 *
 *  Created by Eli Van Zoeren
 *  http://elivz.com
 *
 */

@import url(reset.css);

/* Begin layout */

body {
	text-align: center;
	}
	
#header, #content, #footer {
	width: 960px;
	margin: 0 auto;
	clear: both;
	text-align: left;
	}

#content:after {
/* auto clear the section */
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#content {display: inline-table;}
/* Hide from IE Mac \*/
* html #content {height: 1%;}
#content {display: block;}
/* End hide from IE Mac */

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin: 0;
	padding: 0 10px 1.333em;
	}
.col1 {
	width: 100px;
	}
.col2 {
	width: 220px;
	}
.col3 {
	width: 340px;
	}
.col4 {
	width: 460px;
	}
.col5 {
	width: 580px;
	}
.col6 {
	width: 700px;
	}
.col7 {
	width: 820px;
	}
.col8 {
	width: 940px;
	}

br.clear {
	clear: both;
	height: 0;
	}

/* End layout */


/* Begin general styles */
	
body {
	background: #a5573a url(../images/body-bg.jpg) repeat;
	color: #2e474d;
	}
	
/* End general styles */


/* Begin text */

body {
	font-size: 62.5%;  /* Reset base size to 10px */
	line-height: 2em;
	}

body, h2, h3, h4, input, textarea, select, label {
	font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
	}
		
h1, input, textarea, select, #nav, #footer {
	font-family: Tahoma, Helvetica, Arial, Geneva, sans-serif;
	font-weight: normal;
	}
	
code {
	font-family: Consolas, "Courier New", Courier, mono;
	}
	
p {
	padding-bottom: 1.333em;
	}
	
a {
	color: #bf5f3a;
	text-decoration: none;
	}
	
a:visited {
	color: #b15836;
	}
	
a:hover, a:focus, a:active {
	color: #bf5f3a;
	text-decoration: underline;
	}
	
h1 {
	font-size: 2em;
	}
	
h2 {
	font-size: 1.733em;
	line-height: 1.538em;
	}
	
h3 {
	font-size: 1.35em;
	line-height: 1.2em;
	padding-bottom: 0.6em;
	}
	
h4 {
	font-weight: bold;
	padding-bottom: 1.333em;
	color: #396973;
	}

h5 {
	font-weight: bold;
	display: inline;
	padding-right: 0.5em;
	}
	
blockquote {
	padding: 0 120px;
	margin-bottom: 1.333em;
	}
blockquote p {
	padding: 0;
	text-indent: -0.55em;
	font-style: italic;
	}
	
ul {
    overflow: hidden;
	list-style-type: disc;
	list-style-position: inside;
	padding-bottom: 1.333em;
	}
	
ol {
    list-style-type: decimal;
    list-style-position: inside;
	padding-bottom: 1.333em;
	}

ul li, ol li {
	padding-bottom: 0.333em;
	}

ul.columns li {
    float: left;
    width: 33%;
    }

strong {
  color: #396973;
  }

sup {
	vertical-align: super;
	font-size: 0.9em;
	line-height: 0.5em;
	}
h2 sup {
	font-size: 0.8em;
	}

img {
	border: 2px solid #7c9fa6;	
	}
img.left {
	margin-right: 0.5em;
}
img.right {
	margin-left: 0.5em;
	}
li img {
	border: none;
	}
	
hr {
    margin: 0 0 1.333em;
    height: 0;
    border: solid #7c9fa6;
    border-width: 1px 0 0;
    }

input, textarea, select {
	font-size: 1em;
	padding: 2px 4px;
	margin: 0;
	}

input[type=text], textarea {
	background: #a5573a;
	border: 1px solid #bf6942;
	color: #cadbd1;
	}

select {
	background: #dceae2;
	color: #2e474d;
	}

input[type=submit] {
	color: #2e474d;
	background: #be6942 url(../images/button-bg.gif) repeat-x bottom;
	border: 1px solid #984f30;
	padding: 2px 15px;
	-webkit-border-radius: 2px;
	-moz-border-radus: 2px;
	}
input[type=submit]:active {
	background: #a35a38 url(../images/button-bg-down.gif) repeat-x bottom;
	}

.meta {
	font-size: 0.9286em;
	}

.alert {
	color: #c01313;
	}

.left {
	float: left;
	}
.right {
	float: right;
	text-align: right;
	}

/* End text */ 

/* Begin header */

#skip {
	height: 0;
	width: 0;
	position: absolute;
	left: -9999px;
	}

#header-wrapper {
	font-size: 1.5em;
	background: #a5573a url(../images/header-bg.jpg) repeat-x;
	border-bottom: 5px solid #739da5;
	width: 100%;
	padding: 0;
	float: left;
	}

#header {
	width: 960px;
	padding: 0;
	}

h1 a {
	width: 250px;
	height: 100px;
	float: left;
	background: url(../images/title.jpg) no-repeat;
	text-indent: -9999px;
	}

#nav {
	float: right;
	margin-top: 42px;
	list-style-type: none;
	font-family: ff-nuvo-web-pro, verdana, sans-serif;
	font-size: 15px;
	line-height: 17px;
	}

#nav li {
	float: left;
	padding: 0 0 0 25px;
	text-transform: uppercase;
	}

#nav li a {
	color: #2e474d;
	padding: 0;
	margin: 0;
	display: block;
	height: 17px;
	}
#nav li a:hover, #nav li a.active {
	color: #bedbce;
	text-decoration: none;
	}


/* End header */


/* Begin body */

#content-wrapper {
	width: 100%;
	clear: both;
	font-size: 1.5em;
	background: #bedbce;
	padding: 40px 0 20px;
	zoom: 1;  /* Fix IE double-padding bug */
	}

.intro {
	color: #2e474d;
	font-weight: bold;
	}
	
.quote {
	font-size: 1.267em;
	line-height: 1.58em;
	font-style: italic;
	padding-bottom: 0;
	color: #15778b;
	}
cite {
	font-style: normal;
	font-size: 0.867em;
	color: #6c8581;
	}

.menu {
	padding: 10px;
	background: url(../images/menu-bg.jpg) repeat-x top;
	font-size: 1.1333em;
	line-height: 1.47em;
	color: #396973;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
.menu a {
	font-size: 1.058em;
	font-weight: bold;
	}

ul.links li {
	padding-bottom: 0;
	}

.blog_archives {
    margin-top: 1.55em;
    }

h2.blog-title {
    margin: -40px 0 20px;
    }
h2.blog-title a {
    display: block;
    width: 960px;
    height: 200px;
    background: url(../images/blog-title.jpg) no-repeat;
    text-indent: -9999px;
    }
.blog div.month {
    margin: 0.667em 0 1.333em;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #739DA5;
    }
.blog h3 {
    padding: 0;
    }
.post img {
    max-width: 696px;
    }
.post img.left {
    float: left;
    margin: 0 20px 20px 0;
    }
.post img.right {
    float: right;
    margin: 0 0 20px 20px;
    }

#comments {
    padding-top: 1.333em;
    border-top: 1px solid #739DA5;
    }
#comments li {
    padding-bottom: 0.667em;
    }
#comments li p {
    padding-bottom: 0.667em;
    }
#comments li .small {
    font-style: italic;
    }
#comments td {
    padding: 6px;
    vertical-align: top;
    }
#comments #comments-help {
    display: inline;
    font-size: 0.85em;
    }
#comments input[type="text"], #comments textarea {
    width: 300px;
    margin-right: 6px;
    background: #dbeae3;
	color: #2e474d;
    border-color: #739DA5;
    }
#comments input.disabled {
	display: none;
    }
#comments .comments_error {
    color: #a33;
    }

/* End body */

/* Begin footer */

#footer-wrapper {
	font-size: 1.4em;
	background: url(../images/footer-bg.jpg) repeat-x;
	border-top: 5px solid #739da5;
	width: 100%;
	padding: 40px 0 60px;
	float: left;
	}

#footer a {
	color: #365359;
	text-decoration: underline;
	}
#footer a:hover, #footer a:focus, #footer a:active {
	color: #bedbce;
	}

#footer .alert {
	clear: both;
	color: #625046;
	}

#footer label {
	display: none;
	}

div.vcard {
	padding-bottom: 1.429em;
	}

#contact ul {
	padding: 0;
	}

#contact ul li {
	display: inline;
	}

#contact ul li a {
	padding: 4px 8px 10px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	}

#contact .ui-tabs-selected a {
	color: #2e474d;
	text-decoration: none;
	background: url(../images/tab-bg.gif) repeat-x top;
	}

#contact .tab {
	padding: 20px 0 0;
	}
#contact input[type=submit] {
	width: 98px;
	}
#contact .right, #contact .left {
	width: 220px;
	text-align: left;
	}
#contact #send textarea {
	width: 208px;
	height: 7em;
	float: left;
	margin: 0;
	overflow: auto;
	}
#contact #send input[type=text] {
	width: 208px;
	float: left;
	margin: 0 0 1.333em 0;	
	}

#contact #join input[type=text] {
	width: 208px;
	float: left;
	margin: 0 20px 1.333em 0;	
	}
#contact #join input[type=submit] {
	float: left;
	}

.ui-tabs-hide { display: none; }
	
/* End footer */