/*  --------------- Reset --------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0px none; outline: 0; font-size: 100%;} 
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
body{ background: #E4E4E4; text-align: center;}



/* --------------- General entries --------------- */
.darkgray {color: #8B0000; font-weight:bold}
.center {text-align: center}
a {text-decoration:none; color: #3D3D3D}
a:hover {text-decoration:none; color: #8B0000}
a:visited {text-decoration:none; color: #B0B0B0}
a:link {text-decoration:none; color: #3D3D3D}
.asylumCopyrightText{ width: 300px; position:relative; left:700px; bottom:-60px; font-size: 50%}




div.container {font-family: arial; width:601px; margin-top:10px}
div.shareit {margin-top: 20px; margin-bottom: 20px; text-align: left}
div.images {margin-bottom: 10px; text-align: center}
div.imagebox {width:150px; margin-top:10px; float: Left; vertical-align: middle;}
div.textbox {width:450px; margin-top:10px; float: Left; Text-align: justify}



/* --------------- Login Menu --------------- */
#asylumLoginText{ font-family: arial; text-align: left; margin-right: auto; margin-left: auto; padding: 210px 0px 0px 0px; border: 0; outline: 0;  float: left; width: 216px; font-size: 90%; text-decoration: none; color: #3D3D3D;}
#asylumLoginText a:hover {color: #8B0000;}



/* --------------- Top Menu --------------- */
#asylumMenu ul {cursor: pointer; list-style-type: none;}
#asylumMenu li {display: inline; padding: 0px 5px 0px 5px; font-size: 10pt; font-weight: bold; background-color: transparent; }
#asylumMenu a {text-decoration:none; color: #3D3D3D;}
#asylumMenu a:hover {color: #8B0000}
#asylumMenu li.sep {color: #AAAAAA; font-size: 14pt}
#asylumMenuText{ margin-right: auto; margin-left: auto; padding: 0; border: 0; outline: 0; font-family: arial;}




/* --------------- What's New --------------- */
.whatsnew {font-size: 120%; line-height: 150%}
.whatsnew li {margin-left: 20px; line-height: 150%; color: #808080}
.whatsnew p {padding-top:20px; padding-bottom: 10px; font-size: 180%; color: #202020; font-weight: bold}
.whatsnew a {font-size: 90%; text-decoration: none; color: #808080}
.whatsnew a:hover {color: #8B0000}


/* --------------- Spotlight --------------- */
.spotlight p {color: white}
.spotlight li {color: #E8E8E8}
.spotlight a {font-size: 90%; text-decoration: none; color: #E8E8E8}
.spotlight a:hover {color: #FF0000;}


/* --------------- Banner Archive --------------- */
div.bannerimage {height: 197px; margin-bottom: 20px; background-repeat:no-repeat} 
div.bannertext {padding-top: 25px; padding-left: 250px;} 
div.bannerlink {padding-top: 140px; padding-left: 80px;} 


/* --------------- News  --------------- */
div.news{margin-bottom: 10px; margin: 0px; text-align: justify}
div.nopadding {padding: 0; margin: 0; text-align: justify}
div.newsitem {color:#A9A9A9; font-weight:bold; font-size: 150%; padding: 0; margin-bottom: 10px}
div.newsposter {margin-bottom: 10px; color:gray; font-style:italic; font-size: 85%; padding: 0}
div.newstextfp {margin-top: 10px; margin-bottom: 10px; text-align: justify; line-height: 1.5}
div.newstext {margin-bottom: 10px; text-align: justify; line-height: 1.5}


/* --------------- Reviews --------------- */
div.reviewtitle {color:#A9A9A9; font-weight:bold; text-align:left; font-size: 185%; padding-top: 10px; width:440px; float:left}
div.reviewtext {margin-bottom: 10px; text-align: justify;  line-height: 1.5}
div.reviewquotes {color:#8B0000; font-style:italic; font-weight:bold; width: 440px; float:left; margin-bottom: 10px;  line-height: 1.2}
div.reviewcategories {float:left; text-align: left; width: 440px; padding-top:0px} 
div.reviewboxart {width: 150px; float:left; text-align:center; margin-bottom: 10px}
div.halfcol {width:49%; float:left; text-align:left;}
div.bold {font-weight:bold}
div.quotes {margin-bottom: 10px; color:#8B0000; font-style:italic;}
div.reviewer {margin-bottom: 20px}
div.reviewContainer {width:600px; height:248px; padding-top: 20px;}

ul li {list-style-type: none}
ul.none {list-style-type:none; padding: 0; margin: 0}
ol.decimal {list-style-type:decimal; list-style-position:inside; font-size: 95%; padding: 20px; margin-left: 0}
.decimal li {margin-left: 20px; padding-left: 25px; line-height: 150%; text-indent:25px}



/* --------------- Top 10 --------------- */
p.top10 {color: #8B0000; font-weight: bold}

.staff {font-size: 120%; line-height: 150%}
.staff p {padding-top:20px; padding-bottom: 10px; font-size: 120%; color: black; font-weight: bold}
.staff li {margin-left: 20px; line-height: 150%}




/* --------------- Q & A --------------- */
.QandA {text-align: left; line-height: 1.2}
.QandA p.question {color: #8B0000; text-align: justify; margin-bottom:8px}
.QandA p.answer {color: #00008B; text-align: justify; margin-bottom:24px}


/* --------------- Podcasts --------------- */
.pr_who {margin-bottom: 10px; font-style: italic; line-height: 1.5; font-weight: bold; color: gray}
.pr_maintopic {margin-bottom: 10px; line-height: 1.5}
.pr_notes {margin-bottom: 10px; line-height: 1.5}
.pr_title {margin-bottom: 10px; color: #8B0000; font-weight: bold; font-size: 120%; padding-top: 10px;}
.pr_dloptions {margin-bottom: 30px; margin-left: 60px}



/* --------------- About US--------------- */
#aboutus {border:0px solid red; width:601px; font-family: arial; color: white;}

div.aboutusind {border:0px solid green; width:150px; float: left; height: 90px; text-align: center;}

#aboutus h1 {color: #ADD8E6; font-size: 130%; font-weight: bold}
#aboutus h2 {color: white; font-size: 95%; font-weight: bold}
#aboutus h3 {color: white; font-size: 85%; font-weight: normal}
#aboutus h4 {color: white; font-size: 75%; font-weight: normal}



/* --------------- Main layout (DO NOT TOUCH) --------------- */
#asylumWrapperMainPage{ border: 0; padding: 0; width: 984px; min-height: 100%; height: auto; height: 100%; margin-right: auto; margin-left: auto; text-align: left;}

#asylumHeader{ margin: 0; padding: 0; border: 0; outline: 0; width: 984px;  height: 324px;  background-image:url('http://www.xbox360asylum.ca/home/Portals/_default/Skins/XDCTranquility/bg_top.jpg'); 
background-repeat:repeat-x;}

#asylumWrapperTop{ float: left; margin-right: auto; margin-left: auto; padding: 0; border: 0; width: 984px; height: auto; background-image:url(http://www.xbox360asylum.ca/home/Portals/_default/Skins/XDCTranquility/bg_table_main.png); background-repeat:repeat-y;}

#asylumLeftColTop{ margin-right: auto; margin-left: auto; padding: 0; border: 0; outline: 0; height: 1px; float: left; width: 42px;}
#asylumTopRow{ margin-right: auto; margin-left: auto; padding: 0; border: 0; outline: 0; float: left; width: 865px; height: auto;}
#asylumRightColTop{ margin-right: auto; margin-left: auto; padding: 0; border: 0; outline: 0; float: left; width: 77px; height: 1px;}

#asylumWrapperContent{ text-align: left; float: left; margin-right: auto; margin-left: auto; padding: 0; border: 0; width: 984px; height: auto; background-image:url(http://www.xbox360asylum.ca/home/Portals/_default/Skins/XDCTranquility/bg_table_main.png); background-repeat:repeat-y;}

#asylumLeftcol{ margin-right: auto; margin-left: auto; padding: 0; border: 0; outline: 0; height: 1px; float: left; width: 42px;}
#asylumSidebar{ text-align: left; margin-right: auto; margin-left: auto; padding: 0px 0px 0px 45px; border: 0; outline: 0;  float: left; height: auto; width: 264px;}
#asylumContent{ text-align: left; margin-right: auto; margin-left: auto; padding: 0; border: 0; outline: 0; float: left; height: auto; width: 601px;}
#asylumRightcol{ margin-right: auto; margin-left: auto; padding: 0; border: 0; outline: 0; float: left; width: 77px; height: 1px;}

#asylumFooter{ margin: 0; padding: 0; border: 0; outline: 0; clear: both; width: 984px;  height: 125px; background-image:url(http://www.xbox360asylum.ca/home/Portals/_default/Skins/XDCTranquility/bg_footer.png); background-repeat:repeat-x;}

#asylumWrapperHeader{ float: left; margin-right: auto; margin-left: auto; padding: 0; padding-top: 45px; border: 0; border: 0; width: 984px; height: auto;}
#asylumLeftColHead{ margin-right: auto; margin-left: auto; padding: 0; border: 0; outline: 0; height: 12px; float: left; width: 115px;}
#asylumRightColHead{ margin-right: auto; margin-left: auto; padding: 0; border: 0; outline: 0; float: left; width: 77px; height: 12px;}

div#dnn_TopPane, div#dnn_LeftPane, div#dnn_ctr577_ContentPane, div#dnn_ctr577_ModuleContent, div#dnn_ContentPane, div#dnn_ctr584_ContentPane {padding:0}



