/*  
Theme Name: Empty Theme
Theme URI: http://YourWebsite.com
Description: An Empty Theme for you to mess with!
Version: 1.0
Author: DMD Student
Author URI: http://www.dimd.nait.ca
*/

/* 

Go ahead and change the info above once you've added your own styling

 */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */
h1 { font-size: 18px;}

/* 

Put your styles below...

 */
 
body{
background-image: url("http://www.ironmikebrown.com/wp-content/themes/emptyTheme/images/bodyTile.jpg"); 
background-repeat: repeat-x;
background-color: #333;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
#page-wrap{
margin-left: auto;
margin-right: auto;
margin-top: 0;
width: 900px;
height: auto;
background: #fff;
}


/*    header area     */


#header{
position: relative;
float: left;
width: 900px;
height: 118px;
background-image: url("http://www.ironmikebrown.com/wp-content/themes/emptyTheme/images/header.jpg");
}
#logo{
position: relative;
float: left;
margin-left: 630px;
margin-top: 10px;
display: inline;
width: 154px;
height: 66px;
}
#nav{
position: relative;
float: left;
width: 890px;
height: 25px;
padding: 7px 0 0 10px;
background-image: url("http://www.ironmikebrown.com/wp-content/themes/emptyTheme/images/navBg.jpg");
background-repeat: repeat-x;
}
#nav a{
color: #000;
font-size: 14px;
font-weight: bold;
text-decoration: none;
margin-left: 5px;
display: inline;
}
#nav a:hover{
text-decoration: underline;
}
#timer{
position: relative;
float: right;
width: auto;
height: 30px;
color: #ffffff;
margin-right: 10px;
*margin-right: 20px;
margin-top: 10px;
display: inline;
}


/*    home page donation box     */


#donateHeader{
position: relative;
float: left;
width: 700px;
height: 135px;
padding-left: 200px;
padding-top: 15px;
background-image: url("http://www.ironmikebrown.com/wp-content/themes/emptyTheme/images/donateHeader.jpg");
color: #ffffff;
}
#donateHeader a{
color: #fff000;
text-decoration: underline;
}
#donateHeader a:hover{
color: #ffffff;
text-decoration: none;
}


/*    sidebar     */


#sidebar{
position: relative;
float: left;
width: 340px;
height: auto;
padding-bottom: 20px;
background: #fff;
font-size: 16px;
line-height: 22px;
}
#sidebar img{
margin-left: 20px;
margin-top: 20px;
display: inline;
}
#sidebarLogo{
position: relative;
float: left;
width: 308px;
height: 76px;
background-image: url("http://www.ironmikebrown.com/wp-content/themes/emptyTheme/images/sidebarLogo.jpg");
background-repeat: no-repeat;
margin-top: 20px;
margin-left: 20px;
display: inline;
}
#sponsors{
position: relative;
float: left;
width: 268px;
height: auto;
padding: 30px 20px 20px 20px;
border: #000000 solid 1px;
margin-left: 20px;
margin-top: 20px;
display: inline;
background-image: url("http://www.ironmikebrown.com/wp-content/themes/emptyTheme/images/sponsors.jpg");
background-repeat: no-repeat;
}
#sponsors img{
position: relative;
float: left;
margin-left: 0px;
margin-top: 20px;
display: inline;
}
#socialNetwork{
position: relative;
float: left;
width: 268px;
height: auto;
padding: 50px 20px 20px 20px;
border: #000000 solid 1px;
margin-left: 20px;
margin-top: 20px;
display: inline;
background-image: url("http://www.ironmikebrown.com/wp-content/themes/emptyTheme/images/socialNetwork.jpg");
background-repeat: no-repeat;
}
#socialNetwork img{
margin: 0;
display: inline;
}
.socialNetworkSingle{
position: relative;
float: left;
width: auto;
height: auto;
padding: 0;
margin-bottom: 20px;
display: inline;
}
.socialNetworkSingleIcon{
position: relative;
float: left;
width: 46px;
height: 46px;
}
.socialNetworkSingleText{
position: relative;
float: left;
width: 210px;
height: auto;
padding-left: 10px;
font-size: 14px;
line-height: 20px;
}
.socialNetworkSingle a{
color: blue;
text-decoration: underline;
}
.socialNetworkSingle a:hover{
color: #000;
text-decoration: none;
}
#supportBox{
position: relative;
float: left;
width: 268px;
height: auto;
padding: 50px 20px 20px 20px;
border: #000000 solid 1px;
margin-left: 20px;
margin-top: 20px;
display: inline;
background-image: url("http://www.ironmikebrown.com/wp-content/themes/emptyTheme/images/supportMike.jpg");
background-repeat: no-repeat;
}
#supportBox a{
color: blue;
text-decoration: underline;
}
#supportBox a:hover{
color: #000;
text-decoration: none;
}



/*    blog area     */



#blogColumn{
position: relative;
float: left;
width: 560px;
height: auto;
background: #fff;
font-size: 16px;
line-height: 22px;
}
#blogWrapper{
position: relative;
float: left;
width: 490px;
height: auto;
padding: 20px;
border: #000000 solid 1px;
margin-top: 20px;
margin-left: 10px;
margin-bottom: 20px;
display: inline;
}
#blogWrapper img{
margin-bottom: 15px;
display: inline;
}
.postHeader{
position: relative;
float: left;
height: auto;
width: 490px;
margin-bottom: 8px;
display: ;
}
#dateBox{
position: relative;
float: left;
width: 50px;
height: auto;
}
p.month{
font-weight: bold;
color: #ffcc00;
font-size: 20px;
line-height: 28px;
}
p.day{
font-weight: bold;
color: #ffcc00;
font-size: 32px;
}
.blogTitle{
position: relative;
float: left;
height: auto;
width: 440px;
font-size: 28px;
line-height: 28px;
font-weight: bold;
}
.blogLine{
position: relative;
float: left;
margin-bottom: 10px;
display: inline;
}


/*       pages       */


#pageColumn{
position: relative;
float: left;
width: 560px;
height: auto;
background: #fff;
font-size: 16px;
line-height: 22px;
}
#pageWrapper{
position: relative;
float: left;
width: 490px;
height: auto;
padding: 20px;
border: #000000 solid 1px;
margin-top: 20px;
margin-left: 10px;
margin-bottom: 20px;
display: inline;
}
#pageWrapper img{
margin-bottom: 15px;
margin-top: 15px;
display: inline;
}


#foot{
position: relative;
float: left;
width: 900px;
height: 40px;
background: #333333;
}
#tracker{
position: relative;
float: left;
width: 288px;
height: auto;
padding: 10px;
margin-left: 20px;
margin-top: 20px;
display: inline;
background: #000;
border: black solid 1px;
color: #fff;
}
#tracker b{
color: yellow;
}