/* RESET */
/* ----------------------------------------- */

/* 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%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.left {float:left; }
.right {float:right; }
.center {display:block; margin:0 auto; text-align:center;}
.half {width:48%;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.border-top {border-top:1px dotted #CCCCCC;
float:left;
margin-top:50px;
padding-top:28px;
width:100%;}
.padding-bottom {padding-bottom:20px;}
.padding-top {padding-top:20px;}
.overflow {overflow:hidden;}


/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
.clear {clear:both;}


/* ID LAYOUT */

#wrapper {background:transparent url(images/background-header.jpg) no-repeat scroll center top;
margin:0 auto;}

body {background:#EFEFEE url(http://viral-content-magic-review.willielongiii.com/images/background-body.jpg) repeat-x scroll 0 0;
font-family:helvetica;}

#header {
height:244px;
margin:0 auto;
text-indent:-9999px;
width:100%;}

#content-wrap {background:transparent url(http://viral-content-magic-review.willielongiii.com/images/background-content.jpg) repeat-y scroll 0 0;
margin:0 auto;
overflow:hidden;
width:922px;}

#content {overflow:hidden;
padding:2px 35px 40px;}

#content-bottom {background:transparent url(http://viral-content-magic-review.willielongiii.com/images/background-content-bottom.jpg) no-repeat scroll 0 0;
height:8px;
margin:0 auto 9px;
width:922px;}

#footer {margin:0 auto 50px;
overflow:hidden;
padding:0 25px;
width:898px;}

#footer a {border-bottom:1px dotted;
color:#2A69BD;
font-size:12px;
margin-left:11px;
text-decoration:none;}

#footer a:hover {color:#1F1F1F;}

#footer p {color:#1F1F1F;
font-size:12px;}


/* OPT IN STYLES */

#form-wrap {background:transparent url(http://viral-content-magic-review.willielongiii.com/images/background-form-wrap.jpg) no-repeat scroll 0 0;
width:309px;}

#form {height:233px;
padding-left:26px;
padding-top:116px;}

input.input {background:transparent url(http://viral-content-magic-review.willielongiii.com/images/background-input.jpg) no-repeat scroll 0 0;
border:medium none;
color:#3A3A3A;
font-size:15px;
font-weight:bold;
height:25px;
margin-bottom:14px;
padding-left:8px;
padding-right:8px;
padding-top:7px;
width:241px;}

input.button-submit {background:transparent none repeat scroll 0 0;
height:50px;
padding:0;
width:222px;}

.rights {color:#3B3B3B;
font-size:11px;
line-height:18px;
padding:0 10px;}




/* TYPOGRAPHY */

a {}

a:hover {}

h1 {font-size:41px;
font-weight:bold;
line-height:45px;
margin-bottom:34px !important;}

h2 {}

h3 {}

h4 {font-weight:bold;
margin-bottom:18px !important;}

h5 {}

h6 {}

p {font-size:15px;
line-height:18px;
padding-bottom:25px;}

.red {color:#fd0000;}

.bullet {background:transparent url(http://viral-content-magic-review.willielongiii.com/images/bullet.png) no-repeat scroll 0 0;
float:left;
font-size:14px;
line-height:18px;
margin-bottom:24px;
margin-right:20px;
padding:18px 0 15px 60px;
width:332px;}

.orange-header {color:#990000;
font-size:17px;
padding-top:17px;}




/* MEMBERS STYLES */

div#container-table {margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
width:760px;}

div.module {background:#FFEDD3 url(http://viral-content-magic-review.willielongiii.com/images/video.jpg) no-repeat scroll 14px 14px;
border:1px solid #FFB955;
margin-bottom:44px;
padding:30px 30px 30px 150px;
overflow:hidden;}

div.module h3 {color:#BC0000;
font-size:26px;
font-weight:bold;
line-height:32px;
margin-bottom:23px;}

h3.module-header {background:transparent url(http://viral-content-magic-review.willielongiii.com/images/video-white.jpg) no-repeat scroll left center;
border-bottom:1px dotted #CCCCCC;
border-top:1px dotted #CCCCCC;
display:block;
font-size:33px;
font-weight:bold;
margin:10px 0;
padding-bottom:40px;
padding-left:112px;
padding-top:40px;}

div.module h4 {border-bottom:1px dotted #999999;
padding-bottom:5px;}

a.back-top {border-bottom:1px dotted;
color:#222222;
float:right;
font-size:11px;
text-decoration:none;
text-transform:uppercase;}

a.module-download {background:transparent url(http://viral-content-magic-review.willielongiii.com/images/icon-view.jpg) no-repeat scroll left top;
color:#870C04;
display:block;
font-size:15px;
font-weight:bold;
padding-left:24px;
padding-top:4px;
text-decoration:none;}

a.module-download:hover {color:#000;}

div.inner-navigation {background:#FFEDD3 none repeat scroll 0 0;
border:1px solid #FFB955;
margin:5px 0 21px;
padding:20px;
text-align:center;}

div.inner-navigation a {border-bottom:1px dotted;
color:#0055C7;
font-size:14px;
margin:0 15px;
text-decoration:none;}

div.inner-navigation a:hover {color:#000;}


/* SPECIAL WIDTHS */

.width-1 {width:308px;}
.width-2 {width:400px;}
.width-3 {}