@charset "UTF-8";

/*
reset.css -- Reset default browser stylings.
Based on Eric Meyer's "reset.css"
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	}


body {
	align: center;
	background: #ffffff url(http://www.longpauses.com/images/body-back.gif) repeat-y center top;
	}

blockquote, .leftblock {
	padding: 0 30px;
	}
	
hr {
	color: #cccccc;
	background-color: #cccccc;
	border: 0;
	height: 1px;
	margin-top: 10px;
	}



#wrapper {
	width: 960px;
	margin: 0 auto;
	}


/* HEADER */

#header {
	background: url(http://www.longpauses.com/images/lp-back.gif);
	height: 100%;
	}

#header-left {
	width: 300px;
	padding-left: 30px;
	float: left;
	text-align: left;
	height: 100%;
	}
	#header-left h1 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 24px;
		line-height: 60px;
		font-weight: 100;
		}
	#header-left h1 a {
		color: #ffffff;
		}
	#header-left h1 a:hover {
		text-decoration: underline;
		}
		
#header-right {
	width: 600px;
	float: right;
	text-align: right;
	}
	#header-menu {
		width: 600px;
		}
		#header-menu ul {
			list-style-type: none;
			}
		#header-menu li {
			list-style-type: none;
			float: right;
			display: block;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 12px;
			border-left: 1px solid #ffffff;
			}
		#header-menu li a {
			color: #ffffff;
			background: #992b1c;
			padding: 9px;
			display: block;
			}
		#header-menu li a:hover {
			color: #ffffff;
			background: #444444;
			display: block;
			}
	#header-icons {
		background: #ffffff;
		width: 600px;
		float: right;
		text-align: right;
	}


/* LEFT COLUMN */

#leftcol {
	width: 360px;
	float: left;
	}
	
	#leftcol-peace {
		background: #444444;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		line-height: 30px;
		padding-left: 30px;
		width: 330px;
		height: 100%;
		}
		#leftcol-peace a {
			color: #ffffff;
			}
		#leftcol-peace a:hover {
			text-decoration: underline;
			}
		
	#leftcol-twitter {
		width: 300px;
		padding-left:30px;
		}
		#leftcol-twitter h2 {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			color: #333333;
			line-height: 20px;
			margin-top: 40px;
			font-weight: 100;
			}
		#leftcol-twitter h2 a {
			color:#555555;
			}
		#leftcol-twitter h2 a:hover {
			color:#992b1c;
			}
		#leftcol-twitter h3 {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 11px;
			font-weight: 100;
			line-height: 16px;
			}
		#leftcol-twitter h3 a {
			color:#555555;
			}
		#leftcol-twitter h3 a:hover {
			color:#992b1c;
			}
		#leftcol-twitter ul {
			list-style-type: square;
			}
		#leftcol-twitter li {
			list-style-type: square;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 12px;
			line-height: 20px;
			color: #555555;
			margin: 10px 0 10px 15px;
			}
		#leftcol-twitter li a {
			color:#992b1c;
			}
		#leftcol-twitter li a:hover {
			text-decoration: underline;
			}
			
	#leftcol-tumblr {
		width: 300px;
		padding-left:30px;
		}
		#leftcol-tumblr h2 {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			color: #333333;
			line-height: 20px;
			margin-top: 40px;
			font-weight: 100;
			}
		#leftcol-tumblr h2 a {
			color:#555555;
			}
		#leftcol-tumblr h2 a:hover {
			color:#992b1c;
			}
		#leftcol-tumblr h3 {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 11px;
			font-weight: 100;
			line-height: 16px;
			margin-bottom: -10px;
			}
		#leftcol-tumblr h3 a {
			color:#555555;
			}
		#leftcol-tumblr h3 a:hover {
			color:#992b1c;
			}
		#leftcol-tumblr p {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 12px;
			line-height: 20px;
			color: #555555;
			margin: 10px 0;
			}
		#leftcol-tumblr ul {
			list-style-type: none;
			}
		#leftcol-tumblr li {
			list-style-type: none;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 12px;
			line-height: 20px;
			color: #555555;
			border-bottom: 1px solid #ffffff;
			padding: 20px 0;
			}
		#leftcol-tumblr li a, #leftcol-tumblr p a {
			color:#992b1c;
			}
		#leftcol-tumblr li a:hover, #leftcol-tumblr p a:hover {
			text-decoration: underline;
			}
		#leftcol-tumblr object {
			margin-top: 10px;
			display: block;
			}
		#leftcol-tumblr img {
			border: 5px solid #dddddd;
			}


/* RIGHT COLUMN */

#rightcol {
	width: 570px;
	float: right;
	height: 100%;
	}
	
	#blogger {
		height: 100%;
	}
	#blogger h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #666666;
		line-height: 24px;
		font-size: 24px;
		font-weight: 100;
		margin-top: 40px;
		}
	#blogger h2 a {
		color: #666666;
		}
	#blogger h2 a:hover {
		color: #992b1c;
		}
	#blogger h3 {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: #444444;
		font-weight: 200;
		margin: 36px 0 12px 0;
		}
	#blogger h4 {
		font-family:Helvetica, Arial, sans-serif;
		font-size: 12px;
		line-height: 30px;
		font-weight: 100;
		color: #777777;
		margin-bottom: 24px;
		}
	#blogger h4 a {
		color: #992b1c;
		}
	#blogger h4 a:hover {
		text-decoration: underline;
		}
	#blogger h5 {
		font-size: 14px;
		text-align: center;
		color: #888888;
		margin-top: 12px;
		}

	#blogger p {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #444444;
		font-size: 13px;
		line-height: 24px;
		margin: 12px 0;
		font-weight: 100;
		}
	#blogger p a, #blogger li a, #blogger table a {
		color: #992b1c;
		}
	#blogger p a:hover, #blogger li a:hover, #blogger table a:hover {
		text-decoration: underline;
		}
	#blogger ul {
		list-style-type: square;
		margin-left: 15px;
		}
	#blogger ol {
		margin-left: 15px;
		}
	#blogger li {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #444444;
		font-size: 13px;
		line-height: 24px;
		margin-left: 15px;
		}
	#blogger table {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #444444;
		font-size: 13px;
		line-height: 24px;
		font-weight: 100;
		}
	#blogger td {
		padding: 0 5px;
		}
		
		
	#blogfoot-left {
		float: left;
		}
	#blogfoot-right {
		float: right;
		}
		

/* COMMENTS */
#comments {
	padding-bottom: 30px;
	}
#comments h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #444444;
	font-weight: 200;
	}
#comments p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin: 10px 0;
	color: #444444;
	}
#comments a {
	color: #992b1c;
	}
#comments a:hover {
	text-decoration: underline;
	}
		
		
/* FOOTER */
#footer {
	width: 960px;
	padding: 15px 0px;
	background: url(http://www.longpauses.com/images/lp-back.gif);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
	border-top: 15px solid #444444;
	border-bottom: 15px solid #444444;
	}
	#footer h2 {
		font-weight: 100;
		text-transform: uppercase;
		letter-spacing: .1em;
		color: #cccccc;
		margin-bottom: 10px;
		}
	#footer a {
		color: #ffffdd;
		}
	#footer a:hover {
		text-decoration: underline;
		}
		
	
#footer-about {
	width: 300px;
	padding: 0px 30px;
	float: left;
	}
	#footer-about img {
		float: left;
		border: 1px solid #cccccc;
		margin: 2px 15px 0px 0px;
		display: block;
		width: 50px;
		height: 50px;
		}

#footer-archive	{
	width: 239px;
	padding: 0px 30px 35px 29px;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	float: left;
	}
	
#footer-search	{
	width: 239px;
	float: left;
	padding-left: 30px;
	}


/* CLASSES */
.border-twenty-grey {
	border: 10px solid #eeeeee
	}
.comment-poster {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #444444;
	padding-top: 30px;
	}
.comment-timestamp {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #444444;
	}
.img-border-right {
	float: right;
	margin: 0 0 20px 20px;
	}


/* ROLLOVERS */

#roll-rss {
	height: 30px;
	width: 20px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(http://www.longpauses.com/images/roll-rss.gif) top left no-repeat;
	display: block;
	float: right;
	}
#roll-rss:hover{
	background-position: bottom left;
	}
	
#roll-facebook {
	height: 30px;
	width: 20px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(http://www.longpauses.com/images/roll-facebook.gif) top left no-repeat;
	display: block;
	float: right;
	}
#roll-facebook:hover{
	background-position: bottom left;
	}

#roll-twitter {
	height: 30px;
	width: 20px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(http://www.longpauses.com/images/roll-twitter.gif) top left no-repeat;
	display: block;
	float: right;
	}
#roll-twitter:hover{
	background-position: bottom left;
	}
	
#roll-tumblr {
	height: 30px;
	width: 20px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(http://www.longpauses.com/images/roll-tumblr.gif) top left no-repeat;
	display: block;
	float: right;
	}
#roll-tumblr:hover{
	background-position: bottom left;
	}
	
#roll-flickr {
	height: 30px;
	width: 20px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(http://www.longpauses.com/images/roll-flickr.gif) top left no-repeat;
	display: block;
	float: right;
	}
#roll-flickr:hover{
	background-position: bottom left;
	}
	
#roll-haloscan {
	height: 30px;
	width: 20px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(http://www.longpauses.com/images/roll-haloscan.gif) top left no-repeat;
	display: block;
	float: right;
	}
#roll-haloscan:hover{
	background-position: bottom left;
	}