@charset "utf-8";
* {margin:0; padding:0}
body  {
font: 12px Helvetica, Arial, sans-serif;
background: #FFF;
text-align: center;
color: #000000;
overflow-y:scroll;
line-height:17px;
}
#container { 
width: 940px;
background: #FFF;
margin: 0 auto;
text-align: left;
padding:30px 10px 0 10px;
position:relative;
}
#header {position:fixed; top:0; text-align:center; width:100%; left:0; z-index:10}
#header_elements {width:940px; margin:0 auto}
#top_nav{margin:0 auto; width:151px;}

#contentslink {text-decoration:none}
#contentslink_div {background-color:#FFF; color:#000; text-align:center; padding:6px 0 8px 0; height:14px; width:95px; float:left}
#contentslink_div:hover{background-color:#000; color:#FFF}

#header1 a{text-decoration:none; color:#000; padding:0px 3px; font-size:20px}
#header1 a:hover{background-color:#333; color:#fff;}

#prevpage{background:url(images/page_previous.gif) no-repeat 0 0; width:28px; height:28px; float:left}
#nextpage{background:url(images/page_next.gif) no-repeat 0 0; width:28px; height:28px; float:left}

#prevpage:hover, #nextpage:hover {background-position:0 -29px}
#prevpage:active, #nextpage:active {background-position:0 -58px}

#empty_left_arrow {background:url(images/page_previous.gif) no-repeat 0 0; width:28px; height:28px; float:left; opacity:0.2; filter: alpha(opacity=20)}
#empty_right_arrow {background:url(images/page_next.gif) no-repeat 0 0; width:28px; height:28px; float:left; opacity:0.2; filter: alpha(opacity=20)}

#mag_no{float:left; padding-top:6px; color:#999}
#header_photographer {float:right; padding-top:6px; color:#333}

#pngtop {
position:fixed; top:25px; z-index:9;
height:37px;
width:940px;
background:url(images/gradient.png) repeat-x;
} 
#pngbtm {
position:fixed; bottom:80px; left:0;
height:37px;
background:url(images/gradient.png) repeat-x;
background-position:0 -35px;
width:100%;
}
#leftarrow{
	position:absolute;
	left:0;
	top:0;
	width:15%;
	height:90%;
	z-index:500;
}
#rightarrow{
	position:absolute;
	right:0;
	top:0;
	width:15%;
	height:90%;
	z-index:500
}

#leftarrow:hover{background:url(images/hover_previous.gif) no-repeat left 270px; position:fixed;}
#rightarrow:hover{background:url(images/hover_next.gif) no-repeat right 270px; position:fixed;}

#sidebar {
float: left; 
width: 140px;
padding-top:50px;
text-align:right
}
#mainContent { 
margin:0 0 0 160px; 
padding:0;
padding-bottom:80px;
position:relative;
} 
#footer { 
background:#fff;
position:fixed; bottom:0; left:0;
height:80px;
width:100%;
} 

#navigator {width:100%; margin:0 auto; position:absolute; top:10px; left:0; font-size:11px; z-index:4; line-height:17px; }
#nav_center {margin:0 auto; z-index:6; width:390px}

#totalpages {float:right; background-color:#FFF; text-align:center; height:17px; width:79px; position:relative; top:-10px;}
#paginator_frame {float:left; height:43px; width:390px;}

#preview_lang {color:gray; text-decoration:none; margin-left:30px; padding:2px 10px; background-color:#FFF}
#preview_lang:hover{text-decoration:underline}

.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px}

h2{font-size:16px; font-weight:normal;}
#mainContent a{text-decoration:none; color:#000000;}
#mainContent a:hover{background-color:#000; color:#FFF}

.darker{color:#343434}
.grey40{color:#999}

/* ----------------------------------------- cover */
#logo_cover{margin-top:68px; text-align:right}
#cover_main_left{padding-top:198px; float:left; width:360px; font-size:11px; color:#999}
#cover_main_left a{font-size:13px; width:100%; float:left;}
#cover_main_left a:hover{}
#cover_main_right{float:left; width:220px; margin:0 0 80px 80px; font-size:11px; color:#333}
#copyright{width:540px; color:#999; font-size:11px}
#issue_number {font-size:16px; font-weight:bold}
#issue_name {font-size:24px; font-weight:bold; color:#000; line-height:24px; margin-top:5px}
#issue_season{color:#000; font-size:13px;}
#cover_img_div {position:absolute; top:50px}
#cover_img {max-height:118px; max-width:118px}
#thanks_div {margin:138px 0 50px 0}

#previous_issues_arrow {height:12px; width:11px; float:left; background:url(images/collapsed.gif) no-repeat 0 4px;}
#previous_issues_link {position:relative; left:0px; cursor:pointer;}
#previous_issues_link:hover {cursor:pointer; background-color:#000; color:#fff}
#displayprevious {background-color:#fff}
.boldlink {font-size:13px; font-weight:bold}

/* ----------------------------------------- editorial */
#editorial_main_top {padding:0 0 68px 0; width:660px; font-size:11px; color:#999}
#editorial_main_left{float:left; width:520px; font-size:11px; color:#B2B2B2}
#editorial_main_right{float:left; width:140px; font-size:13px; color:#343434}

#editorial_top_line{width:24px; border-top:1px solid #333; height:38px}
#logo_editorial{text-align:right; width:660px; line-height:0}
#editorial_intro{font-size:13px; color:#343434; width:360px; float:right; margin:25px 0 68px 0;}
#editorial_text{margin:0 0 72px 0; color:#343434; font-size:12px; width:520px; float:left; clear:both}

#editorial_download {margin-left:20px; font-size:11px; float:right;}


/* ----------------------------------------- portfolio */
#portfolio_main_top {padding:40px 0 68px 0; width:100%; font-size:11px; color:#999}
#portfolio_main_left{float:left; width:520px; font-size:11px; color:#343434}
#portfolio_main_right{float:left; width:160px; font-size:11px; color:#999}

#portfolio_name{font-size:18px; color:#000; margin:17px 0; font-weight:bold;}
#portfolio_title{font-size:13px; color:#333}

#portfolio_intro{font-size:14px}
#portfolio_text{margin-top:68px; color:#343434; font-size:12px}
#portfolio_cv{width:380px; margin-bottom:188px}

#portfolio_download{margin-left:20px}

/* ----------------------------------------- photo templates */
#mainFrame {float:left; width:100%; text-align:center; line-height:0; display:none}
#captions{float:left; width:100%;margin:auto;  margin-top:10px; display:none}

.photoframe {margin:auto; width:470px; float:left; text-align:center; position:relative; top:0px;}
.caption {margin:auto; width:470px; float:left; text-align:left; font-size:11px; color:#999999; margin-bottom:103px}
.caption_text{margin:auto}

.single_photoframe {margin:auto; width:100%; float:left; text-align:center;}
.single_caption {margin:auto; width:100%; text-align:left; font-size:11px; color:#999999; margin-bottom:103px}
.single_caption_text{/*
max-width:370px
*/}

.text_only {text-align:left; line-height:17px; width:380px; margin:120px auto}
.text_only a:visited{color:blue}

/* ----------------------------------------- last page */
#lastpage_main_left{float:left; width:300px; font-size:11px; padding-top:40px; }
#lastpage_main_right{float:left; width:300px; font-size:13px; color:#343434; margin:0 0 100px 20px}

#logo_lastpage{text-align:right; margin-bottom:172px}

#newsletterbar{width:300px; float:left; margin-top:0px; font-size:11px}

#emailbar{width:300px; float:left; font-size:11px;clear:both; margin-bottom:100px}
input {background-color:#E6E6E6; border:4px solid #E6E6E6; font-size:11px; margin:2px 2px 10px 0; width:185px}
textarea {background-color:#E6E6E6; border:none; padding:2px 2px 3px 2px; margin:3px 0 10px 0; width:291px; height:117px; font:11px Helvetica, Arial, sans-serif}

#email_submit_el, #newsletter_submit_el, #email_submit_en, #newsletter_submit_en {
width:100px;
height:22px;
margin:2px 0 0 0;
cursor:pointer;
border:none;
background:url(images/send_el.gif) 0 0 no-repeat;
}

#email_submit_en, #newsletter_submit_en {background:url(images/send_en.gif) 0 0 no-repeat;}

#newsletter_table {margin-left:-3px}
#email_submit_el:hover, #newsletter_submit_el:hover, #email_submit_en:hover, #newsletter_submit_en:hover { background-position: 0 -22px}
#email_submit_el:active, #newsletter_submit_el:active, #email_submit_en:active, #newsletter_submit_en:active { background-position: 0 -44px}

#lastpage_main_right input{background-color:#DDD; border-color:#DDD}
#lastpage_main_right textarea{background-color:#DDD; border-color:#DDD}

#lastpage_main_left #displayprevious {background-color:#EBEBEB}
#code_display {color:black; letter-spacing:2px; width:65px; font-size:14px}

#msg {color:#000; background-color:#F5D700; width:auto; padding:5px 10px; font-size:12px; margin-bottom:15px}

/* ----------------------------------------- paginator */
.paginator {margin-top:0px;	font-size:12px;	width:100%}
.paginator table {border-collapse:collapse;	table-layout:fixed;	width:100%}
.paginator table td {padding:0;	white-space:nowrap;	text-align:center}
.paginator span {display:block;	padding:3px 0; color:#fff}
.paginator span strong, .paginator span a {padding:2px 6px;	text-decoration:none;	color:black}
.paginator span strong {background:#333333;	font-style:normal; font-weight:normal;	color:white}
.paginator .scroll_bar {width:100%;	height:20px; position:relative;	margin-top:10px}
.paginator .scroll_trough {width:100%; height:3px; background:#ccc;	overflow:hidden}
.paginator .scroll_thumb {position:absolute; z-index:2;	width:0; height:3px; top:0; left:0;	font-size:1px; background:#363636}
.paginator span a:hover {background-color:#cccccc}
.paginator .scroll_knob {position:absolute;	top:-5px; left:50%;	margin-left:-10px; width:20px; height:20px;	overflow:hidden; background:url(images/slider_knob.gif) no-repeat 50% 50%; cursor:pointer; cursor:hand}
.paginator .current_page_mark {position:absolute;	z-index:1; top:0; left:0;	width:0; height:3px; overflow:hidden;	background:#ff6c24}
.fullsize .scroll_thumb {display:none}