/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

/* Clearing */
/* Clear floats without extra markup  */
.box:after,
.search:after,
.options ul:after,
#footer-nav ul:after,
ul.horizontal:after  {
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow: hidden; 
	}

/* Regular clearing: Apply to column that should drop below previous ones. */
.clear { clear:both; }

/* Establish vertical background to minimize pop-up */
html {
	margin: 0 0 1px 0; /* ensures vertical scroll bar */
	min-height: 100%; /* ensures vertical scroll bar */
	background-color: #363d44;
	}
	
#wrapper {
	border-right: 1px solid #31373e;
	border-left: 1px solid #31373e;
	}
		
body { 
	background-color: transparent;
	line-height: 1.5;
	font-size: 80%;
	color: #222;
	}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Images */
/* --> Remove border on linked images */
a img { border: none; }

/* --> Special images */
img.right, img.left,
.image-center,
.image-left,
.image-right,
img.mugshot-right,
img.mugshot-left,
img.teaser {
	border: 1px solid #B5C5CF;
	padding: 7px 8px 7px 7px;
	background: #FEFEFE url(images/hz-top-bkg-2.jpg) top left repeat-x;
	position: relative; /* IE is STUPID */	
	}

img.right, img.left,
img.mugshot-right,
img.mugshot-left,
img.teaser			{ padding: 0 }
img.right,
img.mugshot-right	{ float: right; margin: 0 0 3px 10px }
img.left,
img.mugshot-left,
img.mugshot-left,
img.teaser	{ float: left; margin: 0 10px 3px 0 }
		
.image-center img,
.image-left img,
.image-right img	{ border: 1px solid #B5C5CF; display: block }

.image-center.no-caption,
.image-left.no-caption,
.image-right.no-caption,
.image-center.no-caption img,
.image-left.no-caption img,
.image-right.no-caption img { border: none; padding: 0 }

.image-center.no-caption {margin-bottom: 1em;}

/* --> Image caption span */
.image-center .caption,
.image-left .caption,
.image-right .caption { display: block; color: #47565F; margin-top: .3em }

.image-right	{ float: right; margin: 0 0 2px 10px; }
.image-left 	{ float: left; margin: 0 10px 2px 0; padding: 10px }

/* Define input colors */
input[type=text], textarea, select					{ color: #494949 }
input[type=text]:hover, textarea:hover				{ background-color: #FFF } 
input[type=text]:focus, textarea:focus				{ background-color: #FFFFCF }
input[type=text]:focus:hover, textarea:focus:hover	{ background-color: #FFFFCF } 

/* Pretty up the horizontal rules */
hr {
  	background: transparent url(http://media.patriotpost.us/img/site/layout/hr-bkg.gif) 0 0 repeat; 
  	color: #FFF;
  	clear: both; 
  	float: none; 
  	width: 100%; 
  	height: 3px;
  	margin: 1em 0;
  	border: none;
	}

#side hr,
hr.plain {
	background-color: #B5C5CF; 
  	color: #B5C5CF;
  	height: 1px;
	}

#side hr {
	background: #B5C5CF url(http://media.patriotpost.us/img/site/layout/sidebar/sidebar-rule.png) top right repeat-y; 
	width: 360px;
	margin: 1em -50px 1em -15px;
	}

hr.plain.footer { width:990px; margin: 0 -20px 0 -20px; }

/* Special paragraphs */
.teaser p.meta 			{ margin-bottom: .5em }

/* FONTS */
body {font-family: Georgia, "Times New Roman", serif;font-size:80%;}
/*h1,h2,h3,h4,h5,h6, ul.horizontal,.chiclets, legend, form { font-family: "lucida grande", arial, sans-serif;font-size:96%;}*/

/* Headings */
h1,h2,h3,h4,h5,h6		{ font-weight: normal; color: #20292F;
 }
h1						{ font-size: 3em; line-height: 1em; margin-bottom: 0.5em }
h2						{ font-size: 1.8em; line-height: 1em; margin-bottom: .75em }
h3						{ font-size: 1.5em; line-height: 1em; margin-bottom: .5em }
h4						{ font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em }
h5						{ font-size: 1em; font-weight: bold; margin-bottom: 1.5em }
h6						{ font-size: 1em; font-weight: bold }

/*#main .box.content h2	{ font-size: 170% }
#main h2				{ font-size: 150% }
#main h3				{ font-size: 1.2em; font-weight: bold }
#main .box.archive h3	{ margin-bottom: .45em }
*/


/* --> Images in headings */
h1 img, h2 img,
h3 img, h4 img,
h5 img, h6 img		{ margin: 0 }

/* Text elements */
p           { margin: 0 0 1.5em }

a, a:link,
a:visited,
a:active,
a:focus,
a:hover 	{ text-decoration: underline; border: none }

a,
a:link,
a:visited	{ color: #08366d }

a:active,
a:focus,
a:hover		{ color: #792228 }	

blockquote  { margin: 1.5em 1.5em 1.5em 0; padding: 0 0 0 1.5em; color: #333; font-style: normal; border-left: 3px double #B5C5CF; }
strong      { font-weight: bold }
em,dfn      { font-style: italic }
dfn         { font-weight: bold }
sup, sub    { line-height: 0 }

abbr,
acronym     { border-bottom: 1px dotted #666 }
address     { margin: 0 0 1.5em; font-style: italic }
del         { color: #666 }

pre 		{ margin: 1.5em 0; white-space: pre }
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5 }

/* Generic Lists */

li ul, 
li ol       { margin: 0 1.5em }
ul, ol      { margin: 0 1.5em 1.5em 1.5em }

ul          { list-style-type: disc }
ol          { list-style-type: decimal }

dl          { margin: 0 0 1.5em 0 }
dl dt       { font-weight: bold }
dd          { margin-left: 1.5em }

/* Special lists */
/* --> An example of a horizontal list is the year listing on an archives page */
ul.horizontal,
ul.horizontal li {
	display: block;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	}

ul.horizontal li {
	padding: .45em .6em;
	float: left;
	width: auto;
	}

ul.horizontal li.selected a,
ul.horizontal li.selected a:link,
ul.horizontal li.selected a:visited	{ color: #222; text-decoration: none; }

ul.horizontal li.selected a:active,
ul.horizontal li.selected a:focus,
ul.horizontal li.selected a:hover { color: #792228; }

ul.archive-list li	{ margin-bottom:.45em }

ul.cartoons,
ul.cartoons ul		{ list-style: none; margin: 0; padding: 0 }
ul.cartoons li 		{ float: left; padding: 6px; border: 1px solid #CFCFCF; margin: 3px }
ul.cartoons li,
ul.cartoons li img	{ width: 136px }
ul.cartoons ul li 	{ margin: 0; padding: 0; float: none; border: none }

/* --> The options list is for options associated with content such as "printer friendly" and "mail to a friend" */
.options ul {
	list-style: none;
	display: block;
	width: auto;
	margin: 0;
	position: relative; /* IE is STUPID */
	}
	
.options ul li {
	float: left;
	display: block;
	width: auto;
	margin: 0 0 0 10px;
	position: relative; /* IE is STUPID */
	}	

.options ul li			{ margin: 0 .5em 0 0 }

/* Misc. classes */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em }
.hide       { display: none }

.quiet      { color: #666 }
.loud       { color: #000 }
.highlight  { background:#FF0 }
.added      { background:#060; color: #FFF }
.removed    { background:#900; color: #FFF }

.first      { margin-left:0; padding-left:0 }
.last       { margin-right:0; padding-right:0 }
.top        { margin-top:0; padding-top:0 }
.bottom     { margin-bottom:0; padding-bottom:0 }

.error		{ background-color: #FFDFDF; border: 1px solid #7F3F3F }
.error,
.error h1,
.error h2,
.error h3 	{ color: #7F3F3F }	

.success 	{ background-color: #DFFFDF; color: #316F30; border: 1px solid #316F30 }
.success,
.success h1,
.success h2,
.success h3	{ color: #316F30 }

.error,
.success	{ padding: 10px; margin-bottom: 15px }	
.error li,
.success li	{ list-style-position: inside }


/* Content */
#wrapper {
	width: 990px;
	margin: 0 auto ;
	padding: 0;
	background-color: #FFF;
	position: relative;
	background: #fff url(http://media.patriotpost.us/img/site/layout/sidebar/sidebar-bkg.png) 665px 0 repeat-y;
	}

#inner-wrapper {
	width: 950px;
	padding: 0 20px 20px 20px;
	margin: 0 auto ;
	background: transparent url(http://media.patriotpost.us/img/site/layout/vert-fade-bkg.png) 0 0 repeat-x;
	}

/*#content {
	background: transparent url(http://media.patriotpost.us/img/site/layout/logo.jpg) 0px 0 repeat-x;
	}*/

/* Site banner */	
#header			{ 
	display: block;
	overflow: hidden;
	border-top: 20px solid #FFF;
	background-color: #FFF;
	position: relative;
	width: 970px;
	}
#header img 	{ display: block }
#header h1 		{ margin: 0 }

/* Content columns */
#main,
#side			{ float: left; overflow: hidden }

#main {
	width: 630px;
	padding: 0 15px 0 0;
	border-right: 1px solid #B5C5CF;
	margin-bottom: -1px;
	}
	
#side {
	width: 289px;
	padding: 0 0 0 15px;
	border-left: 1px solid #B5C5CF;
	margin-left: -1px;
	color: #000;
	}

#side a,
#side a:link { color: #402F1D; }

#side a:visited	{ color: #000; }

#side a:active,
#side a:focus,
#side a:hover	{ color: #792228 }

#side ul a,
#side ul a:link { text-decoration: none; }
#side ul a:visited,
#side ul a:active,
#side ul a:focus,
#side ul a:hover	{ text-decoration: underline; }

/* Side blocks */
/* --> img-links: the code for the "Subscribe" and "Support Us" images */
.img-links				{ width: 288px; overflow: hidden }
.img-links ul				{ list-style: none; margin: 0; padding: 0 }
.img-links li a:link,
.img-links li a:visited,
.img-links li a:hover,
.img-links li a:active 	{ text-decoration: none }
.img-links li				{ display: block; width: 288px; overflow: hidden; padding:0; margin:0 0 1px 0; }
.img-links li img			{ display: block; float: left }
.img-links				{ margin-bottom: 1.45em }

/* --> News tip */
.news-tip				{ margin-bottom: 1.45em }

/* Main content blocks */
/* --> Teasers are generally content blocks that appear on the home page
or archive views that contain teasers (or excerpts) */
.teaser					{ position: relative }

/* --> For centered Patriot Shop advertisements */
.advertisement img		{ display: block; margin: 0 auto }

/* --> This is used on the /opinion/ page to float the mugshots left */
#main .box.archive span.icon {
	float: left;
	position: relative; /* IE is STUPID */
	margin: 0 10px 10px -60px;
	}

/*#main .box.archive span.icon img {
	border: 1px solid #B5C5CF;
	}*/

#main .box.archive .teaser { margin-left: 60px }

/* --> The featured and primary content box */
.box.featured,
.box.content {
	border: 1px solid #B5C5CF;
	padding: 20px;
	margin-right: -16px;
	background: #FEFEFE url(images/hz-top-bkg.jpg) top left repeat-x;
	position: relative;
	}

.box.featured {
	background: #e5eaee url(http://media.patriotpost.us/img/site/layout/tex-bkg-1.png) 0 0 repeat;
	margin-bottom: 1.45em
	}
	
.box.featured h3	{ font-size: 150% }
.teaser.opinion h3 	{ font-size: 120%; margin-bottom: .2em; }

.box h2.category 	{ text-transform: uppercase; font-size: 1em; }

.box h2.category a,
.box h2.category a:link,
.box h2.category a:visited,
.box h2.category a:active,
.box h2.category a:focus,
.box h2.category a:hover {
	text-decoration: none;
	}


/* --> Adjusts the options box for the .box.content context */
.box.content .options { margin: 0 0 1.45em 0 }

#side { padding-bottom: 1.45em }
#side .box.subscribe {
	background: #fff url(http://media.patriotpost.us/img/site/layout/sidebar/sidebar-bkg.png) 50% 50% repeat-y;
	padding: 15px 15px 5px 15px;
	margin-bottom: 1.45em;
	border: 1px solid #DFD8D1;
	}

#side .box.search {
	padding: 0;
	}

#side .box.search form table tr { background-image: none;}

/*.search {
	padding: 10px;
	margin: 0 0 1.45em 0;
	background-color: #E5EAEE;	
	}

.search label {
	display: block;
	width: 50px;
	float: left;
	font-weight: bold;
	text-align: right;
	}

.search input[type=text] {
	border: 1px solid #B5C5CF;
	display: block;
	width: 210px;
	float: right;
	}*/
	
#side .box.donate 	{ padding: 0; margin-bottom: 1.45em }
.box.shortcuts 		{ overflow: hidden }

.box.shortcuts img {
	display: block;
	width: auto;
	float: left;
	margin: 0 0 10px 0;
	}

.box.shortcuts a.left img { margin: 0 10px 10px 0 }
	
/* Primary navigation */
#nav {
	float: left;
	width: 100%;
	font-weight: bold;
	font-size: 0.9em;
	background: #08295b url(http://media.patriotpost.us/img/site/layout/nav-bkg-alt.gif) bottom left repeat-x;
	font-family: arial, sans-serif;
	position: relative;
	margin: 0;
	border-bottom: 1.45em solid #FFF;
	border-top: 1px solid #FFF;
	border-right: 20px solid #FFF;
	}	
	
#nav.subnav { border-bottom: 3.4em solid #FFF }

#nav ul, 
#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #08295b url(http://media.patriotpost.us/img/site/layout/nav-bkg-alt.gif) bottom left repeat-x;
	}
	
#nav li.highlight		{ background-color: #00395F }
#nav li					{ float: left; border-right: .1em solid #fff }

#nav li.search {
	position: relative;
	padding: .25em .2em 0 10px;
	color: #FFF;
	margin: 0;
	float: right;
	background-color: transparent;
	}

#nav li.search input#search {
	font-size: 1em;
	padding: .22em;
	background: #FFF url(images/search-button.gif) right .2em no-repeat;
	border: none;
	}

#nav li.search input#go {
	height: 20px;
	width: 16px;
	position: absolute;
	top: .2em;
	right: 5px;
	}

#nav li a { display: block; padding: .4em 10px }
#nav li a:link,
#nav li a:visited,
#nav li a:hover,
#nav li a:focus,
#nav li a:active {
	color: #FFF;
	text-decoration: none;
	}
	
#nav li.selected a:link,
#nav li.selected a:visited,
#nav li.selected a:hover,
#nav li.selected a:focus,
#nav li.selected a:active {
	background: #FFF url(http://media.patriotpost.us/img/site/layout/nav-bkg.gif) top right no-repeat;
	color: #142F4F;
	}
	
#nav li.selected ul li,
#nav li.selected ul a:link,
#nav li.selected ul a:visited,
#nav li.selected ul a:hover,
#nav li.selected ul a:focus,
#nav li.selected ul a:active {
	background-image: none;
	background-color: transparent;
	color: #142F4F;
	}
	
#nav li.selected ul li { background: transparent url(http://media.patriotpost.us/img/site/layout/nav-bkg.gif) right 50% no-repeat }

#nav li a:hover,
#nav li a:active,
#nav li.selected a:hover,
#nav li.selected a:active { text-decoration: underline }

#nav li ul {
	position: absolute;
	left: 0;
	top: 2.3em;
	display: block;
	width: 100%;
	text-transform: none;
	background-color: #FFF;
	background: #FFF url(http://media.patriotpost.us/img/site/layout/nav-bkg.gif) bottom left repeat-x;	
	}

#nav li ul li {
	border-right: none;
	background-color: #FFF;
	}	

#nav li ul li a:link,
#nav li ul li a:visited,
#nav li ul li a:hover,
#nav li ul li a:active {
	color: #B5C5CF;
	text-decoration: none;
	background-color: #FFF;
	color: #142F4F;
	border-top: none;
	}

#nav li ul li.selected a { text-decoration: underline }
	
/* Pagination */
.pagination {
	text-align: center;
	color: #333;
	padding: 0 10px 10px 10px;
	margin: 0 0 10px 0;
	}
.pagination a {
	margin: 0;
	padding: 3px 8px 5px 8px;
	text-decoration: none;
	}
.pagination a:hover,
.pagination a:active {
	color: #FFF;
	background-color: #999;
	text-decoration: none;
	}
.pagination span.current {
	color: #FFF;
	background-color: #792228;
	padding: 3px 8px 5px 8px;
	}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	color: #222;
	}
		
/*********************************** 
DONOR BAR
***********************************/	
/* Donation drive thermometer */
.thermometer {margin: 0 0 15px 2px;}
.donor-bar {
	border: 1px solid #B5C5CF;
	width: 630px;
	margin: 0 0 1.45em;
	background: #e5eaee url(images/vert-gradient.png) 0 0 repeat-x;
	font-size: 1.2em
	}

.donor-bar a,
.donor-bar a:link,
.donor-bar a:visited { 
	color: #08366d;
	text-decoration: none;
	}

.donor-bar a:active,
.donor-bar a:focus,
.donor-bar a:hover { 
	color: #792228;
	text-decoration: underline;
	}

.donor-bar-background {
	border:1px solid #4B8636;
	height:33px;
	background:#ffffff url(images/bar-gradient.png) 0 0 repeat-x;
	margin: 0 0 1.45em 0;
	}

.donor-bar .donor-bar-background {margin:0 15px 7px 15px;}	

.donor-bar-percentage {
	background:#4B8636 url(images/bar-gradient.png) 0 0 repeat-x;
	height:33px;
	}

.donor-bar-text {text-align: center; margin: 15px 0 9px 0;}

.donor-bar-donate-online,
.donor-bar-donate-by-mail {
	display:block;
	text-align:center;
	background-color:#;
	background: #b5c5cf url(images/vert-gradient.png) 0 0 repeat-x;
	width:296px;
	}

.donor-bar-donate-online {
	margin: 0 0 15px 15px;
	float:left;
	}

.donor-bar-donate-by-mail {
	margin: 0 15px 15px 0;
	float:right;
	}

.donor-bar-donate-online {}
.donor-bar-donate-by-mail {}

.donor-bar-donate-online a,
.donor-bar-donate-by-mail a {
	display:block;
	padding:6px;
	text-align:center;
	}
		
/* Chiclets */
.chiclets						{ padding: 6px; background: #FFF url(http://media.patriotpost.us/img/site/layout/nav-bkg.gif) bottom left repeat-x }
.chiclets ul.horizontal li		{ padding: 0 8px 0 0; }
.chiclets a,
.chiclets a:link,
.chiclets a:visited,
.chiclets a:active,
.chiclets a:focus,
.chiclets a:hover				{ text-decoration: none }
.chiclets.top					{ margin: 0 -16px -1px 0; border: 1px solid #B5C5CF }
.chiclets.bottom				{ margin: -1px -16px 0 0; border: 1px solid #B5C5CF; border-bottom: 15px solid #B5C5CF }
.box.featured .chiclets.bottom,
.teaser .chiclets.bottom,
#comments .chiclets.bottom {
	margin: 0;
	border: none;
	border-bottom: none;
	border-top: none;
	background-image: none;
	background-color: transparent;
	}

/* Comments */
#main #comments h2					{ padding: 1em 0 0 0 }
#comments p							{ margin-bottom: .45em }
.comment							{ border-top: 1px solid #B5C5CF; padding: 1em 0 }
.thread								{ background-color:#E5EAEE; padding: .45em 1em;margin: 0 0 1em 2em;}
.thread .comment					{ border-top: 1px dotted #B5C5CF; background-color:#E5EAEE; }
#main #comments h2 + .comment		{ border-top: none; padding-top: 0 }
#main .comment + .thread			{ border-top: 1px dotted #B5C5CF; padding-top: 0 }
#main .thread .comment:first-child	{ border-top: none; }
#post-comment form tr				{ background-color: transparent }
#post-comment form tr td			{ padding-right: 10px }
.comment-date, .comment-author		{ font-family: arial, verdana, sans-serif;}

/*********************************** 
NEWS
***********************************/

ul.news a:visited { color: #333; text-decoration: none;}
	
/*********************************** 
FORMS
***********************************/
form							{ color: #08295b; margin-bottom: 1em }
form fieldset					{ background-color: #FFF; margin-bottom: 1em; padding: .3em 1em 0 1em; display:block }
form legend 					{ background-color: #FFF; padding: .4em 1em; font-weight: bold }
form fieldset, form legend		{ border: 1px solid #C3CFDF; background-color: #E5EAEE }
form label						{ text-align: right; display: block }
form #other_amount				{ text-align: right }
form table						{ margin-bottom: -1px ;}
form table tr					{ background: transparent url(images/blue-dot.gif) bottom left repeat-x }
form td.checkbox				{ width:20px }
form td.definition				{ width:520px }	
form dl							{ margin: 0; padding: .25em 0; line-height: 120%; display: block }
form dd							{ color: #37627F }


/* Footer */
#footer {
	background-color: #FFF;
	padding: 20px;
	margin: 0 -20px -20px 0;
	}
	
/*********************************** 
IPHONE
***********************************/

/*@media only screen and (max-device-width: 480px) {
	html {background-color:#FFF;background-image: none;}
	body {font-size: 1.3em;color:#000;background-image:none;}
	#header img {width:100%;}
	#wrapper {
		width: 100%;
		margin: 0;
		border: none;
		padding: 20px;
		background-image: none;
		}
	#hide {display:block;}	
	#main, #side {
		width: 100%;
		border: none;
		padding: 0;
		margin: 0 0 1.45em 0;
		}
	#nav {
		font-size: 0.7em;
		}
	.box.featured,
	.box.content {
		border: 2px solid #000;
		padding: 20px;
		margin-right: 0;
		background-image: none;
		}
	.box.featured,
	#side .box.subscribe {
		background-color: #e5eaee;
		background-image: none;
		}
	h3.hide {display:block;}	
	.box.img-links, .box.shortcuts, .box.flag-links {display: none;}
	.news-tip input{font-size: 1.3em;}	
	.chiclets {font-size: 1.3em;}
	hr, #side hr {
	 	width: 100%;
		background: #000; 
	 	color: #222;
		height:2px;
		}
	form table {width:100%;font-size: 1.3em;}
	form input, form select {font-size: 1.3em;max-width: 460px;}
	form td.checkbox {width:6%;}
	form input[type=checkbox] {height:1.5em;width:1.5em;} 
	form input[type=radio] {height:1em;width:1em;} 
	form td.definition {width:94%;}
}*/