/*  
Theme Name: Tommy Media
Author: Tom O'Connor
Default Styles
-----------------------------------------------------------------------------
Purpose: undo some of the default styling of common (X)HTML browsers */

p, body, pre {
color: #635c50;
font: 12px/18px Arial, Verdana, "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}
body {
text-align: center;
background-color: #fff;
background-attachment: fixed;

}

* {
margin: 0;
padding: 0;
text-align: left;
}

img { 
border: 0;
}


h1 {
font-size:     16px;
font-weight:   normal;
line-height:   18px;
text-transform: uppercase;
color: #f58220;
font-weight: bold;


}

h1 a, h1 a:visited {
text-decoration: none;

}

h2 {
font-size:     18px;
font-weight:   normal;
line-height:    28px;
text-transform: capitalize;
}



h3 {
font-size:     23px;
font-weight:   bold;
line-height:    28px;
text-transform: capitalize;
}

h4 {
font-size:     23px;
font-weight:   bold;
line-height:    28px;
text-transform: capitalize;
}

h5 {
font-size: 1.4em }

p, ul {
margin-bottom: 20px 
}

ul, ol {
margin-left: 40px;
list-style-type: square;
}

li {
margin-bottom: 10px 
}

ol li {
margin-bottom: 10px;
}


td {
text-align: left 
}

a {
color: #06c;
text-decoration: underline;
font-weight: bold; 
}

a:visited {
color: #06c;
text-decoration: underline 
}


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


#comment {
border: 1px solid #111111;
padding: 3px;
width: 440px;
}

#submit {
border: 1px solid #111;
padding: 3px;
font-weight: bold;
float: right;
}




/* Main Page Template

-----------------------------------------------------------------------------

Purpose: Main layout properties of sitewide elements */

#Wrap {
margin-right:  auto;
margin-left:   auto;
padding: 0;
width: 800px;
background: url(images/footer-bg.gif);
background-repeat: no-repeat;
background-position:bottom;
background-color: #eae6df;


}



#Header {
text-align: right;
height: 121px;
width: 800px;
margin-bottom: 1px;
background: url('images/header.gif') 0PX 0PX;
background-repeat: repeat-x;
margin:0;
padding: 0;
}

#Header a img {
margin-top: 50px;
margin-right: 10px;

}


#Navigation {
text-decoration:  none;
background-color: #574938;
width:            800px;
height:           15px;
padding: 0;
margin: 0;
}


#Navigation a {
display: block;
float: left;
font-size: 18px;
font-weight: bold;
margin: 1px 10px;
color: #ffffff;
}

.Box {
border: 1px solid #f58220;
padding: 6px;
background-color: #fff;
}





#Content {
padding:     10px;
width:       505px;
wi/dth: 485px;
float:      left;
margin: 0;

}




.Clear {
clear: both;
width: 100%;
border-top: 1px dotted #ccc;

}


#SideBar {
padding:    10px 10px 0 0;
width:       265px;
wi/dth: 215px;
float:    right;
margin: 0;
}



#SideBar ul {
padding: 0;
margin: 0 0px 0 15px;
list-style-type: square;

}

#SideBar ul li {

margin-bottom: 15px;
}


#Footer {
clear:  both;
display: block;
margin: 0;
height: 40px;
width: 800px;
text-align: center;
}


#Footer a {
color: #635b4f;
}

#Footer ul {
list-style: none;
margin: 0;
display: block;
}

#Footer ul li {
float: left;
border: 0;
padding: 2px;
margin-right: 1px;

}


#author, #email, #url {
display: block;
border: 1px solid black;
}

#commentform label {

display: block;
}

#commentform p {
width: 450px;
}

.BlueBox {
background-color: #f6f6f6;
padding: 12px;
border: 1px solid #ccc;
}