/*
Theme Name: Skaggs Portfolio
Theme URI: http://jonskaggs.com
Description: Business theme, single page portfolio
Version: 0.1
Status: publish
Author: Tom Karels
Author URI: http://etomco.com/
Tags: fixed width,
*/
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, em,font, img, strong, sub, sup, ol, ul, li, fieldset,form, label, legend
{	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit; font-style: inherit;
 font-family: inherit; vertical-align: baseline; font-family:Verdana, Arial, Helvetica, sans-serif;}
html { text-align: center; min-height: 100%; /*margin-bottom: 1px;*/ font-family:Verdana, Arial, Helvetica, sans-serif;}
html { min-height: 100%; margin-bottom: 1px; }
body {  text-align:left; line-height: 1.4; color: #000; background-color: transparent; font-family: Arial, Helvetica, sans-serif;}
ol, ul {list-style: none; position: relative; }
a, a:link, a:visited, a:active, a:hover { color: #00AAE8;}
h2, h3, h4, h5, h6, h7{font-weight: bold; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
h1{	font-weight: bold; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#336699; padding-bottom:5px;}
h2{	font-weight: bold; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#336699;}



div#container{width:820px;margin:0 auto; float:none; }
div#containernonehome{width:820px;margin: 0 0 0 15px; float:none; }

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

/* Home page styles*/
#homepage {margin:0 auto; margin-top:185px; width:153px; min-height:153px; _height:153px; background-image:url(/images/jon-skaggs-chicago-designer.gif); background-repeat:no-repeat;}
#homepage ul { padding-top:94px;}
#homepage ul li { float:left;}
#hpjon a{ width:54px; min-height:42px; _height:42px; background-image: url(/images/jon-design-navi.gif); background-repeat:no-repeat; display:block; text-indent:-9000px;}
#hpdesign a{width:99px; min-height:42px; _height:42px; background-image: url(/images/jon-design-navi.gif); background-repeat:no-repeat; background-position:-54px 0px;display:block; text-indent:-9000px;}
#hpjon a:hover{background-position:0px -42px;}
#hpdesign a:hover{background-position:-54px -42px;}

/* Portfolio page styles*/
#portfolio {margin-top:10px; width:153px; min-height:153px; background-image:url(/images/jon-skaggs-chicago-designer.gif); background-repeat:no-repeat;}
#portfolio ul { padding-top:94px;}
#portfolio ul li { float:left;}
#portfolio p a{ color:#9C9EA0; text-decoration:none; display:block; padding-left:9px; }
#portfolio p a:hover { color:#00AAE8;}
#navi { width:140px; margin:0px 0px 0px 5px;}
#jondesignnavi a{ text-transform:uppercase; color:#9C9EA0; display:block; text-decoration:none; font-size:11px; line-height:16px;}
#jondesignnavi a:hover{color:#00AAE8;}

#portfolionavi ul { font-size:24px;}

#basic-accordian{width:140px;z-index:2;}
.accordion_headings{	color:#9C9EA0;	cursor:pointer; font-size:11px; line-height:14px;}
.accordion_headings:hover{color:#00AAE8; }
.accordion_child{ padding-left:5px; line-height:18px;}
.accordion_child a{ color: #9C9EA0; text-decoration:none; display:block; font-size:11px; line-height:18px;}
.accordion_child a:hover{ color: #00AAE8; }
.header_highlight{ color:#00AAE8}
#test-header { color: #9C9EA0; 	cursor:pointer; font-size:11px; line-height:14px;}
#test-header:hover { color:#00AAE8;}


#bucket { width:445px; padding:96px 50px 0 0;}

#skaggsabout { background-image:url(/images/jon-skaggs-aboutback.jpg); background-repeat:none; position:relative; height:450px; width:450px; _height:450px; _width:450px;}
#skaggsabout .posishabout { position:relative; top:78px; left:207px; width:195px; font-size:12px;}

#smalllogo {margin-top:10px; width:153px; min-height:130px; _height:130px; background-image:url(/images/jon-skaggs-chicago-designer-small.gif); background-repeat:no-repeat;}
#smalllogo ul { padding-top:52px;}
#smalllogo ul li { float:left;}
#smalllogo p a{ color:#9C9EA0; text-decoration:none; display:block; padding-left:5px; font-size:9px; }
#smalllogo p a:hover { color:#00AAE8;}
#smallhpjon a{ width:31px; min-height:28px; _height:28px; background-image: url(/images/jon-design-small.gif); background-repeat:no-repeat; display:block; text-indent:-9000px;}
#smallhpdesign a{width:54px; min-height:28px; _height:28px; background-image: url(/images/jon-design-small.gif); background-repeat:no-repeat; background-position:-30px 0px;display:block; text-indent:-9000px;}
#smallhpjon a:hover{background-position:0px -30px;}
#smallhpdesign a:hover{background-position:-30px -30px;}

.work_description {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; font-weight:bold; color:#9C9EA0;}
.work_paragraph {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; color:#9C9EA0;}

#hiddenbuttonplus a {
display:block;
float:right;
height:30px;
position:relative;
top:191px;
width:36px;
text-indent:-9000px;
}