* { margin:0; padding:0;}
img, a img { border:none; }
a { color:#29abe2; text-decoration:none; font-weight:bold; }
a:hover { color:#fff; text-decoration:underline; }
.alignleft { text-align:left; }
.alignright { text-align:right }
img.aligncenter { display:block; text-align:center; margin:0 auto 20px; }
img.alignleft { float:left; margin:0 20px 20px 0; }
img.alignright { float:right; margin:0 0 20px 20px; }
.clear { clear:both; }
.sepa { height:20px; margin:20px 0 15px -17px; clear:both; background:transparent url(img/hr.jpg) no-repeat left center;}

p { margin:0 0 20px; line-height:1.7em; }
ul, ol { margin:0 0 20px 15px; }
ul li, ol li { margin:0 0 10px; }
h1, h2, h3 { font-weight:normal; letter-spacing:-.05em; }

body { font-family:Helvetica, Arial, sans-serif; color:#ccc; font-size:84%; background:#000; }

#header { width:1100px; height:300px; background:url(img/devilscrossing_large.jpg) no-repeat; position:absolute; top:0px; left:50%; margin-left:-550px; }

#wrap { width:970px; margin:300px auto 0; }
#container { width:970px; padding:0 30px 20px; background:url(img/container.gif) repeat-y; }
#footer { width:970px; min-height:222px; padding:20px 0 70px; height:auto !important; height:222px; background:url(img/footer.jpg) no-repeat; text-align:center; }

/*header*/
#header h1 a { width:580px; height:195px; display:block; text-indent:-9999px; outline:none; position:absolute; top:0px; left:150px;}


/*topbar*/
#topbar { width:1035px; height:121px; background:url(img/topbar.jpg) no-repeat; overflow:hidden; position:relative; }
#topbar .topleft,
#topbar .topsocial { float:left; overflow:hidden; }
#topbar a.button { float:left; margin:0 10px 0 0; }
#topbar a.button.tophome { margin:0 0 0 11px; }

#topbar ul#topmenu { position:absolute; left:0px; top:63px; overflow:hidden; list-style:none; }
#topbar ul#topmenu li { float:left; display:inline; padding:15px 20px 15px 5px; background:url(img/topmenu_li.png) no-repeat right bottom; }
#topbar ul#topmenu li a { display:block; color:#fff; font-weight:bold; letter-spacing:.15em; }

#index #topbar { width:970px; background:url(img/topbar_index.jpg) no-repeat; }
#index #topbar .topleft { width:154px; height:60px; background:url(img/vr_short.jpg) no-repeat right bottom; }
#index #topbar .topsocial { float:right; }


/*container*/
#container #content { width:640px; float:left; display:inline; }
#container #sidebar { width:224px; float:left; display:inline; font-size:.95em; color:#4d4d4d; margin:0 0 0 42px;}


/*content*/
#container #content h2 { font-size:3.7em; color:#f00; padding:20px 0 40px 17px; margin:0 0 15px -17px; line-height:.9em; background:url(img/hr_short.jpg) no-repeat left bottom; }
#container #content h3 { font-size:2.4em; color:#f00; padding:40px 0 20px 17px; margin:0 0 15px -17px; line-height:.9em; background:url(img/hr_short.jpg) no-repeat left top;  }
#container #content blockquote { padding:25px 0 0 70px; margin:0 70px 30px 15px; background:url(img/blockquote.jpg) no-repeat; color:#fff; }



/*sidebar*/
#container #sidebar .side { padding:30px 0 0 20px; margin:0 0 10px -20px; background:url(img/hr_short.jpg) no-repeat; overflow:hidden; }
#container #sidebar .side.noborder { background:transparent !important; padding-top:10px; }
#container #sidebar h2 { color:#4d4d4d; font-size:2.4em; line-height:.9em; }
#container #sidebar h3 { color:#f00; font-size:1em; font-weight:bold; letter-spacing:normal; }  
#container #sidebar a { color:#ccc; text-decoration:underline; }
#container #sidebar a:hover { color:#f00; }
#container #sidebar a.textbutton { float:right; margin-right:10px; margin-bottom:0; }

/*socialbanner*/
.socialbanner { width:637px; min-height:130px; background:url(img/socialbanner.jpg) no-repeat; height:auto !important; height:130px; }
.socialbanner a.button.bluetwitter { margin:35px 15px 0 160px; float:left; }
.socialbanner a.button.bluefacebook { margin:35px 0 0; float:left; }


/*footer*/
#footer ul#footermenu { width:900px; list-style:none; text-align:center; margin:5px auto; }
#footer ul#footermenu li { display:inline; margin:0 0 0 25px;}
#footer ul#footermenu li a { color:#000; }
#footer ul#footermenu li a:hover { color:#f00; }

#footer a.button.footerhome { width:290px; height:100px; margin:70px auto 20px; text-indent:-9999px; outline:none; }

#footer .footercopy { font-size:.8em; color:#4d4d4d; }
#footer .footercopy a { font-weight:normal; color:#4d4d4d; }


/*styles*/
a.button { display:block; text-indent:-9999px; outline:none; }
a.button.tophome { width:123px; height:60px; background:url(img/topbuttons.gif) no-repeat; }
a.button.tophome:hover { background-position:0px -60px; }
a.button.toptwitter { width:145px; height:60px; background:url(img/topbuttons.gif) no-repeat -123px 0px; }
a.button.toptwitter:hover { background-position:-123px -60px; }
a.button.topfacebook { width:120px; height:60px; background:url(img/topbuttons.gif) no-repeat -268px 0px; }
a.button.topfacebook:hover { background-position:-268px -60px; }
a.button.bluetwitter { width:146px; height:60px; background:url(img/bluebuttons.gif) no-repeat; }
a.button.bluetwitter:hover { background-position:0px -59px; }
a.button.bluefacebook { width:143px; height:60px; background:url(img/bluebuttons.gif) no-repeat -145px 0px; }
a.button.bluefacebook:hover { background-position:-145px -59px; }

a.textbutton { padding:14px 6px 14px 20px; margin:0 0 20px; color:#f00 !important; text-decoration:none !important; font-size:11px; background:url(img/textbutton.gif) no-repeat; position:relative; }
a.textbutton span { width:15px; height:35px; position:absolute; right:-15px; top:0px; background:url(img/textbutton.gif) no-repeat right top; text-decoration:none; }
a.textbutton:hover { color:#fff !important; }