@charset "utf-8";

/******** XC1 HTML5/CSS Reset *********/

/* Based on the YUI css reset and a generic HTML5 reset with some added XC1 reset specialities */

*, html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, 
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; outline:0; font-size:100%; font-weight:normal; line-height:1; vertical-align:baseline; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,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,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
nav ul, li{list-style:none;}
caption,th{text-align:left;}
abbr,acronym{border:0;font-variant:normal;}
sup, sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/******** CSS Hacks *********/

/* We want some things to not make our days harder */

header:after, div#main:after, div#page:after, footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ngg-clear, .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
* html .clearfix{height:1%;}.clearfix{display:block;} /* Clearfix for floating elements, an old CSS weakness */

.hidden, input[type='hidden'] { visibility: hidden;} /* Dont display hidden elements */
.print { display: none;} /* We dont want some things ment for print to be seen */
p img {	padding: 0; max-width: 100%; max-height: 100%; width: auto; height: auto; } /* Makes the img stay within designated area */
acronym, abbr, span.caps { letter-spacing:0; /* fix opera bug */ }

/******** Alignment *********/

img.center, img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.center, .aligncenter { margin-left: auto !important; margin-right: auto !important; }
.right, .alignright { float: right; }
.left, .alignleft { float: left; }

/******** Code *********/

pre { margin: 15px 0px; padding: 10px; color: #222; line-height: 16px; margin-bottom: 18px; padding: 1.5em; font-size: 0.9em; word-wrap: break-word; }
code {	display:block; direction:ltr; text-align:left; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; word-wrap: break-word; }

/******** Specialized 960 Grid 1/12 column *********/

/* XC1 version of the 960gs with only support på the 12 column grid */

.column-container { padding-left:30px !important; padding-right:30px !important;}
.column {display:inline !important;float:left !important;margin-left:10px !important;margin-right:10px !important;}
.grid-1{width:60px !important;}.grid-2{width:140px !important;}.grid-3{width:220px !important;}.grid-4{width:300px !important;}.grid-5{width:380px !important;}.grid-6{width:460px !important;}
.grid-7{width:540px !important;}.grid-8{width:620px !important;}.grid-9{width:700px !important;}.grid-10{width:780px !important;}.grid-11{width:860px !important;}.grid-12 {width:940px !important;}

/* Basic markup styling */

html { background: /*url('../images/html.jpg') repeat #333*/ #e2e2e2; padding: 0px; margin: 0px; width: 100%; overflow-x: hidden; }
body { /*background: url('../images/body.jpg') repeat-x;  color: rgba(255, 255, 255, 0.5); text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);*/ padding: 0px; margin: 0px; font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; width: 100%; overflow-x: hidden; }
#wrapper { background: /*url('../images/wrapper.jpg') no-repeat top center*/; width: 100%; }
#wrapper #container { margin: 0px auto; }
#wrapper #container > header {  width: 100%; background-color: #FFF !important; height: 120px; position: relative; -webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.15); box-shadow:0 3px 3px rgba(0, 0, 0, 0.15); z-index: 5555; }
#wrapper #container > header h1 a { display: block; text-indent: -2000px; overflow: hidden; width: 1020px; height: 120px; margin: 0px auto; }

#wrapper #container > #main { position: relative; width: 1120px; margin: 0px auto 20px auto; z-index: 4444; }
#wrapper #container > #main #content { }
#wrapper #container > #main #content > section { position: relative; }

#wrapper #container > footer { height: 100px; width: 1120px; margin: 0px auto; display: none; }

h1, h2 , h3, h4, h5 { margin: 0px; padding: 2.0em 0 0.5em 0; font-weight: 100; color: #787878; }
h1 { font-size: 4.0em; margin: 0px; padding: 0px; }
h2 { font-size: 3.0em; margin: 0px; padding: 0px; font-weight: bold; }
h3 { font-size: 2.0em; margin: 0px; padding: 0px; }
h4 { font-size: 1.2em; margin: 0px; padding: 0px; font-weight: bold; }
h5 { font-size: 0.8em; margin: 0px; padding: 0px; font-weight: bold; text-transform: uppercase; }
h5 span { color: #AAA; font-weight: bold; }
hgroup { padding: 20px 0px; }

p { padding: 5px 0px 10px 0px; line-height: 18px; font-size: 15px; }

#intro { width: 110%; height: 500px; display: block; background: #CCC; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5), 0 5px 10px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5), 0 5px 10px rgba(0, 0, 0, 0.5) inset; box-shadow:0 5px 10px rgba(0, 0, 0, 0.5), 0 5px 10px rgba(0, 0, 0, 0.5) inset; margin: 0px -5%; }

.bg { display: block; width: 100%; height: 100%;  }
.bg img { position: absolute; top: 50%; left: 50%; }

/* Box */
.box { display: none; overflow: hidden; text-align: center; padding: 30px 10px; margin: 0px -200px 20px -200px; width: 1500px; -moz-border-radius:4px; border-radius:4px; position:relative;}

/* Box content */
.box-content, .box-inset img, .box-inset object { margin: 20px 5px 0px 5px; -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); }

/* Box Inset */
.box-inset { background: rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) inset; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

/* Text inset */
.text-inset { /*text-shadow: 0px 1px 0px rgba(255,255,255,0.2); color: rgba(0,0,0,0.75);*/ }

/* Box outset */
.box-outset { background: #f0f0f0; -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); border-top: 1px solid rgba(255, 255, 255, 0.8); }

.box-outset:hover { background: #fefefe; }

/* Text outset */
.text-outset { /*text-shadow: 0px 2px 3px rgba(0,0,0,0.75); color: #FFF;*/ }

/* Divider */
.divider:after { background: rgba(0, 0, 0, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.8); clear: both; display: block; content:" "; margin: 5px 0px; width: 1020px; height:1px; }

/* Generated markup styling */

.box-inset object.transparent {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;  }

.select-box { position: relative; overflow: visible; width: 300px; padding: 7px 10px 7px 10px; display: block;  background: url(../images/select.png) no-repeat 293px 3px #f0f0f0; -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); border-top: 1px solid rgba(255, 255, 255, 0.8); -moz-border-radius: 4px; border-radius: 4px; margin: 10px 20px 10px 0px; font-size: 12px; color: #666; cursor: pointer; z-index: 8888; }
.select-box select { display: none; } 
.select-box div.select-value { padding: 2px 0px; display: block; font-weight: bold; first-letter: uppercase; }
.select-box ul { padding: 0px; display: none; }
.select-box ul li { padding: 2px 0px; display: block; }
.select-box div.select-value:first-letter,
.select-box ul li:first-letter { text-transform: uppercase; }
	
object:focus, a, a:focus { color: #787878;; outline: none; }

.radio-label { width: 270px; padding: 7px 10px 7px 40px; display: block; background: url('../images/radio-off.png') no-repeat 7px 0px rgba(0,0,0,0.5); background: #f0f0f0; -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); border-top: 1px solid rgba(255, 255, 255, 0.8); -moz-border-radius: 4px; border-radius: 10px; margin: 10px 20px 10px 0px; font-size: 12px; color: #666; cursor: pointer;  }
.check-label { width: 270px; padding: 7px 10px 7px 40px; display: block; background: url('../images/check-off.png') no-repeat 7px 0px #f0f0f0; -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); border-top: 1px solid rgba(255, 255, 255, 0.8); -moz-border-radius: 4px; border-radius: 4px; margin: 10px 20px 10px 0px; font-size: 12px; color: #666; cursor: pointer;  }
label.check-on { background: url('../images/check-on.png') no-repeat 7px 0px #414141; color: #EEE; /*-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset; border-top: none; border-bottom: 1px solid rgba(255, 255, 255, 0.8);*/ }
label.radio-on {  background: url('../images/radio-on.png') no-repeat 7px 0px rgba(0,0,0,0.9); }
.check-label input,
.radio-label input { position: absolute; left: -9999px; }

#breadcrumbs { position: relative; display: block; width: 110%; padding: 10px 0px; margin: 20px -5%; background: rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05) inset; border-bottom: 1px solid rgba(255, 255, 255, 0.5); display: none;  }
#breadcrumbs ul { position: relative; display: block; width: 1020px; margin: 0px auto; padding: 0px; }
#breadcrumbs ul li { position: relative; display: block; float: left; list-style-type: none; margin: 0px; }
#breadcrumbs ul li a { display: block; padding: 0px 20px 0px 0px; text-decoration: none; }
#breadcrumbs ul li:after { content: "/"; position: absolute; right: 8px; top: 0px; color: rgba(0,0,0,0.1); }
#breadcrumbs ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#list-toggle { display: block; position: absolute; top: 0px; right: 0px; }
#list-toggle li { display: block; float: left; display: block; width: 30px; height: 30px; margin: 0px 0px 0px 10px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); border-top: 1px solid rgba(255, 255, 255, 0.8); text-indent: -2000px; overflow: hidden; cursor: pointer; background: #f0f0f0; }
#list-toggle li#list-toggle-thumbs { background: url('../images/list-thumbs.png') no-repeat 50% 50% #f0f0f0; }
#list-toggle li#list-toggle-list { background: url('../images/list-list.png') no-repeat 50% 50% #f0f0f0; }

#list { width: 1040px; margin: 0px -10px; }
#list li { width: 1000px; display: block; padding: 10px; margin: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; text-align: left; }
#list.list-thumbs li {width: 220px; height: 300px; float: left; }
#list.list-list li { width: 1000px; /* height: 20px;*/ }

.list-icon { background: url('../images/list-icon.png') no-repeat 50% 50%; width: 64px; height: 64px; display: block; position: relative; float: left; }
.list-title { padding: 10px; }
.list-title h4 a { text-decoration: none; padding: 0px 10px 0px 0px; padding: 0px; }
.list-date { padding: 10px 20px; }
.list-download { padding: 10px 20px; }
.see-more { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.list-thumbs .list-icon {  }

.list-thumbs .list-title { }
.list-thumbs .list-date { width: 200px; height: 44px; position: absolute; bottom: 84px; right: 0px; }
.list-thumbs .list-download { width: 200px; height: 44px; position: absolute; bottom: 10px; right: 0px; }

.list-list .list-icon { padding: 0px 10px 0px 0px; }

.list-list .list-title { height: 44px; display: block; position: relative; float: left; }
.list-list .list-date { width: 180px; height: 44px; position: absolute; bottom: 10px; right: 220px; }
.list-list .list-download { width: 180px; height: 44px; position: absolute; bottom: 10px; right: 10px; }

.list-list .list-icon:after,
.list-list .list-title:after { background: rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(255, 255, 255, 1); clear: both; display: block; content:" "; margin: 0px; width: 1px; height: 64px; position: absolute; top: 0px; right: 0px; }
.list-list .list-date:before,
.list-list .list-download:before { background: rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(255, 255, 255, 1); clear: both; display: block; content:" "; margin: 0px; width: 1px; height: 64px; position: absolute; top: 0px; left: 0px; }


#rvisn-logo { display: block; position: absolute; top: 50%; left: 50%; margin: -200px -100px; width: 200px; height: 396px; background: url('../images/rvisn-logo.png') no-repeat 0px 0px; }

#styleswitcher { display: none; }
#filler { display: none !important; }


.section { display: block; position: relative; width: 100%; overflow: hidden; }


body.mtg div#wrapper div#container > header { background: url('/themes/mtg/header-bg.jpg') repeat 0px 0px;  }
body.mtg div#wrapper div#container > header h1 { background: url('/themes/mtg/header.jpg') no-repeat 0px 0px; width: 100%;  }
body.nord div#wrapper div#container > header { background-color: #ff5b60 !important;}