/* -----------------------------------
Kevin Gamble - Basic site-wide styles
Author: Kevin Gamble
Version: September 2004
----------------------------------- */

/* Imported Styles */
@import url("color.css");

/*----------------------- general page-wide styles ---------*/

body {
margin: 0;
padding: 0;
font-family: arial,georgia,verdana,sans-serif;
/* text-align: center; */
/* line-height: 1.4em; */
}

h1, h2, h3, h4 {
font-family: arial,garamond,bell mt,georgia,arial,sans-serif;
font-weight: 500;
/* letter-spacing: -.1px; */
padding: 0;
}

h1 {
font-size: 140%;
margin: 15px 0 8px 20px;
/* font-variant: small-caps; */
font-weight: bold;
}

h2 {
font-size: 130%;
/* font-variant: small-caps; */
font-weight: bold;
margin: 6px 0 8px 20px;
}

h3 {
font-size: 110%;
font-weight: bold;
margin: 0px 0 10px 20px;
line-height: 125%;
}

p {
padding: 0 10px 10px 20px;
margin: 0;
}

blockquote {
line-height: 1em;
margin: 15px 30px 5px 40px;
background: url(http://www.kevingamble.com/images/quotes.gif) no-repeat 0 0px;
padding-left: 2px;
/* font-size: 110%;
color: #777;
margin: 8px 0 0px 10px; */
/* text-align: justify; */
/* line-height: 1.3em; */
/* padding-left: 8px;
border-left: 1px solid #ddd; */
/* background: url(http://www.simplebits.com/images/quotemarks.gif) no-repeat 0 3px; */
}

.hidden { /* for items to display when printed, but be hidden onscreen */
display: none;
}

.alert {
color: #f63;
font-weight: bold;
}

.date {
font-size: 10px;
color: #bbb;
margin-left: 5px;
text-align: right;
font-family: verdana,arial,sans-serif;
font-variant: normal;
font-weight: normal;
}

/*----------------------- outer page wrapper ---------*/

#pagebox {
background: #fff;
position: relative;
margin: 0 auto;
padding: 0;
width: 804px;
voice-family: "\"}\"";  /* IE5 Win padding fix */
voice-family: inherit;
width: 770px;
}

html>body #pagebox { /* be nice to Opera fix */
width: 770px;
}

/*----------------------- logo header area ---------*/

#logobar {
height: 120px;
margin: 0;
text-align: left;
}

#logobar #name {
margin-top: 46px;
margin-left: 40px;
}

#logobar #blurb {
float: right;
margin-top: 26px;
margin-right: 31px;
}

/*----------------------- top navigation bar ---------*/

#navbox {
/* float: left; */
/* position: relative; */
width: 770px;
margin: 0;
padding: 0;
padding-top: 4px;
height: 1.3em;
}

#navbar {
/* float: left; */
/* display: inline; */
/* height: 15px; */
/* margin: 4px 0 0 42px; */
margin: 0;
margin-left: 42px;
padding: 0;
list-style-type: none;
text-align: center;
border: none;
}

#navbar li {
float: left;
margin: 0;
padding: 0;
/* list-style: none; */
line-height: 16px;
}

#navbar a {
float: left;
padding: 0px 15px 0px 15px;
margin: 0;
text-decoration: none;
font-family: arial,sans-serif;
font-size: 14px;
font-weight:;
}




/*----------------------- main page content ---------*/

/* Commented backslash hack for IE5 Mac \*/
#mainbody {
clear: left;
}
/* End hack */

#mainbody {
text-align: left;
margin: 0;
padding: 0;
}

#mainbody.twocol ul a, #mainbody.twocol p a, #mainbody.onecol a, #pcaption a {
color: #339;
text-decoration: none;
border-bottom: 1px dashed #dadaf1;
padding-bottom: 0px;
}

#mainbody.twocol ul a:visited, #mainbody.twocol p a:visited, #mainbody.onecol a:visited, #pcaption a:visited {
color: #639;
border-bottom-color: #ecc6d9;
}

#mainbody.twocol ul a:hover, #mainbody.twocol p a:hover, #mainbody.onecol a:hover, #pcaption a:hover {
color: #e65c00;
border-bottom: 1px solid #ff8c00;
/* background: #ffffee; */
}

#content {
float: left;
/* margin: 0 20px 10px; */
/* padding: 0 20px 10px; */
display: inline;
margin-bottom: 10px;
}

#content p {
line-height: 1.3em;
font-size: 80%;
/* margin: 0 0 1em 0; */
}

#content .topitem {
margin-left: 6px;
padding-right: 10px;
border-top: 1px solid #ccc;
background: url(images/content_shadow.jpg) repeat-x top right;
margin-bottom: 5px;
}

#content .mainitem {
margin-left: 6px;
padding-right: 10px;
border-top: 1px solid #ccc;
}

#content .mainimg {
margin: 12px 0 0 17px;
padding: 7px;
background: #fff;
border: 1px solid #ccc;
}

#content .mainimgnocaption {
margin: 12px 0 10px 17px;
padding: 7px;
background: #fff;
border: 1px solid #ccc;
}

#content .mainimgnocaption.right {
float:right;
margin: 0 18px 10px 20px;
}

#content .mainimgcapt {
margin: 2px 0 4px 17px;
}

#mainbody.twocol #content ul, dl {
margin: 0px 0 10px 20px;
padding:0;
list-style:none;
line-height: 1.5em;
font-size: 80%;
}

#mainbody.twocol #content ul li {
padding:0 0 0 18px;
text-indent:-18px;
background:url("images/bullet.gif") no-repeat 2px .4em;
margin-top:0;
text-indent:0;
}

#content .resume ul {
font-size: 65%;
padding-right:20px;
}

#content p.resitem {
padding-bottom: 0;
font-weight: bold;
}

#content.resume {
width:500px;
}

/*----------------------- columns ---------*/

#content {
width: 520px;
font-size: 92%;
font-family: arial, trebuchet ms, georgia;
line-height: 1.4em;
}

/* Tan Hack version of Simplified Box Model Hack - forces IE5 to size correctly while leaving IE6 alone */
*html #content {
width: 540px;
w\idth: 520px;
}

#mainbody.onecol #content {
width: 751px;
}

#mainbody.portfolio #content {
width: 751px;
}

.insetimg {
float: left; margin: 0 20px 10px 20px;
}

.insetl {
/* float: left; margin: 0 20px 10px 20px; */
margin: 0px 10px 8px 0px;
padding: 4px;
border: 1px solid #ccc;
float: left;
position: relative;
}

.insetr {
/* float: left; margin: 0 20px 10px 20px; */
margin: 0px 10px 8px 10px;
padding: 4px;
border: 1px solid #ccc;
float: right;
position: relative;
}

.review {
/* float: left; margin: 0 20px 10px 20px; */
margin: 0px 10px 8px 0px;
padding: 4px;
border: 1px solid #ccc;
float: left;
position: relative;
}

/*----------------------- sidebar ---------*/

#rightcol {
position: relative;
margin: 0 18px 0 520px;
padding: 0;
/*font-size: 66%;*/
font-family: arial, sans-serif;
}

/* * html #rightcol {
margin-left: 517px;
} */

#rightcol h2, #rightcol h3, #rightcol h4 {
font-weight: bold;
font-size: 66%;
margin: 0 0 4px 7px;
padding: 4px;
line-height: .9em;
}

* html #rightcol h3 {
margin-left: 4px;
}

#rightcol h2 {
text-align: right;
margin-right: 44px;
}

#rightcol h3, #rightcol h4 {
/* font-size: 80%; */
line-height: 120%;
margin-bottom: 0;
/* border: 1px solid #000; */
}

#rightcol p {
margin: 8px 8px 8px 11px;
padding: 0;
padding-right: 8px;
line-height: 120%;
font-size:80%;
/* border: 1px solid #000; */
}

#rightcol p.on {
margin: 0px 8px 16px 11px;
padding: 0;
padding-right: 8px;
line-height: 120%;
/* border: 1px solid #000; */
}

* html #rightcol p {
margin-left: 8px;
}

#rightcol img {
margin: 8px 10px 2px 0px;
/* margin: 4px auto 2px; */
padding: 2px;
border: 1px solid #ccc;
float: left;
position: relative;
}

#rightcol img.right {
margin: 0 0 0 10px;
/* margin: 4px auto 2px; */
padding: 2px;
border: 1px solid #ccc;
float: right;
position: relative;
}

#rightcol ul, dl, #rcitem ul, dl {
margin: 0px 0px 8px 9px;
padding:0;
list-style:none;
line-height: 1.4em;
font-size: 80%;
}

* html #rightcol ul, dl {
margin-left: 9px;
}

#rightcol ul li {
padding:0 0 0 15px;
/* margin: 0 0 0 10px; */
text-indent:-18px;
background:url("images/bullet.gif") no-repeat 2px .4em;
margin-top:0;
text-indent:0;
}

/* #rcquote {
padding: 2px 0 4px 0;
margin: 0 0 0 4px;
} */

/* #rcquote p {
margin: 6px 8px 4px 11px;
padding: 0;
line-height: 1.37em;
} */

#rccite {
/* font-size: 95%; */
color: #909090;
}

.rcitem {
/* padding: 26px 0 0 0; */
padding-top: 1px;
}

#flickrimg {
margin: 2px 0px 0px 5px;
/* height: 54px; */
height: 66px;
padding-bottom: 4px;
/* border: 1px solid #000; */
}
		
#flickrimg a {
float: left;
}
	
#flickrimg a img {
border: 1px solid #ccc;
padding: 2px;
height: 54px;
width: 54px;
/* height: 48px;
width: 48px; */
margin: 2px 4px 4px 0;
}

#hpfeedlist {
}

#hpfeedlist ul {
margin-bottom: 10px;
padding-bottom: 6px;
text-align: left;
}

#hpfeedlist img {
margin: -10px 0 0 0;
padding: 0;
float: right;
}


/*----------------------- new home page styles, 7/07 ---------*/

.firstletter:first-letter {
font-size:400%; 
float:left;
line-height:.8em;
color:#ff9900;
}
.firstletter:first-line {
font-size: 16px; 
color:#ff9900;
font-weight: bold;
font-variant: small-caps;
}
#creditfooter img {
padding-left: 16px;
display: none;
}



/*----------------------- footer ---------*/

#footer {
position: relative;
clear: both;
margin: 0;
padding: 0;
text-align: left;
height: 45px;
font-family: arial, sans-serif;
}

#footer p {
margin: 0;
padding: 10px 20px;
font-size: 65%;
}

#mainbody #footer a, #mainbody #footer a:visited, #mainbody #footer a:hover {
margin: 0 3px;
padding-bottom: 0;
text-decoration: none;
color: #888;
border-bottom: 1px solid #888;
}

/* IE Win float escaping bug fix - hide from ie Mac \*/
* html #footer p {height: 1%;}
/* End fix */