/* Core CSS file for ShaneThomasArt.com */
/* Last Update: 17-Mar-2007                    */

/** general **/

* {
margin: 0;
padding: 0;
}

body {
background-color: #333;
font-size: 10px;
}

img {
border: none;
}

p {
margin: 0 0 1em 0;
font: 1.2em/1.6em normal Verdana, Tahoma, Arial, Helvetica, Sans-serif;
background-color: transparent;
color: #444;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
}

h1 {
margin: 0 0 1em 0;
font: 2.0em/1.3em bold Arial, Helvetica, Sans-serif;
font-weight: 700;
}

h2 {
margin: 0 0 1em 0;
font: 1.5em/1.3em normal Arial, Helvetica, Sans-serif;
font-weight: 700;
}

h3 {
margin: 0 0 1em 0;
font: 1.3em/1.1em normal Arial, Helvetica, Sans-serif;
font-weight: 700;
}

strong {
font-weight: 700;
}

.clear {
clear: both;
}

#wrapper {
width: 90em;
position: relative;
left: 50%;
margin-top: 2em;
margin-left: -45em;
background-color: #fff;
min-width: 90em;
}

#header {
width: 100%;
height: 20.8em;
background-color: #000;
background: #000 url(/images/site/thomas-header.jpg) no-repeat 0 0;
}

/** main navigation **/

#mainNav {
width: 100%;
margin-top: -2.7em;
height: 2.7em;
background-color: transparent;
border-bottom: 3px solid #0860a8;
}

#mainNav ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
background-color: transparent;
float: left;
font: 1.3em/1.1em normal Arial, Helvetica, Sans-serif;
font-weight: 700;
}

#mainNav ul li {
float: left;
}

#mainNav ul a {
display: block;
float: left;
padding: 0 1em;
line-height: 2.1em;
text-decoration: none;
color: #aaa;
}

#mainNav ul a:hover {
background-color: orange;
color: #fff;
}

#mainNav #mainNavULhome a,
#mainNav #mainNavULabout a,
#mainNav #mainNavULgallery a,
#mainNav #mainNavULlinks a,
#mainNav #mainNavULblog a {
background-color: #0860a8;
color: #fff;
}

/** search box **/

#searchBox {
float: right;
margin-top: -2.7em;
height: 2.7em;
width:	350px;
}

#searchBox .search_button {

}

#searchBox .textfield {
width:	170px;
height: 16px;
color:	#000;
margin: 0 0 10px 145px;
font:	11px/11px verdana, arial,sans-serif;
}


/** layouts **/

#threeColLayout #primaryContent {
float: left;
display: inline;
width: 43.5em;
margin: 1em 1.5em 1em 18em;
}

#threeColLayout #secondaryContent {
float: left;
display: inline;
width: 26em;
margin: 1em 1em 1em 0;
}

#threeColLayout #sideContent {
float: left;
display: inline;
width: 15.5em;
margin: 1em 1.5em 1em -89em;
}

#twoColLayout #primaryContent {
float: left;
display: inline;
width: 60.5em;
margin: 1em 1.5em 1em 1em;
}

#twoColLayout #secondaryContent {
float: left;
display: inline;
width: 26em;
margin: 1em 1em 1em 0;
}

#sideContent h2 {
display: block;
width:13.5em;
font: bold 1.1em/1.4em Verdana, sans-serif;
text-align: right;
}

#sideContent ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#sideContent ul a, #sideContent ul a:hover {
padding-right: 0.5em;
display: block;
width:13.5em;
font: normal 1.1em/1.45em Verdana, sans-serif;
text-decoration: none;
text-align: right;
border-top: 1px solid #999;
background-color: #fff;
}

#sideContent ul a:visited {
color: #0860a8;
}

#sideContent ul li.current {
padding-right: 0.5em;
color: #fff;
display: block;
width:13.5em;
font: normal 1.1em/1.45em Verdana, sans-serif;
text-decoration: none;
text-align: right;
border-top: 1px solid #999;
background-color: #0860a8;
}

#primaryContent h2 {
margin: 0.5em 0;
color: #333;
border-bottom: 1px solid #333;
}

#primaryContent ul {
margin: 0 0 1em 1em;
font: 1.3em/1.5em normal Verdana, Tahoma, Arial, Helvetica, Sans-serif;
color: #444;
}

#secondaryContent .imgLeft {
float: left;
margin: 0.7em 0.2em 0.2em 0.4em;
border: 2px solid #000;
}

#secondaryContent p {
padding: 0.2em;
font: 1.1em/1.8em normal Verdana, Tahoma, Arial, Helvetica, Sans-serif;
}

/** blog - limited palette **/

#blogLPTitle h1 {
margin: 0;
font: 2.25em/1.3em bold Arial, Helvetica, Sans-serif;
font-weight: 700;
color: #000;
}

#blogLPTitle h2 {
margin: 0 0 1.5em 0;
font: 1.25em/1.3em normal Arial, Helvetica, Sans-serif;
font-weight: 700;
color: #aaa;
border: none;
}

#blogLP {
width: 100%;
margin-bottom: 30px;
}

#blogLP h1 {
margin: 0;
font: 1.5em/1.3em bold Arial, Helvetica, Sans-serif;
font-weight: 700;
color: #000;
}

.blogInfo {
margin: 0 0 1em 0;
font: 1m/1.3em normal Arial, Helvetica, Sans-serif;
color: #888;
}

/** comments **/

#commentBlock h1 {
border-top: 2px solid #0860a8;
border-bottom: none;
margin: 15px 0;
}

.commentBody {
display: inline;
float: left;
width:465px;
padding: 0 0 0 10px;
margin: 0;
text-align: left;
border-top: 1px solid #000;
}

.commentInfo {
display: inline;
float: left;
padding: 0;
margin: 0;
width: 125px;
border-top: 2px solid #000;
color: #666;
}

.grayComment {
background-color: #eee;
margin: 0;
padding: 0;
}

.whiteComment {
background-color: #fff;
margin: 0;
padding: 0;
}

.orangeComment {
background-color: #ffd37d;
margin: 0;
padding: 0;
}


/** footer **/

#footer {
width: 100%;
background-color: #000;
border-top: 3px solid #0860a8;
font: 1.1em/1.3em normal Verdana, Tahoma, Arial, Sans-serif;
clear: both;
}

#footer p {
padding: 5px;
text-align: center;
color: #fff;
}
#footer a { font-weight: normal; color: #0860a8; text-decoration: none; }
#footer a:link, a:visited { color: #0860a8; }
#footer a:hover { color: #fc0; text-decoration: underline; }

/** links page **/

#linkPage span {
float: left;
display: inline;
width: 140px;
padding-right: 10px;
text-align: center;
}

#linkPage h2 {
clear: both;
margin-top: 20px;
}

#linkPage p, #linkPage a {
line-height: 1.4em;
font-size: 1.4em;
}

.linkBlock {
width: 125px;
margin-bottom: 20px;
}

.linkBlock img {
border: 3px solid #000;
padding: 2px;
}