/*



Theme Name:The Last Pogo



*/







/* --------------------------------- =CSS Reset -------- */

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:97%;font-family:'Helvetica', Verdana, sans-serif;;vertical-align:baseline;}

/* remember to define focus styles! */

:focus{outline:0;}

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:"" "";}

bold, strong {font-weight:bold;}

italic, em {font-style:italic;}

small {font-size:80%;}

.hide, #tagline {display:none;}

.clear {clear:both;}

.alignleft {float:left;}

.alignright {float:right;}

/* --------------------------------- =general style & page layout -------- */

html, body {margin:0;padding:0;}

#pagewidth{width:1000px;}

#header{position:relative;height:188px;width:100%;}

#leftcol{width:190px;float:left;clear:left;position:relative;}

#twocols{width:740px;float:right;position:relative;}

#rightcol{width:135px;float:right;position:relative;}

#content{float:left;display:inline;position:relative;width:525px;}

#footer{height:20px;clear:both;display:block;}

.copyright {font: normal normal normal .75em Arial, sans-serif;color:#999999;padding:20px 0 0 190px;}

/* *** Float containers fix:http://www.csscreator.com/attributes/containedfloat.php *** */

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{display:inline-block;}

/* Hides from IE-mac \*/

* html .clearfix{height:1%;}

.clearfix{display:block;}

/* End hide from IE-mac */

/* --------------------------------- =imported styles -------- */

/* --------------------------------- =layout -------- */

#mediaPlayer {margin:20px auto;width:140px;padding-top:80px;}

/* --------------------------------- =typography -------- */

h2 {font: normal normal bold 1.8em Arial, sans-serif;color:#ff0000;margin:0 0 20px 0;}

h3 {font: normal normal bold 1.1em Arial, sans-serif;color:#FF0000;}

h4 {font: normal normal bold 1.1em Arial, sans-serif;color:#999999;}

.date {font: normal normal bold 1em/1.5em Arial, sans-serif;color:#999999;margin:0 0 3px 0;}

p {font: normal normal normal 1em/1.5em Arial, sans-serif;color:#080808;margin:0 0 10px 0;}

#rightcol {text-align:left;}

.boldlarge {font: normal normal bold 1.4em Arial, sans-serif;font-weight:bold;}

.photoCredit {font: normal normal normal .85em Arial, sans-serif;color:#999999;margin:10px 0 30px 0;}

/* --------------------------------- =links -------- */

h1 a {background:url('images/h1-title.jpg') no-repeat;width:319px;height:166px;display:block;text-indent:-9999px;margin:0;padding:0;}

h2 a:link, h2 a:visited {color:#ff0000;text-decoration:none;}

h2 a:hover {color:#ff0000;text-decoration:underline;}

p a:link, p a:visited {color:#FF0000;text-decoration:none;}

p a:hover {text-decoration:none;color:#000000;}

.date a:link, .date a:visited {color:#ff0000;text-decoration:underline;}

.date a:hover {color:#FFF;background:#ff0000;text-decoration:none;}

a.linkups  {text-decoration:none;color:#000000;}

a.linkups:hover {text-decoration:underline;}

#footer a:link, #footer a:visited {text-decoration:none;color:#ff0000;}

#footer a:hover {text-decoration:none;background:#ff0000;color:#FFFFFF;}

/* --------------------------------- =lists -------- */

#rightcol ul, #rightcol ol {margin:0 0 15px 0;list-style:none;}

#rightcol li a:link, #rightcol li a:visited {color:#999999;text-decoration:none;}

#rightcol li a:hover {color:#FF0000;text-decoration:none;}

/* --------------------------------- =navigation -------- */

ul#nav {list-style:none;margin:0 0 0 22px;}

ul#nav li {margin:0 0 9px 0;}

ul#nav li a {width:127px;height:36px;display:block;text-indent:-9999px;}

ul#nav li a#blog:link, ul#nav li a#blog:visited {background:url('images/nav-blog-off.gif') 50% 50% no-repeat;}

ul#nav li a#contact:link, ul#nav li a#contact:visited {background:url('images/nav-contact-off.gif') 50% 50% no-repeat;}

ul#nav li a#visuals:link, ul#nav li a#visuals:visited {background:url('images/nav-images-off.gif') 50% 50% no-repeat;}

ul#nav li a#tshirt:link, ul#nav li a#tshirt:visited {background:url('images/nav-tshirt-off.gif') 50% 50% no-repeat;}

ul#nav li a#links:link, ul#nav li a#links:visited {background:url('images/nav-links-off.gif') 50% 50% no-repeat;}

ul#nav li a#blog:hover, ul#nav li a#blogActive {background:url('images/nav-blog-on.gif') 50% 50% no-repeat;}

ul#nav li a#contact:hover, ul#nav li a#contactActive {background:url('images/nav-contact-on.gif') 50% 50% no-repeat;}

ul#nav li a#visuals:hover, ul#nav li a#visualsActive {background:url('images/nav-images-on.gif') 50% 50% no-repeat;}

ul#nav li a#tshirt:hover, ul#nav li a#tshirtActive {background:url('images/nav-tshirt-on.gif') 50% 50% no-repeat;}

ul#nav li a#links:hover, ul#nav li a#linksActive {background:url('images/nav-links-on.gif') 50% 50% no-repeat;}



.navigation .alignleft a {height:22px;width:37px;text-indent:-9999px;display:block;}

.navigation .alignright a {height:22px;width:40px;text-indent:-9999px;display:block;}

.navigation {width:80px;margin:10px auto;padding-top:250px;}

.navigation .alignleft a:link, .navigation .alignleft a:visited {background:url('images/icon-arrow-left-off.gif') no-repeat;}

.navigation .alignleft a:hover {background:url('images/icon-arrow-left-on.gif') no-repeat;}

.navigation .alignright a:link, .navigation .alignright a:visited {background:url('images/icon-arrow-right-off.gif') no-repeat;}

.navigation .alignright a:hover {background:url('images/icon-arrow-right-on.gif') no-repeat;}

/* --------------------------------- =forms -------- */

/* --------------------------------- =tables -------- */

/* --------------------------------- =comments -------- */

#commentContainer { float:left; margin:30px 0 0 0; font:11px/13px 'Helvetica', Verdana, Sans-Serif; }

#commentContainer h1 { margin:0 0 25px 0; line-height:30px; }

#comments { margin:30px 0; font:1.1em 'Helvetica', Verdana, Sans-Serif; }

.comment { padding:7px; margin:0 0 5px 0; padding:0 0 10px 0; border-bottom:1px #CCC dotted; }

.commentAuthor {margin:0;line-height:0;margin-top:5px;}

.commentAuthor a:link, .commentAuthor a:visited {color:#000;text-decoration:none;}

.commentAuthor a:hover {color:#CCC;text-decoration:underline;}

.author { padding:15px; margin:0 0 25px 0; }

#author { width:275px; font:1.1em 'Helvetica', Verdana, Sans-Serif; }

#email { width:275px; font:1.1em 'Helvetica', Verdana, Sans-Serif; }

#url { width:275px; font:1.1em 'Helvetica', Verdana, Sans-Serif; }

#comment { width:325px; font:1.1em 'Helvetica', Verdana, Sans-Serif; }

/* --------------------------------- =search-bar -------- */

	/* --------------------------------- =IE HACKS -------- */