/* -----------------------------------------------------------------------

 C-Store Website CSS
 http://www.c-store.com.au

   * AUTHOR: Christian Hanvey
   * DATE: Dec 2008
   
   Notes: this css is additional to BLUEPRINT CSS, and must be used in conjunction with it
   
----------------------------------------------------------------------- */

body { 
	background-color: #eee; 
	font-family: Helvetica, Arial, sans-serif;
	color: #606060;
}

.container { background-color: #fff; }

h1,h2,h3,h4,h5,h6 { 
	font-family: "Trebuchet MS";	
	font-weight: bold;
	color: #606060;
}

h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.25em;
}
h3 {
	font-size: 1.15em;
	margin-bottom: 0.45em;
}
h6 { 
	color: #fff;
}

ul {
	list-style-type: none;
	margin: 0px 0px 2em; 
	padding: 0px; 
}
li {
	background: transparent url("/images/icons/bullet.gif") left top no-repeat;
	font-size: 1em;
	line-height: 1;
	margin: 0.75em 0;	
	padding: 0 0 0 20px;	
}

a { color: #003c80; }

/* class for form fields when empty, applied by JS only, and removed when entering a value */
.noInput { 
	color: #aaa;
}

.small { font-size: 0.85em; }
.right { text-align: right; }
.left  { text-align: left; }

.floatLeft { float: left; margin-right: 10px; }
.floatRight { float: right; margin-left: 10px; }


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {	display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


.pdf_link {
	background: transparent url('/images/icons/pdf.gif') left center no-repeat;
	padding: 4px 0px 4px 20px;
}


#standard .main a { 
	color: #dfe9f6;
}

#standard .main a:hover, #standard .main a:active {
	color: #b6d2f6;
}

/* -------- HEADER ----------- */
/* -------------------------- */

#logo a { 
	display: block;
	width: 300px;
	padding: 12px 12px 8px;
	outline: 0;
	border: 0px none transparent;
}

#searchform_header {
	background: transparent url("/images/c-store_guy66.gif") 100% 50% no-repeat;			
	padding: 8px 60px 8px 16px;
	text-align: right;
	min-height: 50px; /* height of bkg image minus paddings */
}
#searchform_header p {
	font-family: "Trebuchet MS";		
	font-size: 1.2em;
	color: #213e61;
	margin-bottom: 0.25em;
}
#searchform_header em {
	font-weight: bold;
	font-style: normal;
}
#searchform_header input.text {
	width: 8em;
}

#main_nav { 
	background-color: #6c98cd; 
	height: 2em; 
	border-top: 1px solid #fff;
	width: 100%; 
}
#main_nav li { margin-top: -1px;}
#main_nav li li {margin-top: 0px;}		
#main_nav li.last {
	border-bottom: 1px solid #fff; 
}

#main_nav .pdf_link {
	background:transparent url('/images/icons/pdf.gif') no-repeat scroll 97% 50%;
	padding-right: 20px;
}

/* ERRORS & ALERTS */
/**************************************************/
/* items must be in a list */

.alert_list, .error_list { 
	border-top: 3px solid #ffe400;
	border-bottom: 3px solid #ffe400;
	padding: 0.5em 1em;
	background-color: #fcf5b9;
	color: #807514;
	margin: 1em 0px;				
	list-style-type: none;
}
.alert_list li { 
	background: transparent url('/images/icons/silk/error.png') left center no-repeat;
	padding-left: 25px;
}


.error_list { 
	border-color: #ff2020;
	background-color: #ffc1c1;
	color: #6a0f0f;
}
.error_list li { 
	background: transparent url('/images/icons/silk/cross.png') left center no-repeat;
	padding-left: 25px;
}
/**************************************************/




/* --------- MAIN ----------- */
/* -------------------------- */


/* -------- FOOTER ----------- */
/* -------------------------- */

#footer {
/*	margin: 60px 0px 0px; */
	color: #213e61;	
}

#footer .inner { 
	border-top: 1px solid #6c98cd; 
	padding: 1em 0px;
	margin: 0px 10px;
}
#footer p {
	margin-bottom:0;
}

/* ---- SPECIFIC PAGES ------ */
/* -------------------------- */


/* ---- HOME ---- */

#home #main {
	background: #003C80 url("/images/bkgs/bkg01.jpg") center top repeat-y;
	height: 270px;
	margin-bottom: 1em;
}

#home .inner { 
	padding-left: 10px;
}
#home #main .inner {
	padding: 0;
	position: relative;
	zoom:1;
}

#welcome h1 { color: #003c80; }
#welcome h1+p { font-weight: bold; }
#welcome p { margin-bottom: 1em; }

#options { margin-top: 20px; }
#home #options { margin-top: 0; }

.option { 
	float: left; 
	width: 305px;
	margin: 0px 10px 0px 0px;
	background: transparent url("/images/opts/opt1_bot.gif") left bottom no-repeat;
	padding-bottom: 21px;
}
.option .inner { 
	padding: 10px 10px 0px;
	background: transparent url("/images/opts/opt_top_v1.gif") 0px 0px no-repeat;
}
.option h2 { 
	font-size: 1em; 
	margin-bottom: 0; 
	font-weight: bold; 
}
.option h2 a:hover {
	text-decoration: none;
}
.option p { 
	margin-bottom: 0;
}

.option .inner {
	min-height: 16px;
}
#optionsHeading { color:#d21241; font-size:2em; margin-bottom:0.25em;}

#home #options { background:transparent url(/images/box-620wide-top.gif) left top no-repeat; padding:20px 0 0;}
#home #options .inner { background:transparent url(/images/box-620wide-bot.gif) left bottom no-repeat; padding:0 15px 12px;}
#home #options .option, #home #options .option .inner { background-image:none; padding:0;margin:0;width:auto;float:none;}
#home #options .option { margin-bottom:0.4em; }
#home #options .option h2 { background:transparent url(/images/circlarrow-dark.png) top left no-repeat; padding-left:24px; font-weight:bold; font-size:1.15em; }
#home #options .option h2 a { color:#203889; }
#home #options .option .alt h2 { background-image: url(/images/circlarrow-light.png); }
#home #options .option .alt h2 a { color:#198ae5; }
#home #options .option h2 a:hover, #home #options .option h2 a:active { color:#d21241; }

	
#opt1 .inner {	background-image: url("/images/opts/opt_top_v1.gif"); }
#opt2 .inner {	background-image: url("/images/opts/opt_top_v2.gif"); }
#opt3 .inner {	background-image: url("/images/opts/opt_top_v3.gif"); }
#opt4 .inner {	background-image: url("/images/opts/opt_top_v4.gif"); }
#opt5 .inner {	background-image: url("/images/opts/opt_top_v5.gif"); }
#opt6 .inner {	background-image: url("/images/opts/opt_top_v6.gif"); }
#opt7 .inner {	background-image: url("/images/opts/opt_top_v7.gif"); }

#opt1 {	background-image: url("/images/opts/opt1_bot.gif"); }
#opt2 {	background-image: url("/images/opts/opt2_bot.gif"); }
#opt3 {	background-image: url("/images/opts/opt3_bot.gif"); }
#opt4 {	background-image: url("/images/opts/opt4_bot.gif"); }
#opt5 {	background-image: url("/images/opts/opt5_bot.gif"); }
#opt6 {	background-image: url("/images/opts/opt6_bot.gif"); }
#opt7 {	background-image: url("/images/opts/opt7_bot.gif"); }

#options #opt1 h2 a, #options2 #opt1 h2 a { color:#bf4d4d; }
#options #opt2 h2 a, #options2 #opt2 h2 a { color:#5c5890; }
#options #opt3 h2 a, #options2 #opt3 h2 a { color:#668e51; }
#options #opt4 h2 a, #options2 #opt4 h2 a { color:#845a92; }
#options #opt5 h2 a, #options2 #opt5 h2 a { color:#4468a2; }
#options #opt6 h2 a, #options2 #opt6 h2 a { color:#4e8e8a; }
#options #opt7 h2 a, #options2 #opt7 h2 a { color:#67a973; }


#home #opt2, 
#home #opt4, 
#home #opt6 { margin-right: 0px; }

.biglink {
	cursor: pointer;
}


/* ---- MAGAZINE ---- */

#magazine #main {
	background: #363050 url("/images/bkgs/bkg-mag.jpg") left top repeat-y;
	margin-bottom: 1em;
	padding-top: 20px;
}

#magazine #article_archive {
	padding-left: 10px;
}
#feature {
	padding: 0px 10px 10px 20px;
}

#feature h2 {
	font-size: 1.25em;
	text-transform: uppercase;
	color: #bcb3e4;
	font-weight: bold;
	margin-bottom: 0; 
}
#feature h1 {
	font-size: 1.5em;
	color: #fff;
}
#feature h1 strong {
	display: block;
	font-size: 1.75em;
}

#current_issue_cover {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #6f6e76;
}

#magazine #opt1 .inner,
#magazine #opt3 .inner, 
#magazine #opt4 .inner
/*
#main #opt2 .inner, 
#main #opt5 .inner, 
#main #opt6 .inner,
#main #opt7 .inner 
*/
{ background: transparent url("/images/opts/m_01.gif") 0px 0px no-repeat; }

#magazine #main #opt1 .inner { background-image: url("/images/opts/opt_mag_top_v1.gif"); }
#magazine #main #opt2 .inner { background-image: url("/images/opts/opt_mag_top_v2.gif"); }
#magazine #main #opt3 .inner { background-image: url("/images/opts/opt_mag_top_v3.gif"); }
#magazine #main #opt4 .inner { background-image: url("/images/opts/opt_mag_top_v4.gif"); }                                                       
#magazine #main #opt5 .inner { background-image: url("/images/opts/opt_mag_top_v5.gif"); }
#magazine #main #opt6 .inner { background-image: url("/images/opts/opt_mag_top_v6.gif"); }
#magazine #main #opt7 .inner { background-image: url("/images/opts/opt_mag_top_v7.gif"); }


#magazine #opt1 { background-image: url("/images/opts/mb_01.gif"); }
#magazine #opt3 { background-image: url("/images/opts/mb_03.gif"); }
#magazine #opt4 { background-image: url("/images/opts/mb_04.gif"); }
/*
#magazine #opt2 { background-image: url("/images/opts/mb_02.gif"); }
#magazine #opt5 { background-image: url("/images/opts/mb_05.gif"); }
#magazine #opt6 { background-image: url("/images/opts/mb_06.gif"); }
#magazine #opt7 { background-image: url("/images/opts/mb_07.gif"); }
*/

#magazine #main #opt2 { background-image: url("/images/opts/mb_02.gif"); }
#magazine #main #opt5 { background-image: url("/images/opts/mb_05.gif"); }
#magazine #main #opt6 { background-image: url("/images/opts/mb_06.gif"); }
#magazine #main #opt7 { background-image: url("/images/opts/mb_07.gif"); }



#article_search { 
	background: transparent url("/images/searchbox_bot.gif") left bottom no-repeat; 
	padding-bottom: 16px;
	margin-bottom: 2em;
}
#article_search .inner { 
	background: transparent url("/images/searchbox_top.gif") left top no-repeat; 
	padding: 10px 21px 0px 16px;
}
#article_search h4, #article_search p { 
	margin-bottom: 0;
}

#article_search .text { 
	width: 16em;
	margin-right: 1em;
}

#read_online_button p {
	margin-left: 200px;
	margin-top: 50px;
	text-indent: -999em;	
}
#read_online_button span {
	position: absolute;
	right: -25px;
	top: -35px;
	width: 70px;
	height: 70px;
	background: transparent url("/images/free-star.png") right top no-repeat; 
	text-indent: -999em;
}

#read_online_button a {
	position: relative;
	display: block;
	width: 345px;
	height: 55px;
	background: transparent url("/images/read_online_now.png") 0px 0px no-repeat; 
	outline: 0;
}

#read_online_button a:hover, #read_online_button a:active {
	background-position: 0px -55px; 
}

#home #read_online_button {
	position: absolute;
	bottom: 20px;
	left: 350px;
	width: 280px;
	height: 55px;
}

#home #read_online_button p {
	margin: 0px;	
}
#home #read_online_button a {
	background: transparent url("/images/read_online.png") 0px 0px no-repeat; 
	width: 265px;	
}


/* standard pages */
#standard .main {
	background: #003C80 url("/images/bkgs/bkg01.jpg") center top repeat-y;
	margin-bottom: 1em;
	color: #fff;
}

#standard .main .span-16 .inner,
#standard .main .span-8>.inner { 
	padding: 20px 10px;
} 

#standard .main .span-16>.inner {
	padding-top: 30px;
}

#standard .main h1 {
	color: #dfe9f6;
}

#standard .main h2, #standard .main h3 {
	color: #97B8DF;
}

#standard #opt1 .inner,
#standard #opt3 .inner, 
#standard #opt4 .inner
#standard #opt2 .inner, 
#standard #opt5 .inner, 
#standard #opt6 .inner,
#standard #opt7 .inner 
{ background: transparent url("/images/opts/bb_01.gif") 0px 0px no-repeat; }

#standard #opt1 .inner { background-image: url("/images/opts/opt_bb_top_v1.gif"); }
#standard #opt2 .inner { background-image: url("/images/opts/opt_bb_top_v2.gif"); }
#standard #opt3 .inner { background-image: url("/images/opts/opt_bb_top_v3.gif"); }
#standard #opt4 .inner { background-image: url("/images/opts/opt_bb_top_v4.gif"); }
#standard #opt5 .inner { background-image: url("/images/opts/opt_bb_top_v5.gif"); }
#standard #opt6 .inner { background-image: url("/images/opts/opt_bb_top_v6.gif"); }
#standard #opt7 .inner { background-image: url("/images/opts/opt_bb_top_v7.gif"); }

#standard #opt1 { background-image: url("/images/opts/bb_bot01.gif"); }
#standard #opt3 { background-image: url("/images/opts/bb_bot02.gif"); }
#standard #opt4 { background-image: url("/images/opts/bb_bot03.gif"); }
#standard #opt2 { background-image: url("/images/opts/bb_bot04.gif"); }
#standard #opt5 { background-image: url("/images/opts/bb_bot05.gif"); }
#standard #opt6 { background-image: url("/images/opts/bb_bot06.gif"); } 
#standard #opt7 { background-image: url("/images/opts/bb_bot07.gif"); }

#standard #opt1.rollo .inner,
#standard #opt2.rollo .inner,
#standard #opt3.rollo .inner,
#standard #opt4.rollo .inner,
#standard #opt5.rollo .inner,
#standard #opt6.rollo .inner,
#standard #opt7.rollo .inner { background-position: -305px 0px; }
/*
#standard #opt1 h2 a { color:#d0bad6; }
#standard #opt2 h2 a { color:#845a92; }
#standard #opt3 h2 a { color:#c9c2f2; }
#standard #opt4 h2 a { color:#bfc2e2; }
#standard #opt5 h2 a { color:#668e51; }
#standard #opt6 h2 a { color:#4e8e8a; }
#standard #opt7 h2 a { color:#91d39d; }
*/
#standard .option p { color: #606060; } 


/* exhbition pages */

.picture { 
	border: 1px solid #66a; 
	padding: 5px; 
	clear: right;
	margin-top: 10px;
	margin-bottom: 10px;
}
.picture p { 
	font-size: 0.85em;	
	font-style: italic;
	margin: 5px 5px 0;
	color: #fff;
}	


/* article pages */

#article #article_content { padding: 20px 10px; }

#article_details { margin-bottom: 2em; padding: 2px; border: 1px solid #999; }
#article_details h2, #article_details h3, #article_details p { padding: 0.25em; margin: 0;  }
#article_details h2, #article_details h3 { border-bottom: 1px solid #fff; }
#article_details h3 { color: #999; background-color: #ddd; }
#article_details h2 { color: #999; background-color: #eee; }
#article_details h2 em { color: #666; }
#article_details p { background-color: #999; color: #eee; text-transform: uppercase; font-size: 0.85em; font-weight: bold; }
#article_details p em { font-style: normal; color: #fff; }
#article_details em {  }
#article_details h2, #article_details h3, #article_details p {  }

#article_content h1 { 
	font-size: 2em;
	color: #6c98cd;
}

/* article search pages */

#search_result_count { 
	font-size: 1.25em; color: #ccf;
}
#search_result_count strong { 
	color: #fff;
}
.search_result { margin-bottom: 2em; padding: 2px; border: 1px solid #999; }
.search_result h2, .search_result h3, .search_result p { padding: 0.25em; margin: 0;  }
.search_result h2, .search_result h3 { border-bottom: 1px solid #fff; }
.search_result h3 { color: #999; background-color: #ddd; }
#feature .search_result h2 { color: #999; background-color: #eee; text-transform: none; }
.search_result h2 em { color: #666; }
.search_result p.issue { background-color: #999; color: #eee; text-transform: uppercase; font-size: 0.85em; font-weight: bold; }
.search_result p { color: #fff; }
.search_result p em { font-style: normal; color: #fff; }
.search_result em {  }
.search_result h2, .search_result h3, .search_result p {  }
.search_result h2 em {
	color:#666666;
}

.more_link { 
	color:#ccf; 
}

/* general search results */

#search_results_overview strong { 
	color: #fff; 
}

#search_results dt {
	font-size: 1.25em;
}
#search_results dd {
	margin-bottom: 1em;
}

