/* @group Common */

#page{
	color: #444;
	padding: 0 10px;
	padding-bottom: 60px;
}

#page > div.section > div.wrapper,
#page > .group > div.section > div.wrapper{
	margin: 0 10px
}

p.issue_meta{
	font-family: Constantia, "Palatino", "Calisto MT",  Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: normal;
	margin: 0 !important;
}

p.issue_meta .separator{
	opacity: 0.5;
	padding: 0 3px;
}

p.issue_actions{
	font-size: 12px;
	line-height: 1.66em;
}

p.issue_actions a{
	color: #111;
	background-color: #ffec1c;
	text-decoration: none;
	font-weight: bold;
	padding: 1px 4px 2px;
	margin: 1px 0;
	line-height: normal;
	white-space: nowrap;
}

p.issue_actions a:hover span{
	text-decoration: underline;
}

p.issue_actions a:hover:after{
	content: " →";
}

p.issue_actions a:active{
	text-decoration: underline;
	opacity: 0.8;
}

#page .section h1{
	color: #0072c6;
	border-bottom: 6px solid #0072c6;
	font-size: 22px;
	line-height: normal;
	padding-top: 25px;
	margin-bottom: 12px;
}

#page .section h1:first-child{
	padding-top: 15px;
}

#page #h1subscription,
#page #h1picktheword,
#page #h1jointhefight,
#page #h1pastissues,
#page #h1pastissueslist,
#page #h1issues,
#page #h1presentation,
#page #h1advertising,
#page #h1founder,
#page #h1editors,
#page #h1designers,
#page #h1photographers,
#page #h1writers,
#page #h1editorialinquiries,
#page #h1advertisinginquiries,
#page #h1officeaddress,
#page #h1theoffice,
#page #h1webdesigners,
#page #h1illustrators,
#page #h1editorialassistant{
	background: url(../images/h1_sprites.png) no-repeat 0 0;
	height: 47px;
	padding: 0;
	text-indent: -6000px !important;
}

#page #h1subscription{background-position: 0 0px;}
#page #h1picktheword{background-position: 0 -50px;}
#page #h1jointhefight{background-position: 0 -100px;}
#page #h1pastissues{background-position: 0 -150px;}
#page #h1pastissueslist{background-image: none;}
#page #h1issues{background-position: 0 -200px;}
#page #h1presentation{background-position: 0 -250px;}
#page #h1founder{background-position: 0 -300px;}
#page #h1advertising{background-position: 0 -350px;}
#page #h1designers{background-position: 0 -400px;}
#page #h1photographers{background-position: 0 -450px;}
#page #h1editors{background-position: 0 -500px;}
#page #h1writers{background-position: 0 -550px;}
#page #h1editorialinquiries{background-position: 0 -600px;}
#page #h1advertisinginquiries{background-position: 0 -650px;}
#page #h1officeaddress{background-position: 0 -700px;}
#page #h1theoffice{background-position: 0 -750px;}
#page #h1webdesigners{background-position: 0 -800px;}
#page #h1illustrators{background-position: 0 -850px;}
#page #h1editorialassistant{
	background-position: 0 -900px;
}


#page .section h2{
	margin: 9px 0;
	color: #0072c6;
	font-weight: bold;
}

#page .section p{
	margin: 9px 0;
}

#page > .section a:link{color: #0072c6;}
#page > .section a:visited{color: #5b98c5;}
#page > .section a:hover{color: #0072c6;}
#page > .section a:active{color: #444;}

#share{
	margin: 20px 0;
	margin-left: -10px;
	background: transparent;
}

#share div.c1,
#share div.c2{
	margin-top: 0;
}

/* @end */

/* @group Magazine */

/* @group Latest Issue */

#latest_issue{
	clear: left;
	float: left;
	width: 50%;
	margin-bottom: 15px;
}

#latest_issue > div.wrapper{
	position: relative;
	color: White;
	background-color: #0072c6;
	margin: 0 10px;
	padding: 30px 30px 25px;
	padding-left: 230px;
}

#latest_issue.section > div.wrapper h1{
	margin-top: -4px;
	padding-top: 0px !important;
	margin-bottom: 0;
	padding-bottom:  0;
	color: White !important;
	font-weight: bold;
	height: auto !important;
}

#latest_issue.section > div.wrapper h1 a{
	color: White;
	text-decoration: none;
}

#latest_issue > div.wrapper .issue_meta{
	color: #a6ceeb;
	margin-bottom: 18px;
	margin-top: -5px;
}

#latest_issue > div.wrapper p.cover{
	float: left;
	margin: 0;
	margin-left: -200px;
}

#latest_issue > div.wrapper p.cover a{
	display: block;
}

#latest_issue > div.wrapper p.cover a:hover{
	outline: 2px solid White;
}

#latest_issue > div.wrapper p.cover img{
	width: 170px;
	vertical-align: top;
}

#latest_issue > div.wrapper ul{
	font-weight: bold;
	margin: 9px 0;
	padding-left: 1.25em;
}

#latest_issue > div.wrapper ul li{
	text-indent: -1.25em;
}

#latest_issue > div.wrapper ul li:before{
	content: "— " ;
}

#latest_issue > div.wrapper p.issue_actions{
	margin-top: 15px;
	font-size: 13px;
	line-height: 28px;
}

#latest_issue > div.wrapper p.issue_actions a{
	padding: 4px 10px 6px;
	margin: 2px 0;
	font-size: 13px;
}



/* @end */

/* @group Subscription */

#subscription{
	float: left;
	width: 25%;
	margin-bottom: 15px;
}

#subscription > div.wrapper{
	margin: 0 10px;
}

/* @end */

/* @group Pick The Word */

#pick_the_word{
	float: left;
	clear: right;
	width: 25%;
	margin-bottom: 15px;
}

#pick_the_word > div.wrapper{
	margin: 0 10px;
}

#pick_the_word ul.cities{
	margin: 9px 0 !important;
}

#pick_the_word > div.wrapper ul.cities li{
	float: left;
	width: 49%;
}

#pick_the_word .socialnetworks li{
	text-decoration: none;
	line-height: 24px;
	font-weight: bold;
}

#pick_the_word .socialnetworks a{
	text-decoration: none;
}

#pick_the_word .socialnetworks a img{
	vertical-align: text-top;
	margin-right: 3px;
	margin-top: 1px;
}

#pick_the_word .socialnetworks a span{
	text-decoration: underline;
}

/* @end */

/* @group Past Issues */

#past_issues{
	clear: left;
	float: left;
	width: 25%;
	margin-bottom: 15px;
}

#past_issues > div.wrapper{
	margin: 0 10px;
}


#past_issues_list{
	float: right;
	width: 74.9%;
	margin-bottom: 15px;
}

#past_issues_list h1{
	margin-left: 10px;
	margin-right: 10px;
}

#past_issues_list ul{
	margin-top: 8px;
	width: 100%;
}

#past_issues_list ul li{
	float: left;
	width: 33.31%;
}

#past_issues_list ul li div.wrapper{
	position: relative;
	margin: 0 10px;
	height: 120px;
	overflow-y: hidden;
	padding-left: 95px;
	padding-bottom: 20px;
}

#past_issues_list ul li .cover{
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
}

#past_issues_list ul li p.cover a{
	display: block;
}

#past_issues_list ul li p.cover a:hover{
	outline: 1px solid #dedede;
}

#past_issues_list ul li .cover img{
	border: 1px solid #dedede;
	width: 85px;
	vertical-align: top;
}

#past_issues_list ul li h2{
	font-size: 16px;
	line-height: 18px;
	color: #0072c6;
	font-weight: bold;
	margin: 0 !important;
}

#past_issues_list ul li h2 a{
	color: #0072c6;
	text-decoration: none;
}

#past_issues_list ul li .issue_meta{
	color: #59a4da;
	margin: 5px 0 !important;
	font-size: 11px;
}

#past_issues_list ul li .issue_actions{
	margin-top: 9px;
}

/* @end */


/* @end */

/* @group Issue */

/* @group Issue */

#issue{
	float: left;
	clear: left;
	width: 25%;
	margin-bottom: 15px;
}

#issue div.wrapper{
	margin: 0 10px;
	position: relative;
	color: White;
	background-color: #0072c6;
	margin: 0 10px;
	padding: 20px 20px 11px;
}

#issue > div.wrapper h1{
	margin-top: -4px;
	padding-top: 0px !important;
	margin-bottom: 0;
	padding-bottom:  0;
	color: White !important;
	font-weight: bold;
	height: auto !important;
}

#issue > div.wrapper h1 a{
	color: White;
	text-decoration: none;
}

#issue > div.wrapper .issue_meta{
	color: #a6ceeb;
	margin-bottom: 18px;
}

#issue > div.wrapper p.cover{
	display: none;
	width: 100%;
	margin: 18px 0;
	text-align: center;
}

#issue > div.wrapper p.cover img{
	vertical-align: top;
	max-width: 100%;
}

#issue > div.wrapper ul{
	font-weight: bold;
	margin: 9px 0;
	padding-left: 1.25em;
}

#issue > div.wrapper ul li{
	text-indent: -1.25em;
	margin: 0;
	padding: 0;
}

#issue > div.wrapper ul li:before{
	content: "— " ;
}

#issue > div.wrapper p.issue_actions{
	margin: 12px 0 9px;
	font-size: 13px;
	line-height: 2em;
}

#issue > div.wrapper p.issue_actions a{
	padding: 4px 10px 6px;
	margin: 0;
}

/* @end */

#issue_player{
	float: right;
	clear: right;
	width: 75%;
	margin-bottom: 15px;
}

#issue_player div.wrapper{
	margin: 0 10px;
	height: 600px;
}

body.s-category-issues #past_issues_list{
	float: right;
	width: 100%;
	margin-bottom: 15px;
}

body.s-category-issues #past_issues_list ul li{
	float: left;
	width: 25%;
}

/* @end */

/* @group Pick The Word */

#pick_list{
	float: left;
	clear: left;
	width: 25%;
}

#pick_list > div.wrapper{
	margin: 0 10px;
}

#pick_list ul.cities{
	margin: 9px 0 !important;
}

#pick_list ul.cities li{

}

#pick_list ul.cities li.current_page_item a{
	text-decoration: none;
	color: #0072c6;
}

#pick_list ul.cities li.current_page_item a:after{
	content: " →";
}

#pick_map{
	float: right;
	clear: right;
	width: 75%;
	margin-top: 47px;
	padding-bottom: 30px;
}

#pick_map > div.wrapper{
	margin: 0 10px;
	border-top: 6px solid #0072c6;
	padding-top: 18px;
	height: 600px !important;
}

/* @end */

/* @group About */

#page.about #presentation,
#page.about #c2,
#page.about #c3,
#page.about #c4{
	float: left;
	width: 25%;
}

#page.about .section img{
	max-width: 100% !important;
	height: auto;
}

#page.about #presentation{
	color: #0072c6;
}

/* @end */

/* @group Contact */

#page.contact #contactcolumn{
	float: left;
	width: 25%;
}

#page.contact #officemap{
	float: right;
	width: 75%;
}

/* @end */