/*=================================*/
/* Mini Profile
/* October 2009
/* By: Gilbert Pellegrom
/* http://www.gilbertpellegrom.co.uk
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	font-family:"Lucida Grande",Verdana,sans-serif;
	font-size:11px;
	line-height:1.5em;
}

a, a:visited, a:hover, a:active {
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
h1 {
	font-size:2.2em;
	line-height:1.3em;
	margin-bottom:5px;
}
h2 {
	font-size:1.9em;
	line-height:1.3em;
	margin-bottom:5px;
}
h3 {
	font-size:1.7em;
	line-height:1.3em;
	margin-bottom:5px;
}
h4 {
	font-size:1.5em;
	line-height:1.3em;
	margin-bottom:3px;
}
h5 {
	font-size:1.3em;
	line-height:1.3em;
	margin-bottom:3px;
}
h6 {
	font-size:1.2em;
	line-height:1.3em;
	margin-bottom:3px;
}

p {
	font-size:1em;
	margin-bottom:10px;
}
ol {
	list-style:decimal;
	padding-left:30px;
	margin-bottom:10px;
}
ul {
	list-style:disc;
	padding-left:25px;
	margin-bottom:10px;
}
li {
	padding:2px;
}

b, strong {
	font-weight:bold;
}
i, em {
	font-style:italic;
}
u {
	text-decoration:underline;
}
code {
	font-family:Courier,"Courier New",Monaco,Tahoma;
	background:#eee;
	color:#000;
	padding:0px 2px;
}
pre {
	background:#eee;
	padding:10px 20px;
	margin:20px;
}
blockquote {
	font-style:italic;
	margin:0 0 10px 20px;
	padding-left:10px;
	border-left:3px solid #B40000;
}

/*========================*/
/*=== Structure Styles ===*/
/*========================*/
#wrapper {
	width:100%;
	padding-top:200px;
}

#header {
	width:343px;
	margin:0 auto;
}
#header h1 {
	text-align:center;
	font-size:40px;
	display:none;
}

#body-top {
	width:343px;
	height:9px;
	margin:20px auto 0 auto;
}
#body-mid {
	width:343px;
	margin:0 auto;
	position:relative;
}
#body-bot {
	width:343px;
	height:9px;
	margin:0 auto;
}

#content-title {
	display:block;
	padding-top:6px;
	text-align:center;
	height:40px;
}
#content-title h2 {
	margin:0;
	display:none;
}

#content {
	width:303px; 
	margin:0 auto;
}

ul#networks {
	list-style:none;
	margin:0;
	padding:0;
}
ul#networks li {
	padding:0;
	height:45px;
}
ul#networks li.last {
	background:none;
}
ul#networks li a {
	display:block;
	font-size:16px;
	padding-left:40px;
	height:39px;
	padding-top:6px;
	background-position:0px 7px;
}
ul#networks li a span {
	font-size:11px;
	display:block;
}


a#twitter {
	background:url(../images/twitter_32.png) no-repeat;
}
a#flickr {
	background:url(../images/flickr_32.png) no-repeat;
}
a#lastfm {
	background:url(../images/lastfm_32.png) no-repeat;
}
a#facebook {
	background:url(../images/facebook_32.png) no-repeat;
}
a#linkedin {
	background:url(../images/linkedin_32.png) no-repeat;
}
a#tumblr {
	background:url(../images/tumblr_32.png) no-repeat;
}
a#posterous {
	background:url(../images/posterous_32.png) no-repeat;
}
a#wordpress {
	background:url(../images/wordpress_32.png) no-repeat;
}
a#aim {
	background:url(../images/aim_32.png) no-repeat;
}

ul#contact {
	list-style:none;
	margin:0;
	padding:0;
}
ul#contact li a {
	display:block;
	font-size:12px;
	padding-left:25px;
}

ul#contact li.email a {
	background:url(../images/email.png) no-repeat;
}
ul#contact li.phone a {
	background:url(../images/phone.png) no-repeat;
}
ul#contact li.addr a {
	background:url(../images/addr.png) no-repeat;
}

ul#contact li.web a {
	background:url(../images/web.png) no-repeat;
}


#footer {
	width:330px;
	margin:0 auto;
	text-align:center;
	margin-top:10px;
	display:none;
	font-size:10px;
}

/*====================*/
/*=== Slider Styles ===*/
/*====================*/
#slider {
	height:0px;
}

.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ width:1200px; position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel    { float: left; position: relative;  width:303px; }

.stripNavL a {
	position:absolute;
	cursor:pointer;
	text-indent:-9999px;
	width:20px;
	height:20px;
	top:10px;
	left:20px;
}
.stripNavL a:hover {
	background-position:0px -20px;
}
.stripNavR a {
	position:absolute;
	cursor:pointer;
	text-indent:-9999px;
	width:20px;
	height:20px;
	top:10px;
	right:20px;
}
.stripNavR a:hover {
	background-position:-20px -20px;
}
.stripNav {
	display:none;
}

/*====================*/
/*=== Input Styles ===*/
/*====================*/
input,
textarea,
select {
  padding: 2px;
  font: 400 1em Verdana, Sans-serif;
  color: #666;
  background:#ffffff;
  border: 1px solid #999;
  margin:2px;
}

input:focus,
textarea:focus,
select:focus {
  color: #000;
  background: #fff;
  border: 1px solid #002F59;
}

input.button {
  color: #000;
  background: #FFF;
  border-width: 1px;
  border-style: solid;
  border-color: #FFF #00DFFF #00DFFF #FFF;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

img {
	-ms-interpolation-mode:bicubic;
}

/* Wordpress Defaults */
img.alignright {float:right; margin:0 0 .7em 1em}
img.alignleft {float:left; margin:0 1em .7em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 .7em 1em}
a img.alignleft {float:left; margin:0 1em .7em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

