/*
 partylemon.com stylesheet.
 Copyright 2008 Philip Quinn, all rights reserved.
 */

/* @group Reset */

a img{border:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
html{color:#000;background:#FFF;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
/* to preserve line-height and selector appearance */
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* @end */

/* @group Type Defaults */

/* Sans-serif for everything EXCEPT article body text. */

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10pt;
    line-height: 1.3;
    font-weight: normal;
    color: #191919;
}

a, a:visited {
    color: #0040b6;
    text-decoration: none;
    outline: none;
	border-bottom: 1px solid #e0e0e0;
}

a:hover, /* Use all three selectors to support keyboard navigation */
a:focus,
a:active {
    color: #000 !important;
	text-decoration: none;
}

input,select { font-size: medium; }

/* @group Headers */

h1,h2,h3,h4,h5,h6 {
	/* lol, who supports this? */
	page-break-inside: avoid;
}

/* Header Colours */
h1,h2 {
	color: #a81c1c; /* Dark red */
	letter-spacing: -4px;
}

/* Header Link Colours */
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,
h5 a:visited, h6 a:visited {
	/* Links are slightly darker red */
	color: #910000;
	border: none;
}

/* Used for major page headings */
h1 {
    font-size: 45pt;
    font-weight: bold;
    line-height: 0.9; 
}

/* Used for minor page headings */
h2,h3,h4,h5,h6 {
	letter-spacing: -1px;
	line-height: 1.2;
	margin-top: 4.5pt;
	margin-bottom: -4.5pt;
}

h2 {
	font-size: 18pt;
    font-weight: bold;
    /* Makes the text less harsh on Safari */
    text-shadow: #ffffff 0 0 0;
}

h3 { font-size: 16pt; }
h4 { font-size: 14pt; }
h5,h6 { font-size: 12pt; }

/* @end */

/* @group Body */

p {
	margin-bottom: 0.5em;
    margin-top: 0.5em;
    widows: 2;
    orphans: 2;
}

blockquote { margin: 1.5em; }

blockquote p {
	/* Always in sans-serif, need to override body text font settings. */
    font: italic 14pt "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Basics */
strong { font-weight: bold; }
em { font-style: italic; }
sup { font-size: smaller; }

/* For use with multiple consecutive capitals. */
acronym, abbr, span.caps {
    letter-spacing: 0.05em;
    font-variant: small-caps;
    text-transform: lowercase;
    font-size: 1.2em;
    line-height: 0pt;
}

/* @end */

/* @group Grey Bits */

span.label, /* Footnotes and such */
.readmore,  /* Homepage */
.thumbnail_details p, /* Tag pages */
p.date, /* Articles */
#tools  /* Articles */
{ text-transform: uppercase; }

.readmore a, .readmore a:visited,
#tools a, #tools a:visited { color: #a4a4a4; } 

.thumbnail_details p,
p.date {
	font-size: 9pt;
	color: #bfbdbd;
}

span.label {
	font-size: 8pt;
	color: #a4a4a4;
}

.readmore,
#tools {
	font-size: 10pt;
	color: #a4a4a4;
}

/* @end */

/* @end */

/* @group Generic Modifiers */

.highlight { background: #faec73; }
.larger,
.larger p { font-size: larger; }
.smaller,
.smaller p { font-size: smaller; }
.black { color: #000; }
.brackets { font-style: normal !important; }
.clear { clear: both; }

.left { float: left; text-align: left; }
.right { float: right; text-align: right !important; }
.centre {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* @end */

/* @group Generic Blocks */

p.notice {
	background: #fffbc4;
	padding: 1em;
	margin: 1.5em;
	width: auto !important;
	display: block;
    font: oblique 10pt/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Used to contain things like the tag drop-downs. */
.browser { padding: 1.5em; }

/* @end */

/* @group Bodies */
body {
    background: #ffffff url(/pub/core/bg.png) repeat-x left top;
    color: #000000;
	text-align: center;
}

#bodybox {
	/* Inner body */
	text-align: left; /* IE */
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

#basebox {
	/* Menu base box */
	padding-top: 30px;
	text-align: center; /* IE */
	background-color: #808080;
	background: url(/pub/core/baseblock_bg.png) repeat-x left top;
    border-top: 50px solid #ffffff;
}

.homebox_left {
	float: left;
	width: 391px;
	margin-left: 8px;
}

.homebox_right {
	float: right;
	width: 385px;
	margin-left: 8px;
}

/* @end */

/* @group Basemenu */

#basemenu {
	/* The menu at the bottom of the page */
	clear: both;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	margin-top: 30px;
	font-size: 9pt;
	color: #f3f3f3;
}

#basemenu a {
	border: none;
	color: #dcdcdc;
	/* Safari CSS hack for light text on dark backgrounds */
	text-shadow: 0 0 0 #000;
}

#basemenu a:hover,
#basemenu a:active,
#basemenu a:focus {
	color: #fff !important;	
}

#basemenu #container .items {
	/* Each columnn of menu items */
	float: left;
	margin-left: 20px;
	padding-left: 10px;
	height: 280px;
}

#basemenu #container .items ol {
	margin: 0px 0px 0px 20px;
	text-indent: -5px;
	list-style-type: disc;
}
	
/* @end */

/* @group Header */

#masthead {
	text-align: left; /* IE (1) */
	border: 0;
}

/* @group Menu */

#menu {
	list-style-type: none;
	height: 52px;
}

#menu li, 
#menu li a {
	margin-top: 5px;
	margin-right: 16px;
	padding: 2px;
	float:left;
	color: #404040;
	border: none;
}

#menu li a:hover {
    border-bottom: 2px solid #8e8e8e;
}

#menu li#m_home {
	margin-left: 10px;
}

#menu li.selected a:hover,
#menu li.selected a {
	color: #000000;
	border-bottom: 2px solid #febe1e;
}
/* @end */
/* @end */

/* @group Legal */

#legal {
	/* Notice at the bottom of the menu */
	clear: both;
	margin-top:  50px;
	line-height: 20pt;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	text-align: center;
	color: #c0c0c0;
	font-size: 8pt;
}

#legal a, 
#legal a:link, 
#legal a:visited {
	font-weight: bold;
	color: #bfbdbd;
	text-shadow: 0 0 0 #000;
}

#legal a:hover,
#legal a:active,
#legal a:focus {
	color: #eee !important;
}

/* @end */

/* @group Previously */

#previously a,
#previously a:visited {
	color: #000;
	border: none;
}

#previously a:hover,
#previously a:active,
#previously a:focus {
	/* Light grey */
	color: #a4a4a4 !important; 
}

/* @end */

/* @group Pulp/Gallery */

#pulp {
	height: 145px;
	background: url(/pub/core/pulp_bg.png) repeat-x;
	margin-bottom: 1px;
}

#gallery {
	height: 145px;
	background: url(/pub/core/gallery_bg.png) repeat-x;
}

#pulp .title,
#gallery .title { float: left; }

/* Correcting push. */
#gallery .title { margin-left: -6px; }

#pulp .more,
#gallery .more { float: right; }

#gallery .corner_bl,
#gallery .corner_br {
	position:relative;
	top:139px;
	width: 6px;
	height: 5px;
}

#gallery .corner_bl { float:left; }
#gallery .corner_br {
	float: right;
	right: 0px;
}

#pulp ul,
#gallery ul { clear: both; }

#pulp ul { margin-left: 5px; }

#gallery ul { padding-top: 10px; }

#pulp ul li,
#gallery ul li {
	font-size: 8pt;
	line-height: 11pt;
	color: #dcdcdc;
}

#pulp ul li {
	float: left;
	width: 85px;
	height: 100px;
	padding-left: 7px;
	padding-right: 5px;
	padding-top: 10px;
	border-left: 1px solid #730000;
	overflow: hidden;
	color: #ebebeb;
}

#pulp ul li a {
	font-weight: bold;
	border: none;
	color: #f6f6f6;
	text-shadow: 0 0 0 #000;
}

#gallery ul li {
	float: left;
	padding-left: 11px;
	overflow: hidden;
}

#gallery ul li a,
#gallery ul li a:visited {
	border: none;
}

#gallery ul li a:hover,
#gallery ul li a:focus,
#gallery ul li a:active {
	color: #007e00 !important;
}

#pulp ul li a:hover,
#pulp ul li a:active,
#pulp ul li a:focus {
	color: #7e0000 !important;
}

#gallery ul li img {
	border: 1px solid #000000;
}

#gallery ul li p {
	padding: 0px;
	margin: -4px 0px 0px 2px;
	text-indent: 0;
	font-size: smaller;
}

/* @end */

/* @group Articles */

#article {
	padding-left: 5px;
	padding-right: 10px;
}

#article #tools {
	float: left;
	text-align: right;
	width: 300px;
	margin-top: 30px;
}

#article .date { text-align: right; }

#article h1 {
	width: 550px;
	margin-top: -30px;
	/* Fix for IEs */
	padding-bottom: 10px;
}

#article #post {
	/* 
	 * Can't use float or width because of IE:
	 * http://haslayout.net/css/negmargin.shtml
	 */
	margin-left: 340px;
	padding-top: 10px;
	margin-bottom: 100px;
}

#article #post p {
	float: left;
	width: 444px;
}

/* Main body text */
#post p {
    font: 14px/1.3 Georgia, Times, "Times New Roman", serif;
}

#post p.first {
	font-size: 12pt !important;
	line-height: 1.3 !important;
}

#article img {
	margin-bottom: 1em;
	margin-top: 1em;
}

#article .footnote {
	float: left;
	clear: left;
	width: 160px !important;
	margin-left: -200px;
}

#post p.large {
	font-size: 19pt;
	line-height: 1.1;
	margin-bottom: 1em;
	margin-top: 1em;
	padding-left: 30px;
	padding-right: 10px;
	text-indent: 0px;
	width: auto !important;
}

/* @group Figures */

#article .figure {
	margin-left: -350px;
	clear: left;
}

#article .figure img {
	float: left;
	margin: 8px;
}

#article .figure p {
	float: left;
	width: 130px !important;
	margin-right: 3px;
}

.figure p,
p.footnote {
	text-align: right;
	text-indent: 0px;
	font-size: 8pt !important;
	margin-top: 1.77em;
    font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif !important;
}

/* @end */

/* @group Thumbnails */

div.thumbnail_details {
	text-align: right;
	float: right;
}

div.thumbnail_details p {
	text-align: right;
	margin: 0;
}

.article_thumbnail {
	width: 250px;
	float: left;
	margin-left: 10px;
}

.article_thumbnail p.first {
	/* Reverse effects of p.first */
	font-size: 9pt !important;
	line-height: 1.5 !important;
}

/* @end */

/* @group Blockquotes */

blockquote.left,
blockquote.right {
	padding-top: 1.67em;
	padding-bottom: 1.67em;
}

blockquote .label {
	padding-top: 0.81em;
	font-size: 9pt;
	font-style: oblique;
	text-align: left;
	margin-top: -5px;
	margin-left: 50%;
}

#article blockquote.left {
	float: left;
	clear: left;
	text-align: left;
	margin-right: 10px;
	width: 280px;
	margin-left: -300px;
}

#article blockquote p { width:auto !important; }

#article blockquote.right {
	float: right;
	width: 180px;
	text-align: right;
	margin-left: 10px;
	border-top: 1px solid #7e7e7e;
	border-bottom: 1px solid #7e7e7e;
}

/* @end */

/* @end */

/* @group Thoughts */

/* @group Major Labels */

h1.thoughts,
h2.thoughts,
.bubble_label a { color: #0a6aa3; }

h2.thoughts {
	font-size: 24pt;
	margin-right: 15px;
	margin-bottom: -12px;
}

h5.thoughts a,
#bubble_block { background-color: #0a6aa3; }

h5.thoughts a {
	color: #fff !important;
	padding: 3px;
	position: relative;
}

/* @end */

/* @group Thought Page */

#thought { padding: 50px; }

#bubble_block,
#bubble_block a { color: #fff; }

#bubble_block {
	width: 300px;
	padding: 10px;
	margin-left: 150px;
}

#bubble_block a {
	border: none;
	font-weight: bold;
}

/* @end */

/* @group Bubble */

.bubble {
	padding: 10px;
	border: 6px solid #0a6aa3;
}

.bubble img { width: 100%; }

img.bubble_arrow {
	position: relative;
	top: -6px;
	left: 16px;
}

div.bubble_arrow {
	text-align: left;
    margin: 5px 5px 20px;
}

.bubble_label {
	margin-left: 70px;
	margin-top: -35px;
}

.bubble_label a {
	border: none;
	font-weight: bold;
}

/* @end */

.thought_thumbnail {
	width: 320px;
	margin-left: 50px;
	float: left;
}

/* @end */