/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-------------------------
Theme Name: Tim Schmidt Theme
Description: Theme for TimSchmidt.us
Version: 3.0 (10.12.11)
Author: Tim Schmidt
Author URL: http://timschmidt.us/


Colors Used
Dark Blue: 20282e;
Mid Blue: 6e7c68;
Light Blue: 7597b0;
Light Grey: aaaaaa;
Soft Grey: cccccc;
Mid Grey: 666666;
Dark Grey: 333333;
-------------------------*/

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*--- COMMON STYLES -----------------------------------*/
/*-----------------------------------------------------*/

html {
}

body {
background: url(images/structure/bg_tile.gif) repeat;
/* background-color: #f5f5f5; */
color: #666666;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 22px;
text-align: center;
}

ul, li, img, body, html {
margin: 0; padding: 0;
}

a {
color: #7597b0;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dotted;
-webkit-transition: color .50s linear;
transition: color .50s linear;
}

a:hover {
color: #333333;
border-bottom: 1px solid;

-webkit-transition: color .50s linear;
transition: color .50s linear;
}

a:active {
border-bottom: 2px solid;
}

a img {
border: none;
}

h1 {
display: none;
}

h2 {
background-color: #ffffff;
color: #111111;
font-family: "Times New Roman", Times, serif;
font-size: 24px;
font-weight: bold;
font-style: italic;
margin-bottom: 0px;
padding: 5px;
text-align: left;
}

h3 {
border-bottom: 1px solid #cccccc;
color: #aaaaaa;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-style: italic;
font-weight: bold;
margin-bottom: 0;
padding: 0;
}

h4 {
color: #6e7c68;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-style: italic;
font-weight: bold;
margin: 0;
padding: 0px 10px;
}

.clear {
 clear:both;
}

.fr {
float: right;
}

.fl {
float: left;
}

#container {
margin: auto;
margin-top: 0px;
padding: 0px 10px;
position:relative;
text-align: left;
width: 820px;
}

/*-----------------------------------------------------*/
/*--- MAIN NAV ----------------------------------------*/
/*-----------------------------------------------------*/

#container ul,
#container ul li {
list-style-type: none;
}

#navBox {
background: url(images/structure/tschmidt_logo2.png) no-repeat;
left: 5px;
margin: 0;
padding: 0;
position:absolute;
top: 10px;
width: 140px;
}

#nav {
font-family: "Times New Roman", Times, serif;
font-size: 36px;
font-style: italic;
font-weight: bold;
line-height: 56px;
margin: 0;
padding: 70px 0px 0 0;
text-align: right;
}

ul#nav li a {
background-color: #000000;
border: 3px solid #000000;
color: #f5f5f5;
font-weight: bold;
padding: 3px;
-webkit-transition: color .25s linear;
transition: color .25s linear;
}

ul#nav li a:hover {
border: 3px solid #000000;
color: #7597b0;
-webkit-transition: color .25s linear;
transition: color .25s linear;
}

/*-----------------------------------------------------*/
/*--- MAIN CONTENT ------------------------------------*/
/*-----------------------------------------------------*/

#mainContent {
/* background-color: #ffffff; */
left: 140px;
margin-left: 0px;
padding: 20px 10px 0px 10px;
position: relative;
width: 680px;
}

#pageCopy {
margin-bottom: 10px;
padding: 0 10px 10px 10px;
width: 480px;
}

.strikeThru {
text-decoration: line-through;
}

.underline {
text-decoration: underline;
}

/*-----------------------------------------------------*/
/*--- THUMBNAILS AND PIECES ---------------------------*/
/*-----------------------------------------------------*/

#workText {
float: left;
margin-left: 0px;
margin-bottom: 0px;
padding: 0px 10px 10px 10px;
width: 650px;
}

#theThumbs {
background-color: #ffffff;
margin: 0px;
padding: 0px;
}

.thumbnail a {
background-color: #ffffff;
border: none;
float: left;
margin: 12px;
padding: 5px;
width: 190px;
}

.thumbnail:hover a {
border: none;
color: #666666;
}

#piece {
margin: 10px;
}

#thePieces p {
background-color: #ffffff;
padding: 5px;
}

#thePieces p img {
background-color: none;
}

#pageCopyWork {
margin-bottom: 10px;
padding: 0 10px 10px 10px;
width: 620px;
}

#pageCopyWorkBack a {
background-color: #ffffff;
padding: 5px;
}

/*-----------------------------------------------------*/
/*--- ABOUT PAGE --------------------------------------*/
/*-----------------------------------------------------*/

#myPicture {
float: left;
margin-left: 0px;
margin-top: 10px;
width: 120px;
}

#aboutMe {
background-color: #ffffff;
float: left;
margin-left: 10px;
padding: 0px 10px;
width: 350px;
}

.love {
font-size: 20px;
font-weight: bold;
}

.tiny {
font-size: 10px;
}

.sixteen {
font-size: 18px;
}

.liteblue {
color: #6e7c68;
}

.twelve {
font-size: 14px;
}

.liteblueBold {
color: #6e7c68;
font-weight: bold;
}

.friends {
color: #6e7c68;
font-family: "Times New Roman", Times, serif;
font-size: 18px;
font-style: italic;
font-weight: bold;
}

.aboutHR {
border: none;
background-color: #cccccc;
color: #cccccc;
height: 1px;
margin-bottom: 20px;
}

#followMe {
background-color: #ffffff;
float: left;
margin-left: 10px;
padding: 0px 10px;
width: 130px;
}

#follow a {
background-color: #ffffff;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
border-bottom: none;
padding-left: 0px;
-webkit-transition: padding-left .15s linear;
transition: padding-left .15s linear;
}

#follow li:hover a {
padding-left: 10px;
border-bottom: none;
-webkit-transition: padding-left .15s linear;
transition: padding-left .15s linear;
}

#follow li {
border-bottom: 1px dotted #cccccc;
padding: 5px 0;
}

#follow li img {
margin-right: 7px;
}

/*-----------------------------------------------------*/
/*--- CONTACT PAGE ------------------------------------*/
/*-----------------------------------------------------*/

#contactMe {
background-color: #ffffff;
float: left;
margin-left: 0px;
margin-top: 10px;
padding: 10px;
width: 500px;
}

#methodsofContact {
background-color: #ffffff;
float: left;
margin-left: 10px;
margin-top: 10px;
width: 150px;
}

#methodsofContact p {
padding: 0px 10px;
}

.contactStuff {
color: #6e7c68;
font-weight: normal;
margin: 0;
}

.contactStuff a {
color: #6e7c86;
font-weight: normal;
margin: 0;
}

#theForm {
border: 0;
float: left;
margin: 10px 0px;
width: 480px;
}

#contact p label {
font-family: "Times New Roman", Times, serif;
font-size: 20px;
font-weight: bold;
}

#contact span.error{
color: #ff6565;
font-size: 10px;
font-style: italic;
font-weight: bold;
}

#contact input {
background-color: #ffffff;
border: 1px solid #666666;
color: #20282e;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 14px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 4px;
margin-left: 0px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}

#contact input.error {
background-color: #f7bfbf;
}

#contact textarea {
background-color: #ffffff;
border: 1px solid #666666;
color: #20282e;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 14px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 4px;
margin-left: 0px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}

#contact textarea.error {
background-color: #f7bfbf;
}

.button#send {
background-color: #666666;
border: 1px solid #666666;
color: #ffffff;
cursor: pointer;
font-family: "Times New Roman", Times, serif;
font-size: 20px;
font-weight: bold;
padding: 1px 75px 1px 75px;

}

.button#send:hover {
background-color: #7597b0;
color: #ffffff;
}

/*-----------------------------------------------------*/
/*--- FOOTER ------------------------------------------*/
/*-----------------------------------------------------*/

#footer {
background: #ffffff;
border-top: 1px solid #cccccc;
color: #aaaaaa;
float: left;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: italic;
height: 50px;
margin: 30px 0px;
padding: 0px 10px;
text-transform: uppercase;
width: 650px;
}

#footer a {
color: #aaaaaa;
}

#footer a:hover {
color: #666666;
}