*{margin:0; padding:0;}
html, body {width:100%; height:100%;}
html{overflow:auto;}
body{text-align:center; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:12px; color:#B5BAC4; background:url(../img/bg_gradient.jpg) repeat-x #0F1A42;}
img{border:none;}
a{color:#FFF; text-decoration:none; outline:none;}
a:hover{text-decoration:underline;}
/* fix for clearing height of floated elements */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .clearfix {display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix {height: 1%;} .clearfix {display: block;}
/* close commented backslash hack */
h1{display:block; color:#94301F; font-family:"Times New Roman", Times, serif; font-size:24px; font-style:italic; font-weight:bold; text-align:center; padding:0 0 23px 0; background:url(../img/ornament.png) no-repeat center bottom; width:100%; margin:0 auto 30px;}
h2{color:#94301F; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:bold; font-size:18px;}
.close a{color:#94301F; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:bold;}
.margin-remove{padding:0 0;}
.margin-small{padding:0 40px;}
.margin-medium{padding:0 80px;}
.margin-large{padding:0 160px;}
#wrapper{position:relative; min-width:1200px; min-height:100%; height:auto !important; height:100%; overflow:hidden;}
#header{position:absolute; top:20px; left:0; width:100%; text-align:left; z-index:18;}
#header .logo{float:left; width:170px; margin:0 30px 0 20px;}
#header .nav{display:block; list-style:none; float:left; width:870px; text-align:center;}
#header .nav li{display:block; float:left;}
#header .nav_box{height:67px; width:150px; overflow:hidden;}
#header .nav_box span{display:block; text-align:left; line-height:13px; margin:4px 0 0 0; font-size:11px;}
#header .nav_box a{display:block; color:#808087}
#header .nav_box a:hover{text-decoration:none; color:#fff;}
#header .nav_box a span.selected{color:#fff;}
#header .nav_devider{height:81px; width:14px; margin:0 7px; background:url(../img/nav_devider.png) no-repeat;}
#welcome {position:absolute; top:0; left:25px; padding:135px 5px 5px; background:#000; width:150px; color:#808087; font-family:"Times New Roman", Times, serif; font-size:16px; font-style:italic; line-height:18px; z-index:2;}
#welcome .quote_bg{position:absolute; left:0; bottom:-18px; width:160px; height:18px;}
#welcome .author{display:block; margin:6px 0 0; color:#374060; font-size:12px; font-style:normal;}
/* pagination */
.pagination{text-align:center;}
.pagination span{display:inline-block!important; padding-right:0!important; width:16px; height:16px; line-height:16px; border:1px solid #94301F; margin:0 1px; text-align:center; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:bold;}
.pagination span.last,
#stage .paper .content .pagination span.first,
#stage .paper .content .pagination span.prev,
#stage .paper .content .pagination span.next {font-style:normal!important; font-size:13px!important;}
.pagination span.prev {margin-right:9px;}
.pagination span.next {margin-left:9px;}
.pagination span.current {border-color:#2D0E0A;}
.pagination span a{display:block; width:16px; height:16px; line-height:16px; background:#94301F; color:#fff!important;}
.pagination span a:hover {background:#fff; color:#94301F!important;}
.center{position:absolute; top:50%; left:0; width:100%; height:1px; overflow:visible; color:#2D0E0A;}
.center.stage{z-index:14;}
#stage{display:none; position:absolute; width:100%; height:513px; top:-230px; left:0;}
#stage .paper{width:728px; height:513px; margin:0 auto; position:relative;}
#stage .paper .online_wrapper{width:728px; height:513px; position:relative; margin-left:100px;}
#stage .paper .wrapper{width:728px; height:513px; position:relative;}
#stage .paper .close{position:absolute; right:12px; top:-16px;}
#stage .paper .paper_bg{position:absolute; width:726px; height:513px; top:0; left:0;}
#stage .paper .paper_bg .paper1{float:left; width:24px; height:512px; background:url(../img/paper/paper1.png) no-repeat;}
#stage .paper .paper_bg .paper2{float:left; width:679px; height:7px; background:url(../img/paper/paper2.png) no-repeat;}
#stage .paper .paper_bg .paper3{float:left; width:679px; height:497px; background:url(../img/paper/paper3.jpg) no-repeat;}
#stage .paper .paper_bg .paper4{float:left; width:679px; height:8px; background:url(../img/paper/paper4.png) no-repeat;}
#stage .paper .paper_bg .paper5{position:absolute; width:23px; height:512px; top:0; right:0; background:url(../img/paper/paper5.png) no-repeat;}
#stage .paper .content{ width:665px; height:485px; overflow:auto; margin:0 auto; position:absolute; top:11px; left:32px; text-align:left;}
#stage .paper .content .author{display:block; font-weight:bold; margin:-15px 0 15px; text-align:center; width:100%;}
#stage .paper .content .body .top_img{}
#stage .paper .content .body .bottom_img{}
#stage .paper .content .body .left_img{ text-align:left;}
#stage .paper .content .body .middle_img{ text-align:center;}
#stage .paper .content .body .right_img{ text-align:right;}
#stage .paper .content .body p/*,
#stage .paper .content .body span*/{display:block;}
#stage .paper .wrapper .content .body p:first-letter{color:#94301F; font-family: Times New Roman,'Times New Roman', Times, serif; font-style:italic; font-weight:bold; padding-right:2px; font-size:18px;}
.center .side_paper{position:absolute; top:-229px; left:-205px; width:205px; height:512px;}
.center .side_paper .paper_bg{position:absolute; width:205px; height:512px; top:0; left:0;}
.center .side_paper .paper_bg .paper1{float:left; width:205px; height:16px; background:url(../img/paper/paper_side_01.png) no-repeat;}
.center .side_paper .paper_bg .paper2{float:left; width:200px; height:480px; background:url(../img/paper/paper_side.jpg) no-repeat;}
.center .side_paper .paper_bg .paper3{float:left; width:5px; height:480px; background:url(../img/paper/paper_side_02.jpg) no-repeat;}
.center .side_paper .paper_bg .paper4{float:left; width:205px; height:16px; background:url(../img/paper/paper_side_03.png) no-repeat;}
.center .side_paper .online_titles{position:absolute; top:0; left:0; width:205px; height:512px;}
.center .side_paper .online_titles .pagination {bottom:15px; left:0; position:absolute; width:100%;}
.center .side_paper .online_titles .content{position:absolute; height:425px; left:17px; border-top:1px solid #94301F; border-bottom:1px solid #94301F; top:27px; width:175px; overflow:auto; text-align:left;}
.center .side_paper .online_titles .content a{color:#94301F;}
.center .side_paper .online_titles .content ul{display:block; position:absolute; list-style:none; top:0px; left:0px;}
.center .side_paper .online_titles .content ul li{margin-bottom:10px;}
#stage .side_paper .up{position:absolute; cursor:pointer; width:25px; height:15px; top:9px; left:90px; background:url(../img/up.png) no-repeat top left;}
#stage .side_paper .down{position:absolute; cursor:pointer; width:25px; height:15px; bottom:40px; left:90px; background:url(../img/down.png) no-repeat top left;}
#stage .side_paper .up:hover,
#stage .side_paper .down:hover{background-position:right;}
/* Print Journal */
#stage .paper .content .product{margin:20px 0 30px; width:633px; border-bottom:1px #94301F solid;}
#stage .paper .content .product .product_img{float:left; width:165px; height:210px;}
#stage .paper .content .product .product_img img{border:3px #94301F solid;}
#stage .paper .content .product .product_info{float:left; width:460px;}
#stage .product .quantity{width:30px; height:18px; border:none; padding:0 5px;}
#stage .product .paypal{margin:10px 0 0 0;}
#stage .product .paypal .purchase{margin:0 0 -2px 10px;}
#stage .paper .content .product .product_desc{float:left; width:460px; height:175px; overflow:auto; margin:20px 0 0 0; border-top:1px #94301F solid;}
#stage .paper .content .end{background:url(../img/ornament_end.png) no-repeat center bottom; width:100%; height:35px;}
/* Photo Gallery */
#stage .paper .content .thumbs {height:345px; overflow:auto; border-bottom:1px #94301F solid; border-top:1px #94301F solid; margin:-20px 0 10px 0; padding:10px 0 0 0;}
#stage .paper .content .thumbs .thumb{float:left; text-align:center; width:155px; margin:0 0 10px;}
#stage .paper .content .thumbs .thumb img{border:3px #94301F solid;}
#moon{position:absolute; left:30px; top:-222px;/*negative half of the height*/ width:484px; height:445px; background:url(../img/moon.png); display:none; z-index:2;}
#content{width:500px; height:400px; margin:0 auto;}
.form input{width:110px; height:18px; background:#1E1F2C; border:none; color:#fff; padding:0 5px;}
.form textarea{width:200px; height:80px; background:#1E1F2C; overflow:auto; border:none; color:#fff; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:12px;}
label.error{display:block !important; margin:-15px 0 0 200px; white-space:nowrap;}
#submissions{background:url(../img/submissions.png); color:#94301F; position:absolute; width:554px; height:767px; bottom:-767px; right:-5%; z-index:15;}
#submissions .close {position:absolute; right:17px; top:124px;}
#submissions .form, #submissions .thankyou{width:200px; display:none; height:290px; position:absolute; top:42px; left:165px;}
#submissions .thankyou{top:75px!important;}
#submissions .thankyou{ display:none; white-space:nowrap; text-align:center; font-weight:bold; line-height:290px;}
#submissions .form div{margin:0 0 5px 0;}
#submissions .form label{display:inline-block; text-align:left; width:75px;}
#submissions .form .mailinglist{display:block; width:100%; text-align:left;}
#submissions .form .mailinglist label{width:auto; height:auto; display:inline;}
#submissions .form .mailinglist input{width:auto; height:auto;}
#submissions .form .textarea label{width:100%;}
#submissions .form .upload{position:relative; height:36px;}
#submissions .form .upload div{margin:0; position:absolute; top:0; left:0; text-align:right;}
#submissions .form .upload img{margin:0 6px 0 0;}
#submissions .form .upload label{text-align:left;}
#submissions .form .upload div.file{top:15px!important; -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;}
#submissions .form .upload label{width:100%!important;}
#submissions .form .submit{background:none; width:auto!important; height:auto!important;}
#footer {position:absolute; bottom:0; left:0; width:100%; height:40px; color:#808080; font-size:10px; background:#000; z-index:17;}
#footer .nav{float:left; margin:8px 10px 0 10px; text-align:left;}
#footer .nav ul{display:block; float:left; list-style:none; height:25px; border-right:1px solid #808080; margin:0 12px 0 0;}
#footer .nav ul a.contactus{margin-right:5px;}
#footer .nav ul li{display:block; float:left; margin:4px 12px 0 0;}
#footer .nav ul a{display:block; height:18px;}
#footer .nav ul li a:hover, #footer .nav ul li a.selected{background-position:bottom;}
#footer .nav ul a.photo-gallery { width:94px; background:url(../img/nav_photogallery.png) no-repeat top;}
#footer .nav ul a.blog { width:35px; background:url(../img/nav_blog.png) no-repeat top;}
#footer .nav ul a.prizes { width:46px; background:url(../img/nav_prizes.png) no-repeat top;}
#footer .nav ul a.accessories { width:78px; background:url(../img/nav_accessories.png) no-repeat top;}
#footer .nav ul a.masthead { width:75px; background:url(../img/nav_masthead.png) no-repeat top;}
#footer .nav ul a.contactus { width:70px; background:url(../img/nav_contact.png) no-repeat top;}
#footer .addthis{float:left; margin:4px 0 0 0;}
#footer .rss{float:left; margin:4px 0 0 8px;}
#footer .twitter{float:left; margin:2px 0 0 8px;}
#footer .facebook{float:left; margin:0 0 0 8px;}
#footer .youtube{float:left; margin:0 0 0 8px;}
#footer .legal{float:right; width:375px; margin:0 20px; text-align:right; line-height:40px;}
#roof, #roof2, #roof3, #clouds, #smoke_wrapper, #smoke_wrapper_small, #balloon, #star1, #star2, #star3, #star4, #star5, #star6, #star7, #ferriswheel, .kite{position:absolute;}
#roof{bottom:40px; right:0; background:url(../img/roof.png) no-repeat; width:389px; height:392px; z-index:7;}
#roof2{bottom:40px; right:338px; background:url(../img/roof2.png) no-repeat; width:356px; height:162px; z-index:6;}
#roof3{bottom:40px; left:0; background:url(../img/roof3.png) repeat-x; width:100%; height:81px; z-index:5;}
#smoke_wrapper{bottom:417px; right:-10px; width:133px; height:263px;}
#smoke{position:relative; width:133px; height:263px;}
#smoke1, #smoke2{position:absolute; left:0; top:0; width:133px; height:263px;}
#smoke_wrapper_small{bottom:202px; right:444px; width:25px; height:50px;}
#smoke_small{position:relative; width:25px; height:50px;}
#smoke_small1, #smoke_small2{position:absolute; left:0; top:0; width:25px; height:50px;}
#ferriswheel{bottom:40px; left:0; width:180px; height:80px; z-index:8;}
#clouds{bottom:40px; left:0; background:url(../img/clouds.png) no-repeat; width:770px; height:235px; display:none; z-index:4;}
#balloon{right:400px; bottom:130px; width:46px; height:63px; display:none; z-index:3}
#award{position:absolute; top:5px; right:0; width:69px; height:105px; z-index:19;}
#star1{top:205px; right:500px;}
#star2{top:346px; right:418px;}
#star3{top:170px; right:175px;}
#star4{top:82px; right:277px;}
#star5{top:10px; right:502px;}
#star6{top:55px; right:181px;}
#star7{top:20px; right:113px;}
/*#kites{left:35%; bottom:-65px; width:400px; height:500px;}*/
#kites{left:70%; bottom:-590px; width:400px; height:500px; z-index:9;}
#kites .kite_text{position:absolute; width:95px; height:83px; color:#94301F;}
#kites .kite_text:first-letter, #kites a:first-letter{font-size:18px; font-weight:bold; font-style:italic; font-family:"Times New Roman", Times, serif; padding-right:2px;}
#kites a{color:#94301F; display:block;}
#kites a:hover{color:#B5BAC4; text-decoration:none;}
#kite1 .kite_text{z-index:10; left:65px; top:38px;}
#kite2 .kite_text{z-index:11; left:133px; top:37px;}
#kite3 .kite_text{z-index:12; left:91px; top:29px;}
#spacer{position:relative; height:700px; /* Min-Height of the page (to keep absolute positioned divs at min height when browser window is resized) */}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 600px;}
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #94301F; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #94301F; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data { padding: 0 10px; color: #fff; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-caption:first-letter{font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:bold; padding-right:2px; font-size:18px;}
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em;}