/* 	

Client Name ( Scott Mackenzie )

===== file details ============

url: http://www.matthewsetter.org
Description: The default style sheet containing only framework elements
			for each page. (no colors and theme specific properties)
Version: 0001
Author: Scott Mackenzie

===== order of display ========

block
float
width
height
margin
padding
color
font
border

===== contents ================

last-updated: 31 Jan 2008;

1: universal 
	1a: general
	1b: reusable hacks
2: framework
	2a: pre-head
	2b: wrap
	2c: head
	2d: nav
	2e: body
	2f: sidebar

*/

/* =====================================

1: universal

======================================== */

/* 1a: general */

* { border: none; margin: 0; padding: 0; }
img { border: none; }

body {
	margin: 0;
	padding: 0;
 	color: #000;
  	font: small/150% verdana, helvetica, arial, sans-serif;
  	background: #fff url("") 0 0 repeat-y;
}

input, textarea, select {
  color: #000;
  font: small/170% verdana, helvetica, arial, sans-serif;
	border: 1px solid #cccccc;
}

input, textarea {
	padding:2px;	
}

div.worked-for-wrapper  {
	clear: both;
	width: 100%;
	display: block;
}

div.worked-for-wrapper div {
	float: left;
	width:125px;
	height:80px;
}

/* 1b: hacks */

/* hide stuff from the visual browsers */
.hidden { display: none; }

/* float hack */
#content:after, #footer:after {
	content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

#h1-meta {
	display: none;
	visibility: hidden;
}

#get-resume {
	font-size:8.5pt;
	padding:0px 1px 4px 1px;
}

h3 {
	
}

/* =====================================

2: framework

======================================== */

/* options panel */

.options-wrap {
	background: #e4e4e4;
	width: 100%;
	text-align: center;
}

.options {
	width: 680px;
	margin: 0 auto;
	text-align: right;
	padding-left: 20px;
	padding-bottom: 5px;
}

.options li {
	display: inline;
	font-size: 70%;
	color: #8e8e8e;
}

.options li a {
	color: #8e8e8e;
	text-decoration: none;
	padding-left: 35px;
	background-position: 21px 1px;
	background-repeat: no-repeat;
	background-color: transparent;
}

#search { background-image: url("../images/main/icon_search.gif"); }
#accessibility { background-image: url("../images/main/icon_plus.gif"); }
#jumpdown { background-image: url("../images/main/icon_down.gif"); }
#jumpup { background-image: url("../images/main/icon_up.gif"); }

.options li a:hover {
	text-decoration: underline;
}

/* content */

#content-wrap {
	text-align: center;
	width: 100%; 
	background: #fff url("../images/main/content_bg.gif") 0 bottom repeat-x;
	padding-bottom: 50px;
}

#content {
	width: 700px; 
	margin: 0 auto;
	text-align: left;
	clear: both;
}

#col-a {
	float: left;
	width: 224px;
	padding: 60px 30px 0 0;
}

#col-b {
	float: left;
	width: 446px;
}

#col-c {
	float: left;
	width: 200px;
	padding: 60px 0px 0 0;
}

/* =====================================

2: #col-a

======================================== */

#col-a-pad {
	padding-left: 20px;
}

#col-a h2 {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
	color: #a5a5a5;
	font-size: 150%;
	letter-spacing: -1px;
	margin: 34px 0 0 0;
	font-weight: normal;
}

#col-a li a, #col-a p a {
	color: #ff4400;
	text-decoration: none; 
	border-bottom: 1px dotted #ff4400;
}

#col-a li a:hover, #col-a p a:hover {
	border: none;
}

#col-a ul#work li {
    text-align:left; 
    margin-top:0px;
    margin-bottom:0px;
    padding:5px;	
}

#col-a ul#work li.certification {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:5px;    
}

#navigation {
	margin: 0 0 0 10px;
	padding: 0;
}

.navigation {
	margin: 0 0 0 10px;
	padding: 0;
}

ul#resume li {
	background: transparent url("../images/main/arrow_li.gif") 0 9px no-repeat;
	font-family: Arial, Verdana, Helvetica;
	list-style-type: none;
	padding: 0 0 0 11px;
	margin: 6px;
	color: #969696;
	font-size: 95%;
}

#col-a p {
	color: #565656;
	font-size: 85%;
	margin: 5px 0 10px 0;
	line-height: 170%;
}

li {
	color: #565656;
	font-size: 85%;
	margin: 5px 0 10px 0;
	line-height: 140%;
	list-style-type: none;
}

h4 {
	font-weight:bold;
}

/* =====================================

2: #col-b

======================================== */

#col-b h1 {
	font-size: 130%;
	color: #696969;
	background: transparent url("../images/main/blurb_bg.gif") right top no-repeat;
	padding-top: 40px;
	font-family: Verdana, Arial, Helvetica;
	line-height: 170%;
	font-weight: normal;
	margin: 0 0 25px 0;
}

#col-b h2 {
	font-size: 115%;
}

#col-b h3 {
	font-size: 100%;
}

#col-b li a, #col-b p a, #col-b h1 a {
	color: #ff4400;
	text-decoration: none; 
	border-bottom: 1px dotted #ff4400;
}

#col-b li a:hover, #col-b p a:hover, #col-b h1 a:hover {
	border: none;
}

#col-b p {
	color: #565656;
}

/* feature */

#feature {
	margin-top: 15px;
	background: #deeff7 url("../images/main/blue_curves_top.gif") 0 0 no-repeat;
	text-align: center;
	padding: 15px 0;
}

#feature-foot {
	height: 9px;
	background: #deeff7 url("../images/main/blue_curves_bottom.gif") 0 0 no-repeat;
	margin-bottom: 20px;
	font-size: 1px;
}

p#feature-info {
	color: #14719d;
	border-top: 2px dashed white;
	margin: 20px 20px 0px 20px;
	padding-top: 10px;
	text-align: left;
}


p#feature-quote {
	color: #14719d;
	margin: 5px 20px 5px 20px;
	padding-top: 1px;
	text-align: left;
	font-size:8pt;
	letter-spacing: 1px;
	line-height:23px;
}

#col-b h2 {
	color: #ff4400;
	font-size: 150%;
	font-family: Arial, Verdana, Helvetica;
	font-weight: normal;
	margin: 30px 0 10px 0;
}

/* =====================================

2: footer

======================================== */

#footer-wrap {
	background: #efefef;
	border-top: 2px solid #dfdbd8;
	width: 100%;
	text-align: center;
}

#footer {
	width: 680px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	padding-bottom: 30px;
	padding-left: 20px;
}

.footer-col {
	width: 340px;
	float: left;
}

#footer h2 {
	color: #14719d;
	font-size: 150%;
	font-family: Arial, Verdana, Helvetica;
	font-weight: normal;
	margin: 30px 0 10px 0;
}

#footer p {
	color: #565656;
	margin: 5px 0 20px 0;
}

#footer ul {
	margin: 0 0 20px 10px;
	padding: 0;
}

#footer ul li {
	background: transparent url("../images/main/arrow_li.gif") 0 9px no-repeat;
	font-family: Arial, Verdana, Helvetica;
	list-style-type: none;
	padding: 0 0 0 11px;
	margin: 3px;
	color: #565656;
	font-size: 95%;
}

#error li {
	list-style-type:disc;	
}

#footer a {
	color: #ff4400;
	text-decoration: none; 
	border-bottom: 1px dotted #ff4400;
}

#footer a:hover {
	border: none;
}


/* =====================================

3: forms

======================================== */
.form-header {
	color: #565656;
	font-size: 85%;
	margin: 5px 0 10px 0;
	line-height: 170%;
	text-align:right;
	font-weight:bold;
	padding-right:3px;
}

fieldset {
	border-top:1px solid #e4e4e4;	
	border-bottom:1px solid #e4e4e4;		
	padding:5px;
	color: #565656;	
}

legend {
	border-bottom:1px solid;	
	border-top:1px solid;		
	padding:5px;
	border-color: #e4e4e4;	
	background-color:	#efefef;
}

td {
	padding:2px;	
}

/* =====================================

4: Resume, CV

======================================== */

table.resume-content {
	width:450px;
	padding:0px;
	margin:0px;
}

td.resume-content, th.resume-content, td.resume-content-category {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	border: 1px #fff solid;
	padding:1px;
	margin:1px;	
}

td.resume-content-category {
	font-style:italic;
	font-weight:bold;
}

td.resume-content {
	text-align:left;	
}

th.resume-content {
	background-color: #cae1f3;
	color: #000;
	padding: 4px;
	text-align: left;
	border: 1px #ccc solid;	
	font-weight:bold;	
}

table.resume-download-table {
	padding:0px;
	margin:0px;
}

input.resume-content {
	font-size:7.5pt;
	padding:2px;
}

.emphasis {
	font-weight:bolder;
}

#cv li {
	background: transparent url("../images/main/arrow_li.gif") 0 9px no-repeat;
	font-family: Arial, Verdana, Helvetica;
	list-style-type: none;
	padding: 0 0 0 11px;
	margin: 6px;
	color: #b8b8b8;
	font-size: 95%;
}

div#container{
	text-align:center;
	float:left;
	width:120px;
}

div#container img{
	margin:0px auto 0px auto;
	padding:5px;
}

div#former-employer {
	clear:both;
	border-top: 1px solid #e4e4e4;;	
	margin:4px;
	padding:8px 4px 8px 4px;
}

div#former-employer-details {
	 float:left;
	 padding-left:5px;
}

/* =====================================

5: Links

======================================== */
a.external:link, a.external:visited { 
	background:transparent url(/public/images/icons/url_icon.gif) no-repeat 99% 0px; 
	padding-right:18px;
}


/* =====================================

6: Articles

======================================== */
h1.article {
	
}

h2.article {
	
}

h3.article {
	color: #696969;
	font-weight:bold;
	padding-top:20px;	
}

h4.article {
	color: #696969;
	font-weight:bold;
	font-size:8.5pt;
	padding-top:0px;
	padding-bottom:5px;	
}

p.article {
	line-height: 160%;
}

#privacy-policy p {
	font-size:0.9em;
	padding-top:5px;
	line-height:14pt;
	padding-left:5px;
	padding-right:5px;	
}

#copyright ul li {
	background: transparent url("../images/main/arrow_li.gif") 0 9px no-repeat;
	font-family: Arial, Verdana, Helvetica;
	list-style-type: none;
	padding: 0 0 0 11px;
	margin: 6px;
	font-size: 95%;
	font-weight:bold;
	font-style:italic;
}

#privacy-policy ul li {
	background: transparent url("../images/main/arrow_li.gif") 0 9px no-repeat;
	font-family: Arial, Verdana, Helvetica;
	list-style-type: none;
	padding: 0 0 0 11px;
	margin: 6px;
	font-size: 95%;
	font-weight:bold;
	font-style:italic;
}

a.article:link {
	color:#ff5914;
}

/* =====================================

7: work

======================================== */
.work-description {
	width:270px;
}


.boxholder {
	padding:5px 0px 5px 0px;	
}

ul.text {
	width:250px;	
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;	
	margin:2px 2px 2px 0px;
	padding:3px 3px 3px 5px;
	background-color:#efefef;	
	font-size:10.5px;
}

acronym {
	color:#ff5914;
	border-bottom:1px dashed #ff5914;
}

ul.text li {
	padding:2px;
	margin:2px;
	line-height: 2.2em;
	list-style-type: circle;
}

/* =====================================

8: microformats

======================================== */
.adr, span.role-header, span.duration-header, span.type {
	font-size:11px;
}

span.role-header, span.duration-header, span.type {
	font-weight:bold;
}

span.type-body {
	font-size:11px;
}

div.former-employer-details {
	font-size:11px;
}

a.fn {
	font-weight:bold;
	text-decoration:none;
	color:#565656;
}

span.type {
	 font-weight:bold;
}

span.role, span.duration, p.showhide-link {
	font-size:11px;
}

span.duration-header {
	 font-weight:bold;
}

/* =====================================

9: google maps

======================================== */

/* 9a: general */
.google-maps {
	width: 100%;
	margin-bottom: 10px;
	float:left;
}

.content {
	border-top: 1px solid #ccc;
	height:300px;
	width:500px;
}

.content .left-column {
	width:49%;
	height:100%;
	float:left;
	border-right: 1px solid #ccc;
}

.content .right-column {
	width:49%;
	height:100%;
	float:left;
	padding-left:5px;
}

#maps-header {
	color:#696969;
	font-weight: bold;
}

.maps-navigation {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0px 5px 0px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	float:left;
	width:100%;
	font-weight:bold;
}