@charset "UTF-8";
/* Penny Arcade Archive (htto://penny-arcade.respondcreate.com - code by respondcreate.com */

/*------------------------[ Global Styles -- START ]------------------------*/

body {
	background:#f8aa06 url(/images/pa-archive_bg-glow.png) center top no-repeat;
	font-family:"museo-sans-1","museo-sans-2",Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
}

/* --Full Glow
body {
	background:#f8aa06 url(/images/pa-archive_bg-glow-lg-middle.png) center top no-repeat;
	font-family:"museo-sans-1","museo-sans-2",Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
}
*/

div.separator {
	height:10px;
}

div.archiveRowSeparator {
	height:35px;
}

p,
ol {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.5em;
	margin:1em 0;
}

a:link {
	color:#0d0775;	
}

a:hover {
	text-decoration:none;
}

h1 {
	font-weight:900;
	color:#0d0775;
	font-size:35px;
	line-height:1.1em;
	letter-spacing:-1px;
	margin:0;
	padding:0;
}
	
/*------------------------[ Global Styles -- END ]------------------------*/


/*------------------------[ Header/Top-Nav -- START ]------------------------*/
div.header {
	position:relative;
	z-index:5;
}

img#paLogo {
	position:absolute;
	top:25px;
	left:0;
}

div.topNav ul {
	margin-top:70px;
	font-size:15px;
	position:relative;
}

div.topNav ul li {
	padding:10px 0 15px 0;
	display:inline;
	float:right;
	margin:0 0 0 45px;
	vertical-align:baseline;
	line-height:15px;
	letter-spacing:1px;
}

div.topNav ul li:last-child {
	margin-left:0;
}

div.topNav ul li:first-child {
	position:relative;
	padding:10px 10px 15px 10px;
	cursor:pointer;
	margin-left:35px;
}

div.topNav ul li a:link,
div.topNav ul li a:visited,
div.topNav ul li:first-child span {
	color:#0d0775;
	text-transform:uppercase;
	font-weight:700;
	text-decoration:none;
}

div.topNav ul li a:hover {
	text-shadow:0 0 10px #ffebc2;
}

div.topNav ul li:hover {
	background:url(/images/pa-archive_nav-triangle.png) bottom center no-repeat;
}

div.topNav ul li.selected {
	background:url(/images/pa-archive_nav-triangle.png) bottom center no-repeat;
	font-size:21px;
	padding:8px 0 17px 0;
}

div.topNav ul li.selected a:link,
div.topNav ul li.selected a:visited,
div.topNav ul li.selected a:hover {
	color:#FFFFFF;
	text-shadow:0 0 20px #ba6f04;
}

div.topNav ul li:first-child:hover {
	background-image:none;
	background-color:#0d0775;
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.7);
	box-shadow: 0 0 15px rgba(0,0,0,0.7);
	z-index:11;
}

div.topNav ul li:first-child:hover span {
	color:#FFFFFF;
}

div.mainWhiteSpace {
	background:#FFFFFF url(/images/pa-archive_header-triangle.png) center top no-repeat;
	padding:40px 0;
	color:#333333;
	border:1px solid #0d0775;
	border-left:0;
	border-right:0;
}

div.topNav ul li:first-child ul#paNetwork {
	position:absolute;
	right:0;
	top:33px;
	background-color:#0d0775;
	width:170px;
	margin:0 0 -10px 0;
	padding:0;
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.7);
	box-shadow: 0 5px 15px rgba(0,0,0,0.7);
	z-index:10;
	display:none;
}

div.topNav ul li:first-child ul#paNetwork li {
	float:left;
	clear:both;
	margin:0;
	padding:0;
	border-top:1px solid #56529f;
}

div.topNav ul li:first-child ul#paNetwork li a,
div.topNav ul li:first-child ul#paNetwork li a:link,
div.topNav ul li:first-child ul#paNetwork li a:visited {
	display:block;
	padding:8px 10px;
	color:#FFFFFF;
	margin:0;
	font-size:14px;
	text-transform:none;
	background-color:#0d0775;
	width:150px;
}

div.topNav ul li:first-child ul#paNetwork li:hover {
	background-image:none;
}

div.topNav ul li:first-child ul#paNetwork li a:hover {
	color:#0d0775;
	background-color:#f8aa06;
}

div.topNav ul li:first-child:hover ul#paNetwork {
	display:block;
}

div.topNav ul li ul#paNetwork li:first-child {
	border-top:0;
}

div.topNav ul li ul#paNetwork li:first-child:hover {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
	
/*------------------------[ Header/Top-Nav -- END ]------------------------*/


/*------------------------[ Ad Zones -- START ]------------------------*/
div.horizTopAd {
	height:100px;
	width:950px;
	background:url(/images/pa_banner-exp-up_110210.gif) top left no-repeat;
	cursor:pointer;
	margin-bottom:10px;
}

div.horizTopAd:hover {
	background:url(/images/pa_banner-exp_110210.gif) top left no-repeat;
}
/*------------------------[ Ad Zones -- END ]------------------------*/


/*------------------------[ News Post -- START ]------------------------*/
img.postAvatar {
	margin-right:10px;
}

div.newsPost div.postTop h1 {
	padding-top:10px;
}

div.newsPost div.postTop p.postDetails {
	font-size:12px;
	font-family:"museo-sans-1","museo-sans-2",Arial, Helvetica, sans-serif;
	font-weight:300;
	margin:0;
	padding:0;
	font-weight:300;
}

div.newsPost div.postTop p.postDetails a:link,
div.newsPost div.postTop p.postDetails a:visited {
	font-weight:700;
	color:#0d0775;
}

div.newsPostNavigation div:first-child {
	margin-left:0;
	float:left;
}

div.newsPostNavigation div:last-child {
	margin-right:0;
	float:right;
}

div.newsPostNavigation div.nextPage,
div.newsPostNavigation div.prevPage {
	width:70px;
	height:25px;
	background-repeat:no-repeat;
	margin-top:10px;	
}

div.newsPostNavigation div.nextPage {
	background-image:url(/images/pa-archive_prev-unavailable.png);
	background-position:left top;
}

div.newsPostNavigation div.prevPage {
	background-image:url(/images/pa-archive_next-unavailable.png);
	background-position:right top;
}

a.songSignature {
	font-size:.9em;
	color:#666666;
	font-style:italic;
}

a.newsPostComicOpen,
a.newsPostComicClose {
	width:950px;
	height:25px;
	cursor:pointer;
	background:#f8aa06 center top no-repeat;
	display:block;
}

a.newsPostComicOpen {
	background-image:url(/images/comic-nav_show-comic.gif);
}

a.newsPostComicClose {
	background-image:url(/images/comic-nav_hide-comic.gif);
}
/*------------------------[ News Post -- END ]------------------------*/


/*------------------------[ Comic Page -- START ]------------------------*/
div.comicNavigation {
	margin:0 10px 0 10px;
}

div.comicNavigation div.news,
div.comicNavigation div.share {
	width:85px;
	float:left;
}

div.comicNavigation div.news {
	margin:0 5px 0 220px;
}

div.comicNavigation div.share {
	margin:0 220px 0 5px;
	position:relative;
}

div.ajaxNews div.share {
	margin:0 auto;
	position:relative;
	width:85px;
}

div.comicNavigation div:first-child {
	margin-left:0;
}

div.comicNavigation div:last-child {
	margin-right:0;
}

div#shareDrawer {
	float:left;
	position:absolute;
	top:-88px;
	left:-65px;
	z-index:10;
	display:none;
}

div#shareDrawer div.shareDrawerContent {
	border:1px solid #0d0775;
	padding:10px;
	background-color:#f8aa06;
}

div#shareDrawer div.shareDrawerNub {
	height:6px;
	background:url(/images/pa-archive_share-triangle.png) center center no-repeat;
	margin-top:-1px;
}

div#shareDrawer div.shareDrawerContent input {
	display:block;
	width:180px;
	margin:6px 3px 0px 3px;
}

div.share a#comicShare {
	cursor:pointer;
}

div.comicTags {
	color:#FFFFFF;
	margin:10px 0 15px 0;
	font-size:14px;
}

div.comicTags strong {
	font-weight:300;
}

div.comicTags a:link,
div.comicTags a:visited {
	color:#f8aa06;
	font-weight:500;
}

div.comicTags a:hover {
	text-decoration:none;
}
/*------------------------[ Comic Page -- END ]------------------------*/


/*------------------------[ Archive Listing -- START ]------------------------*/
div.topPadding {
	padding-top:10px;
}

div.comicListing div.first {
	margin-left:0;
}

div.comicListing div.last {
	margin-right:0;
}

div.comicListing div.individualComic {
}

div.comicListing div.individualComic h2,
div.comicListing div.individualComic h3 {
	line-height:1.1em;
	margin:0;
	padding:0;
}

div.comicListing div.individualComic h2 {
	font-size:13px;
	font-weight:bold;
	color:#0d0775;
	margin:0.5em 0 0.2em 0;
	font-family:Arial, Helvetica, sans-serif;
}

div.comicListing div.individualComic h2 a:link,
div.comicListing div.individualComic h2 a:visited {
	color:inherit;
	text-decoration:none;
}

div.comicListing div.individualComic h3 {
	font-size:10px;
	font-weight:100;
}

div#loading {
	background:#0d0775 url(/images/ajax-loader.gif) center center no-repeat;
	display:none;
}

div#comicTop,
div.comicMain {
	background-color:#0d0775;
	text-align:center;
	padding:30px 0 10px 0;
	min-height:90px;
	display:none;
	position:relative;
}

div.archiveLoader div#comicTop,
div.archiveLoader div#loading {
	margin-top:10px;
}

div.comicMain {
	display:block;
}

div#loading {
	min-height:150px;
}

div#comicTop h1,
div.comicMain h1,
div#comicTop h1 a:link,
div#comicTop h1 a:visited {
	font-family: "blambot-casual-1","blambot-casual-2",sans-serif;
	font-size:40px;
	color:#f8aa06;
	line-height:1.1em;
	margin:0;
	text-decoration:none;
}

div#comicTop h1 a:hover {
	text-decoration:underline;
}

div#comicTop p,
div.comicMain p {
	padding:0;
	margin:5px 0 10px 0;
	font-weight:700;
	font-size:16px;
	color:#FFFFFF;
	font-family:"museo-sans-1","museo-sans-2",Arial, Helvetica, sans-serif;
}

a#archiveCloseComic {
	width:25px;
	height:25px;
	background:url(/images/pa-archive_close-btn.gif) top left no-repeat;
	display:block;
	position:absolute;
	top:0;
	right:0;
	margin:10px 10px 0 0;
	z-index:10;
	cursor:pointer;
}

div#comicGrid {
	padding-top:10px;
}

div#filterResults {
	margin-bottom:10px;
	color:#FFFFFF;
	background-color:#0d0775;
	padding:5px 7px 4px 7px;
	font-size:16px;
	width:616px;
	position:relative;
}

div#comicArchiveLoading {
	height:33px;
	width:27px;
	background:#0d0775 url(/images/ajax-loader-tags.gif) left center no-repeat;
	display:none;
	position:absolute;
	z-index:10;
	right:0;
	top:0;
}

div#filterResults a,
div#filterResults a:link,
div#filterResults a:visited {
	cursor:pointer;
	text-decoration:underline;
}

div#filterResults a:hover {
	text-decoration:none;
}

div#filterResults a,
div#filterResults a:link,
div#filterResults a:visited,
div#filterResults span {
	color:#f8aa06
}

div#filterResults a.open:before {
	content:"Open ";
}

div#filterResults a.close:before {
	content:"Close ";
}
/*------------------------[ Archive Listing -- END ]------------------------*/

/*------------------------[ Tags -- START ]------------------------*/
div.archive div.horizTopAd {
	margin-bottom:0;
}

div#tagCloudToggle,
div#tagCloudToggle a.toggleLink {
	width:950px;
	height:25px;
	cursor:pointer;
}

div#tagCloudToggle a.toggleLink {
	background:#f8aa06 center top no-repeat;
	display:block;
}

div#tagCloudToggle a.open {
	background-image:url(/images/tag-cloud_show.gif);
}

div#tagCloudToggle a.close {
	background-image:url(/images/tag-cloud_hide.gif);
}

div.tagCloud {
	background-color:#0d0775;
}

h1#tagCloudHeader {
	background-color:#f8aa06;
	padding:7px 7px 5px 7px;
	font-size:30px;
	text-transform:uppercase;
	cursor:pointer;
}

h1#tagCloudHeader:before {
	content:'Open ';
}

div.tagCloud ul.tags {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:10px 40px;
	margin:0;
}

div.tagCloud ul.tags li {
	vertical-align:middle;
	font-size:14px;
	line-height:2.6em;
	display:inline;
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
}

div.tagCloud ul.tags li a:link,
div.tagCloud ul.tags li a:visited {
	text-decoration:none;
	color:#FFFFFF;
	line-height:1em;
}

div.tagCloud ul.tags li a:hover {
	color:#f8aa06;
}

div.tagCloud ul.tags li a {
}

div.tagCloud ul.tags li a.tag2 {
	font-size:1em;
}

div.tagCloud ul.tags li a.tag3 {
	font-size:1.2em;
}

div.tagCloud ul.tags li a.tag4 {
	font-size:1.4em;
}

div.tagCloud ul.tags li a.tag5 {
	font-size:1.6em;
}

div.tagCloud ul.tags li a.tag6 {
	font-size:1.8em;
}

div.tagCloud ul.tags li a.tag7 {
	font-size:2em;
}

div.tagCloud ul.tags li a.tag8 {
	font-size:2.2em;
}

div.tagCloud ul.tags li a.tag9 {
	font-size:2.4em;
}

div.tagCloud ul.tags li a.tag10,
div.tagCloud ul.tags li a.tag11,
div.tagCloud ul.tags li a.tag12,
div.tagCloud ul.tags li a.tag13,
div.tagCloud ul.tags li a.tag14,
div.tagCloud ul.tags li a.tag15,
div.tagCloud ul.tags li a.tag16,
div.tagCloud ul.tags li a.tag17,
div.tagCloud ul.tags li a.tag18,
div.tagCloud ul.tags li a.tag19,
div.tagCloud ul.tags li a.tag20 {
	font-size:2.6em;
}

div.tagCloud ul.tags li a.tag21,
div.tagCloud ul.tags li a.tag22,
div.tagCloud ul.tags li a.tag23,
div.tagCloud ul.tags li a.tag24,
div.tagCloud ul.tags li a.tag25,
div.tagCloud ul.tags li a.tag26,
div.tagCloud ul.tags li a.tag27,
div.tagCloud ul.tags li a.tag28,
div.tagCloud ul.tags li a.tag29,
div.tagCloud ul.tags li a.tag30 {
	font-size:2.8em;
}

div.tagCloud ul.tags li a.tag31,
div.tagCloud ul.tags li a.tag32,
div.tagCloud ul.tags li a.tag33,
div.tagCloud ul.tags li a.tag34,
div.tagCloud ul.tags li a.tag35,
div.tagCloud ul.tags li a.tag36,
div.tagCloud ul.tags li a.tag37,
div.tagCloud ul.tags li a.tag38,
div.tagCloud ul.tags li a.tag39,
div.tagCloud ul.tags li a.tag40,
div.tagCloud ul.tags li a.tag41,
div.tagCloud ul.tags li a.tag42,
div.tagCloud ul.tags li a.tag43,
div.tagCloud ul.tags li a.tag44 {
	font-size:3em;
}

div.tagCloud ul.tags li a.tag45,
div.tagCloud ul.tags li a.tag46,
div.tagCloud ul.tags li a.tag47,
div.tagCloud ul.tags li a.tag48,
div.tagCloud ul.tags li a.tag49,
div.tagCloud ul.tags li a.tag50,
div.tagCloud ul.tags li a.tag51 {
	font-size:3.2em;
}

div.tagCloud ul.filterTags {
	text-align:center;
	font-family:"museo-sans-1","museo-sans-2",Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0 0 10px 0;
	color:#FFFFFF;
	margin:10px 40px 0 40px;
	border-bottom:1px solid #f8aa06;
}

div.tagCloud ul.filterTags li {
	margin-left:10px;
	border-left:1px solid #f8aa06;
	font-weight:700;
	padding:3px 0 3px 10px;
	display:inline;
	list-style:none;
}

div.tagCloud ul.filterTags li label {
	padding-right:4px;
}

div.tagCloud ul.filterTags li:first-child {
	margin-left:0;
	padding-left:25px;
	border-left:0;
}

div.tagCloud ul.filterTags li:last-child {
	padding-right:25px;
}

div.tagCloud ul.filterTags li.tagsLoading {
	background:#0d0775 url(/images/ajax-loader-tags.gif) right center no-repeat;
}	
/*------------------------[ Tags -- END ]------------------------*/

/*------------------------[ Footer -- START ]------------------------*/
div.footer {
	padding:10px 0;
}

div.footer p {
	font-family:"museo-sans-1","museo-sans-2",Arial, Helvetica, sans-serif;
	font-weight:500;
	color:#644910;
	font-size:11px;
	margin:0;
	padding:5px 0;
	line-height:1em;
}

div.footer p strong {
	width:9.5em;
	float:left;
	text-transform:uppercase;
}

div.footer p a:link,
div.footer p a:visited,
div.footer p strong {
	font-weight:900;
}

div.footer p a:link,
div.footer p a:visited {
	color:inherit;
}

div.footer p span a:link,
div.footer p span a:visited {
	color:#644910;
	font-weight:500;
}

div.footer p a:hover,
div.footer p span a:hover {
	color:#0d0775;
	text-decoration:none;
}
/*------------------------[ Footer -- END ]------------------------*/

/*------------------------[ About -- START ]------------------------*/
div.about div.sidebarQuote,
div.about div.aboutText {
	padding-top:25px;
}

div.about div.sidebarQuote h1 {
	font-size:69px;
	text-transform:uppercase;
	line-height:.8em;
	letter-spacing:-2px;
	text-align:right;
	padding-top:3px;
}

div.about div.sidebarQuote h1 span {
	font-size:.7em;
	margin-top:-7px;
}

div.about div.sidebarQuote h1 span:first-child {
	margin-left:49px;
	float:left;	
}

div.about div.sidebarQuote h1 span:last-child {
	margin-right:-20px;
	margin-top:-7px;
	float:right;	
}

div.about div.sidebarQuote h2,
div.about div.sidebarQuote h3 {
	border-left:1px solid #a1a1a1;
	margin:0 0 0 80px;
	padding-left:15px;
	
}

div.about div.sidebarQuote h2 {
	font-size:30px;
	letter-spacing:-1px;
	line-height:1em;
	padding-top:30px;
	padding-bottom:6px;
	margin-top:-20px;
}

div.about div.sidebarQuote h3 {
	color:#a1a1a1;
	font-size:14px;
	line-height:1.2em;
	padding-bottom:15px;
	font-weight:500;
}

div.about div.sidebarQuote h3 a:link,
div.about div.sidebarQuote h3 a:visited {
	color:inherit;
}

div.about div.sidebarQuote h3 a:hover {
	text-decoration:none;
	color:#0d0775;
}

div.about div.aboutText p:first-child {
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:1.7em;
	line-height:1.4em;
	margin-top:0;
}

div.about div.aboutText div.signature p {
	margin:0;
}

div.about div.aboutText div.signature p.name {
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:1.5em;
	font-weight:400;
	line-height:1.2em;
	margin-top:20px;
}

div.about div.aboutText div.signature p.name span {
	font-size:.8em;
	color:#757575;
}

div.about div.aboutText div.signature p:last-child {
	border-left:1px solid #a1a1a1;
	padding:2px 0 5px 7px;
	margin-top:5px;
}

div.about div.aboutText div.signature p:last-child a {
	font-size:.9em;
}

div.about div.aboutText ol {
	margin-top:0;
}

div.about div.aboutText ol li {
	margin-bottom:.6em;
	line-height:1.3em;
	margin-left:40px;
	padding-right:40px;
}

div.about div.aboutText a.facebook,
div.about div.aboutText a.twitter,
div.about div.aboutText a.email {
	padding:2px 0 0 20px;
	background-position:left center;
	background-repeat:no-repeat;	
}

div.about div.aboutText a.facebook {
	background-image:url(/images/facebook.png);
}

div.about div.aboutText a.twitter {
	background-image:url(/images/twitter.png);
}

div.about div.aboutText a.email {
	background-image:url(/images/email.png);
}
	
/*------------------------[ About -- END ]------------------------*/