@charset "utf-8";
/* CSS Document */

/* global reset */
*{margin:0; padding:0;}
html {font-size:62.5% /* THIS RESETS THE BASE FONT SIZE TO 1EM BEING EQUIVALENT TO 10PX */}
body {font-family:Arial, Helvetica, sans-serif; background-color:#FFE8CA; line-height:1em;}

ol, ul {list-style:none;}
a {text-decoration:none; } a:hover {text-decoration:underline;}
a:focus{outline:none;}

a img{border:none;}
.clear{clear:both;height:1px;display:block;width:100%;}
::-moz-selection {background: #F9FFD1; color:#C42937;}

h2 { font-weight:normal; font-size:1.3em; color:#FFFFFF;}
h5 {font-family:Rockwell, Arial, Helvetica, sans-serif; border-bottom:1px solid #F9A01B; font-size:2.1em; line-height:1.5em; padding-bottom:3px; color:#CCCCCC;} 
p {font-size:1.2em; line-height:1.4em; } 

.orange {color:#F9A01B;  }

 p.contain-tag {padding:0 0 0 0;}

/* slightly enhanced, universal clearfix hack */
.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; }
/* stop commented backslash hack */


#rightcol #box-outer { overflow: hidden; width: 620px;}
#rightcol #box { width:620px; background-color:#4D4D4D; height:auto; }
#rightcol #box ul {list-style-image:url(/assets/gfx-li-bullet-image.gif);  list-style-position:outside; margin-left:35px; padding-bottom:20px; padding-top:20px; }
#rightcol #box li {padding:2px 0 2px 0; font-size:1.1em; line-height:1.2em; width:250px; margin-right:25px; } 
#rightcol #box li a {color:#f2f2f2;}
#rightcol #box li a:hover {text-decoration:underline;}
#rightcol #box a.reset {color:#F2F2F2; font-size:1.1em; font-weight:bold; display:block; clear:both; margin-left:35px; margin-right:20px; padding-top:15px; padding-bottom:10px; text-align:right;}
#rightcol #box a img {vertical-align:middle;}


#container {background-color:#6C6F70; width:960px; margin:10px auto 10px auto; padding-bottom:10px; }
#container-overflow {width:960px; margin:10px auto; padding-bottom:10px; background-image:url(../assets/gfx-footer-logos-orange.gif); height:55px; background-repeat:no-repeat;}
#container-overflow .valid-tags {float:right; }
#container-overflow .valid-tags a {font-size:1.1em; color:#333333;} #container-overflow .valid-tags a:hover {text-decoration:underline;}


#header {width:940px; border-top:2px solid #F9A01B; margin:0 10px 0 10px;}
#header ul#topnav {width:225px; height:45px; background-color:#FFFFFF; float:left; display:inline;}
#header ul#topnav li {font-size:1.4em; font-weight:bold; line-height:1.3em; display:inline;}
#header ul#topnav li a {display:block; float:left; color:#2a2a2a; height:28px; width:75px; padding-top:13px; text-align:center;   } #header ul#topnav li a:hover {background-color:#F9A01B; color:#FFFFFF; text-decoration:none;}

#header #searchfield {height:25px; float:right; background-color:#FFE8CA; width:280px; padding:10px; display:inline; }
#header #searchfield .searchbox { width:195px; color:#666666; margin-right:10px; padding:2px; display:inline;}

#header #rss {clear:both; padding:8px 0 8px 0; text-align:right;} #header #rss img {display:inline; border:none;}
#header #rss a {color:#FFFFFF; }  #header #rss img {vertical-align:text-top;}

#header #logo {margin-left:80px; padding-bottom:5px; border-bottom:4px solid #FFFFFF; text-align:right; height:86px; background-image:url(../assets/gfx-logo-extra.gif); background-repeat:no-repeat; background-position:center left; } #header #logo img {float:left;}
#header #logo h2 {padding-top:70px;}

#header #issue { margin-left:80px; border-bottom:1px solid #4d4d4d; height:80px;}
#header #issue p.issuenumber {font-size:4.8em; color:#FFFFFF; font-weight:bold; line-height:1.2em; padding:6px 0 6px 0; font-family:Rockwell, Arial, Helvetica, sans-serif;  width:400px}
#header #issue p.issuedate {font-size:3em; color:#FFFFFF; font-weight:bold; text-align:right; line-height:1.2em; padding:25px 0 6px 0; font-family:Rockwell, Arial, Helvetica, sans-serif;  width:460px}

#header #space {clear:both; height:25px; border-top:1px solid #808080; margin-left:80px; }

.left {float:left} 
.right {float:left;}


#leftcol { width:310px; margin-right:20px; float:left; display:inline;}
 
#leftcol #newsletter-signup {background-color:#333333; padding:10px 20px 15px 20px; margin-bottom:20px; height:170px; width:270px; display:block; }
#leftcol #newsletter-signup p {font-size:1.1em; color:#cccccc; line-height:1.3em; padding:8px 0 8px 0;}
#leftcol #newsletter-signup .sign-up-field { width:260px; color:#666666; padding:2px; margin-bottom:10px;}

#leftcol #newsletter-signup a.newsletter-button{display:block; background:url(../assets/gfx-newsletter-button-orange.gif) 0 0 no-repeat; width:130px; height:22px; margin-left:137px; }
#leftcol #newsletter-signup a.newsletter-button:hover {background-position:0 -22px; }
#leftcol #newsletter-signup  p.contain-tag {padding:0 0 0 0;}

#leftcol #issue-favourites { background-color:#4D4D4D; padding:10px 20px 15px 20px;}
#leftcol #issue-favourites ul {list-style-image:url(../assets/gfx-li-bullet-image.gif);  list-style-position:outside; margin-left:15px; padding-top:6px; }
#leftcol #issue-favourites li {padding:2px 0 2px 0; font-size:1.1em; line-height:1.2em; } 
#leftcol #issue-favourites li a {color:#f2f2f2;} #leftcol #issue-favourites li a:hover {text-decoration:underline;}

#leftcol #browse-archives {background-color:#4D4D4D; padding:10px 20px 15px 20px;}
#leftcol #browse-archives p {font-size:1.1em; color:#f2f2f2; line-height:1.3em; padding:10px 0 8px 0;}
#leftcol #browse-archives p.contain-tag {padding:0 0 0 0;}
#leftcol #browse-archives .browse-header {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.35em; color:#F9A01B;  }
#leftcol #browse-archives .browse-menu {width:270px; padding:2px; } 
#leftcol #browse-archives #issue-slideshow {background-color:#717171; height:220px; width:auto; overflow:hidden;}

#rightcol{width:620px; float:left;}
#rightcol #intro-text {height:195px;  border-bottom:1px solid #4d4d4d; color:#FFFFFF;}
#rightcol #intro-text h1 { font-size:1.6em; line-height:1.5em; display:inline;}
#rightcol #intro-text h3 { font-size:1.6em; line-height:1.5em; display:inline;}
#rightcol #intro-text p {padding-top:10px; font-size:1.3em; line-height:1.4em;}
#rightcol #intro-text p.latest-issue {font-family:Georgia, "Times New Roman", Times, serif; color:#F9A01B; font-style:italic; font-size:2em; text-align:right;}
#rightcol #spacer {height:20px; border-top:1px solid #808080;}

#rightcol #lead-story {background-color:#FFFFFF; height:200px; width:620px; }
#rightcol #lead-story .one { float:left; width:305px; }
#rightcol #lead-story .two { float:left; background-color:#FFFFFF; width:315px; height:200px; position:relative;}
#rightcol #lead-story img { border-right:5px solid #F9A01B; padding:0; margin:0}
#rightcol #lead-story h3 {font-family:Rockwell, Arial, Helvetica, sans-serif; padding:8px 0 8px 10px; font-size:1.8em; line-height:1.4em;  color:#FFFFFF; background-color:#F9A01B; width:305px;}
#rightcol #lead-story p { line-height:1.5em; display:block; padding:10px 10px 0 10px; } 
#rightcol #lead-story p.tag {font-size:1.1em; color:#666666;} #rightcol #lead-story p.tag a {color:#999999;}
#rightcol #lead-story .more-link { display:inline; height:22px;  color:#333333; width:68px; background-color:#CCCCCC; top:178px; left:247px; position:absolute;}
#rightcol #lead-story .more-link a{display:block; background:url(../assets/gfx-read-more-orange.gif) 0 0 no-repeat; width:70px; height:22px; }
#rightcol #lead-story .more-link a:hover {background-position:0 -22px;} 

#rightcol .story-spacer {height:20px; clear:both;}

#rightcol .story-small { height:140px; width:620px; background-color:#FFFFFF;}
#rightcol .story-small .one { float:left; width:145px; }
#rightcol .story-small .two { float:left; background-color:#FFFFFF; width:470px; height:140px; position:relative;}
#rightcol .story-small img { border-right:5px solid #F9A01B; padding:0; margin:0}
#rightcol .story-small h3 {font-family:Rockwell, Arial, Helvetica, sans-serif; padding:8px 0 8px 10px; font-size:1.8em; line-height:1.4em;  color:#FFFFFF; background-color:#F9A01B; width:465px;}
#rightcol .story-small p { line-height:1.5em; display:block; padding:10px 10px 0 10px; } 
#rightcol .story-small p.tag {font-size:1.1em; color:#666666;} #rightcol .story-small p.tag a {color:#999999;}
#rightcol .story-small .more-link { display:inline; height:22px;  color:#333333; width:68px; background-color:#CCCCCC; top:118px; left:407px; position:absolute;}
#rightcol .story-small .more-link a{display:block; background:url(../assets/gfx-read-more-orange.gif) 0 0 no-repeat; width:70px; height:22px; }
#rightcol .story-small .more-link a:hover {background-position:0 -22px;} 

#rightcol .story-spacer-border {height:20px; clear:both; border-bottom:1px solid #4D4D4D;}

#rightcol #browse-all { border-top:1px solid #808080; }
#rightcol #browse-all h6 {font-family:Rockwell, Arial, Helvetica, sans-serif; font-size:2.4em; line-height:1.4em; padding-top:10px; color:#F9A01B;}
#rightcol #browse-all h6 a{color:#F9A01B;}

#rightcol #show-menu { width:620px; background-color:#4D4D4D; height:auto;}
#rightcol #show-menu ul {list-style-image:url(/assets/gfx-li-bullet-image.gif);  list-style-position:outside; margin-left:35px; padding-top:5px;  float:left; }
#rightcol #show-menu li {padding:2px 0 2px 0; font-size:1.1em; line-height:1.2em; width:250px; margin-right:25px; } 
#rightcol #show-menu li a {color:#f2f2f2;} #rightcol #show-menu li a:hover {text-decoration:underline;}
#rightcol #show-menu a.reset {color:#F2F2F2; font-size:1.1em; font-weight:bold; display:block; clear:both; margin-left:35px; margin-right:20px; padding-top:15px; padding-bottom:10px; text-align:right;}

#rightcol #show-menu a img {vertical-align:middle;}


#rightcol #story-header {background-color:#F9A01B; height:200px; width:620px; }
#rightcol #story-header .one { float:left; width:305px; }
#rightcol #story-header .two { float:left; background-color:#F9A01B; width:315px; height:200px; position:relative;}
#rightcol #story-header img { border-left:5px solid #F9A01B; padding:0; margin:0}
#rightcol #story-header h1 {font-family:Rockwell, Arial, Helvetica, sans-serif; padding:8px 0 8px 25px; font-size:2.4em; line-height:1.2em;  color:#FFFFFF; background-color:#F9A01B;}

#rightcol #story-body {background-color:#FFFFFF; border-left:5px solid #F9A01B; padding:40px 40px 150px 40px;}
#rightcol #story-body h2 {color:#1a1a1a; font-size:1.5em; line-height:1.3em; padding-bottom:15px;}
#rightcol #story-body p {padding:10px 0 10px 0;}


#rightcol #page-header {background-color:#F9A01B; height:40px; width:590px; padding-right:30px; padding-top:80px; padding-bottom:30px; text-align:right; }
#rightcol #page-header h1 {font-family:Rockwell, Arial, Helvetica, sans-serif; padding:8px 0 8px 25px; font-size:3em; line-height:1.2em;  color:#FFFFFF; background-color:#F9A01B;}

#rightcol #page-body {background-color:#FFFFFF; padding:40px 40px 150px 40px;}
#rightcol #page-body h2 {color:#1a1a1a; font-size:1.5em; line-height:1.3em; padding-bottom:15px;}
#rightcol #page-body p {padding:10px 0 10px 0;}

#rightcol #page-body  #refine-search {width:100%; height:20px; background-color:#FFE8CA; margin-bottom:30px; padding:10px; font-size:1.1em; font-weight:bold;}

#rightcol #page-body  #refine-search .marginright {margin-right:10px;}
#rightcol #page-body  #refine-search .marginleft {margin-left:10px;}

#rightcol #page-body  #search-pagination {border-top:1px solid #cccccc; font-size:1.2em; padding-top:10px; text-align:right; color:#CCCCCC;}
#rightcol #page-body  #search-pagination a {color:#F9A01B;} #rightcol #page-body  #search-pagination a:hover {color:#F9A01B;}

#rightcol #page-body .search-result img{float:left; padding-right:20px; padding-bottom:10px }
#rightcol #page-body .search-result h3 {font-family:Rockwell, Arial, Helvetica, sans-serif; padding:0 0 8px 0; font-size:1.8em; line-height:1.4em;  color:#F9A01B; }
#rightcol #page-body .search-result h3 a {color:#F9A01B;}  #rightcol #page-body .search-result h3 a:hover {text-decoration:underline;}
#rightcol #page-body .search-result p {padding:4px 0 4px 0;}
#rightcol #page-body .search-result p.tag {font-size:1.1em; color:#666666;} #rightcol #page-body .search-result p.tag a{color:#999999;} #rightcol #page-body .search-result p.tag a:hover{text-decoration:underline;}

#rightcol #page-body .search-result .clear-search {clear:both; height:25px;}



#rightcol #contact-page-body {background-color:#F9A01B; padding:40px 40px 150px 40px; height:auto;}
#rightcol #contact-page-body .white {color:#FFFFFF;}

#rightcol #contact-page-body .one { float:left; width:340px; padding-right:20px; border-right:1px solid #FFB44F; height:300px; }
#rightcol #contact-page-body .two { float:left; width:140px; padding-left:20px; border-left:1px solid #FFE8CA; height:300px;}

#rightcol #contact-page-body a.form-submit{background-image:url(../assets/gfx-submit-button-orange.gif); width:80px; height:22px; display:block;}
#rightcol #contact-page-body a.form-submit:hover {background-position:0 -22px;}
#rightcol #contact-page-body .form-field { width:260px; color:#666666; padding:2px; margin-bottom:10px;}

#rightcol #contact-page-body .clear {clear:both;}

#rightcol #further-controls { height:20px; } 

#rightcol #further-controls li {display:block; float:left; position:relative;}
#rightcol #further-controls li.previous {width:45%;} #rightcol #further-controls li.home {width:30%;} #rightcol #further-controls li.next {width:25%;}


#rightcol #further-controls li.previous a{display:block;  background:url(../assets/gfx-previous-story-orange.gif) 0 0 no-repeat; width:92px; height:22px;}
#rightcol #further-controls li.previous a:hover {background-position:0 -22px;} 

#rightcol #further-controls li.home a{display:block;  background:url(../assets/gfx-home-page-button-orange.gif) top center no-repeat; width:68px; height:22px;}
#rightcol #further-controls li.home a:hover {background-position:0 -22px;} 

#rightcol #further-controls li.next a{display:block; background:url(../assets/gfx-next-story-orange.gif) top center no-repeat; width:68px; height:22px; position:absolute; top:0px; left:87px }
#rightcol #further-controls li.next a:hover {background-position:0 -22px;} 


#rightcol #further-controls-home { height:20px; position:relative; text-align:center;}
#rightcol #further-controls-home a{display:block; background:url(../assets/gfx-home-page-button-orange.gif) top center no-repeat; width:68px; height:22px; position:absolute; left:280px; }
#rightcol #further-controls-home a:hover {background-position:0 -22px;}  



#pre-footer {width:940px; margin:0 auto; color:#FFFFFF; font-size:1.1em; border-bottom:1px solid #4D4D4D; height:20px; clear:both; display:block;}
#footer {width:940px; margin:0 auto; color:#FFFFFF; font-size:1.1em; border-top:1px solid #808080; height:20px; padding-top:10px; display:block; }
#footer a {color:#ffffff;}


/* SETTINGS FOR THE THUMBNAIL BROWSER TOOL */

div#demo{width:130px;height:220px;display:block;margin:0 auto 0 auto;padding:20px 0 0 0;}
div#demo img {border:2px solid #FFFFFF;}
.horinaja .horinaja_leftright span{margin-top: 10px;}
.horinaja .horinaja_pagination li.active a{background:yellow;display:block;}
.horinaja .horinaja_moved li h1{font-size:200px;color:black;}
div.horinaja_leftright span a,div.horinaja_leftright span{ display:block; width:40px; height:40px;  }
div.horinaja_leftright span{margin-top:250px;}

/* END BROWSER TOOL SETTINGS */