@import "/common/css/signup_forms.css";

/*
Theme Name: Magnetize Default
Theme URI: http://wordpress.org/
Description: custom theme for magnetize
Version: 1.6
Author: Tom O'Connor
Author URI: TommyMedia.ca


*/



p, body, pre, td {
color: #111;
font: 16px/20px Arial, Verdana, sans-serif;
}
body {
text-align: center;
background-color: #0000cc;
background-image: url('/blog/wp-content/themes/magnetize/images/bg.gif');
}

* {

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

img {
border: 0;
}



h1 {
font-size:     25px;
font-weight:   normal;
line-height:    28px;
text-transform: capitalize;
color: #a80000;
}

h1 a, h1 a:visited, h2 a, h2 a:visited {
text-decoration: none;
color: #a80000;
}

h2 {
font-size:     28px;
font-weight:   bold;
color: #a80000;
line-height:   29px;
text-transform: capitalize;
}



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

}

h4 {

font-weight:   normal;
line-height:    28px;
text-transform: capitalize;
margin: 0;
padding: 0;
color: #0000cc;
font-size: 18px;
font-weight: bold;
}

h5 {
font-size: 1.4em }

p, ul {
margin-bottom: 20px 
}

ul {
margin-left: 40px;
}

ol {
margin-left: 40px;
}

li {
margin-bottom: 10px 
}

ol li {
margin-bottom: 10px;
}


td {
text-align: left 
}

a {
color: #0000cc;
text-decoration: underline;
font-weight: bold; 
}

a:visited {
color: #0000cc;
text-decoration: underline 
}


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


#comment {
padding: 3px;
width: 480px;
}

#submit {
padding: 3px;
float: right;
text-align: center;
}




/* Main Page Template

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

Purpose: Main layout properties of sitewide elements */

#Wrap {
margin-right:  auto;
margin-left:   auto;
margin-bottom: 0;
padding: 0;
width: 900px;
background-color: #ffffff;
}



#Header {
height: 156px;
width: 900px;
}

#Navigation {
width:            900px;
height:           39px;
padding: 0;
margin: 0;
background-image: url('/blog/wp-content/themes/magnetize/images/navbg.gif');
}

#Navigation a {
display: block;
height: 39px;
background-repeat: no-repeat;
float: left;
}

#Home {
width: 118px;
background-image: url('/blog/wp-content/themes/magnetize/images/home.gif');
}

#Home:hover {
background-position: bottom;
}


#Blog {
width: 102px;
background-image: url('/blog/wp-content/themes/magnetize/images/blog.gif');
}

#Blog:hover {
background-position: bottom;
}


#About{
width: 108px;
background-image: url('/blog/wp-content/themes/magnetize/images/about.gif');
}

#About:hover {
background-position: bottom;
}


#Archives {
width: 127px;
background-image: url('/blog/wp-content/themes/magnetize/images/archives.gif');
}


#Archives:hover {
background-position: bottom;
}

#Contact {
width: 108px;
background-image: url('/blog/wp-content/themes/magnetize/images/contact.gif');
}


#Contact:hover {
background-position: bottom;
}







#Content {
padding:     30px 0 0 30px;
width:      500px;
_width: 490px;
float:      left;
background-color: #ffffff;
margin: 0;
}

.more-link {

display: block;
text-align: left;
margin-bottom: 15px;
*margin-bottom: 0px;

margin-right: 15px;
}

.postmetadata {

font-size: 13px;
clear: both;

display: block;
}



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

}


#SideBar {
padding:    30px 30px 30px 30px;
width:       310px;
wi/dth: 215px;
float:       right;
margin: 0;
background-color: #fff;
}





#Footer {
clear:        both;
display: block;
margin: 0;
height: 40px;
width: 900px;
background-color: #111;
text-align: right;
background-image: url('/blog/wp-content/themes/magnetize/images/navbg.gif');
}

#Footer ul {
font-size: 12px;
padding: 8px 30px 0 30px;
line-height: 15px;
color: #fff;
float: right;
}

#Footer a {
color: #fff;
}

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

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

}


#author, #email, #url {
}

#commentform label {
}

#commentform p {
}

#OptIn {
padding: 12px;
border: 4px solid #0000cc;
padding: 0;
margin: 0;
line-height: 17px;
}

#OptIn  em {
font-size: 14px;
line-height: 17px;
}

#OptInFields {
margin-top: 10px;
color: #fff;
padding: 0px;
background-image: url('/blog/wp-content/themes/magnetize/images/email-background.jpg');
background-position: -2px 2px;
height: 171px;
background-repeat: no-repeat;
background-color: #0000CC;
}
#OptInFields table {
margin: 10px;

}


#OptInText{
padding: 8px 15PX;

}

.SideBarBox {
border: 4px solid #0000cc;
margin: 25px 0;
padding: 0px;
}

.SideBarBox ul {
margin: 0;
padding: 0;
display: inline;
}

.SideBarBox ul li {
list-style: none;
margin: 0;
padding: 0;
display: block;
}

.SideBarBox h2 {
background-color: #0000cc;
color: #fff;
padding: 5px;
}

.SideBarBox a {
margin: 0;
padding: 5px 15px;
*padding: 10px 5px;
border-top: 1px solid #0000cc;
display: block;
background: url('/blog/wp-content/themes/magnetize/images/arrow.gif') 6px 12px;
*background: url('/blog/wp-content/themes/magnetize/images/arrow.gif') 6px 15px;
background-repeat: no-repeat;
}


.SideBarBox a:hover {

background:  url('/blog/wp-content/themes/magnetize/images/arrow-up.gif') 6px 12px;
*background: url('/blog/wp-content/themes/magnetize/images/arrow-up.gif') 6px 15px;


background-repeat: no-repeat;
}





#FooterBox {
clear: both;
margin: 30px;
border: 4px solid #0000cc;
padding: 25px;
display: block;
}

#ToolBox a {
background: none;
margin: 0;
padding: 0;
background-image: none;
margin-left: 5px;
padding: 5px;
}

span.ToolButton {
border-top: 1px solid #0000cc;
display: block;
height: 36px;
}



a.ToolImage {
text-decoration: none;
border: 0;
padding: 0;
margin: 0;
float: left;


}

a.ToolLink {
display: block;
border: 0;
height: 24px;
line-height: 24px;
}

#CommentList {
margin: 0;
padding: 0;
list-style: none;
}


#CommentList li {
list-style: none;
margin: 0;
padding: 20px 10px;
border-bottom: 1px solid #ccc;


}

#comments {
font-weight: bold;
border-bottom: 2px solid #ccc;
}


.alt {
background-color: #f5f5f5;
}

#Post {
border-bottom: 1px solid #ccc;
padding-top: 20px;
}

#Post:first-child {

padding-top: 0;
}

span.SmallText {
font-size: 9px;
font-style: italic;
}

#PageStyle2 #Wrap, #PageStyle3 #Wrap {
width: 770px;
}
#PageStyle2 #Header, #PageStyle3 #Header  {
width: 770px;
height: 133px;
}

#PageStyle2 #Footer, #PageStyle3 #Footer {
width: 770px;
}

#PageStyle2 #Content {
width: 620px;
padding: 25px 75px;
}

 #PageStyle3 #Content {
 margin: 20px;
 width: 730px;
padding: 0;
 }

#PageStyle2 h1, #PageStyle3 h1  {
font-weight: bold;
margin-bottom: 25px;
font-size: 33px;
line-height: 37px;
}

 #PageStyle4 h1{
color: #a80000;
font-weight: bold;
margin: 0 0 10px 0;
font-size: 25px;
line-height: 26px;
}




#PageStyle2 h2 {
font-size: 26px;
margin: 0 0 3px 0;
padding: 0;
}

#PageStyle4 #Content {
float: right;
width: 610px;
padding: 20px;
margin: 0;
background-color: #fff;
}

#PageStyle4 #SideBar {
float: left;
width: 230px;
background-color: #fff;
padding: 20px 20px 20px 0;
margin: 0;
background-color: #EFEFFF;
}

.DividerLine {
display: block;
width: 249px;
border-top: 1px solid #8F90FF;
height: 2px;
margin: 20px 0;
}

#PageStyle4 #SideBar  a {
font-weight: normal;
}



h1 {
margin-bottom: 15px;
font-weight: bold;
color: #0000cc;
}

h2 {
margin-bottom: 15px;
font-weight: bold;
}

#Content h3 {
font-size: 19px;
font-weight: bold;
margin: 0;
color: #222;
}

.LargeLink a {
font-size: 18px;
}


.RedBox, .BlueBox, .GreenBox {
padding: 15px;
margin: 0px 0 20px 0;
width: 450px;
_width: 440px;
}


.RedBox {
background-color: #FFDFE8;
border: 1px solid  #cc0033;
}

.GreenBox {
background-color: #DFFFDF;
border: 1px solid #005a00;
}

.RedBox h4, .RedBox .LargeLink a {
color: #cc0033;

}

.GreenBox h4, .GreenBox .LargeLink a {
color: #005a00;

}

.BlueBox h4, .BlueBox .LargeLink a {

}



.BlueBox {
background-color: #DFDFFF;
border: 1px solid #0033cc;
}

.Right {
float: right;
margin : 10px;
}

.MediumText {
color: #000;
display: block;
font-size: 18px;
font-weight: normal;
font-style:italic;
}
ul.CheckBox {
list-style: none;
margin: 20px 35px 40px 35px;
}

.CheckBox li {
background-image: url(/blog/images/checkmark.gif);
background-repeat: no-repeat;
line-height: 25px;
padding-left: 28px;
padding-top: 3px;
}

ul.GreenArrow {
list-style:none;
margin: 0 0px 0px 30px;
padding: 0;

}

.GreenArrow li {
background-image: url('/blog/wp-content/themes/magnetize/images/green-arrow.png');
background-repeat: no-repeat;
padding-left: 25px;
background-position: 0 2px;

}





.Red {
color: #a80000;
}