@charset "UTF-8";
/* CSS Document */

/*
*************************************
**************************************************************************************************************************************************** TABLE OF CONTENTS
*************************************

*****************************************************************************************
********************************     T O C     ******************************************
*****************************************************************************************

MISC

HEADER

NAVIGATION

CURRENT ISSUE BLOCK

MAIN ARTICLE

MAIN ARTICLE PHOTOS

CONTACT PAGE

BACK ISSUES PAGE

SURVEY PAGE (FORM)

SHOW YOUR PETS PAGE

STORY IDEAS PAGE

ADVERTISING PAGE 

THINK PAGE

FOOTER

*****************************************************************************************
********************************     T O C     ******************************************
*****************************************************************************************


*************************************
**************************************************************************************************************************************************** MISC
*************************************
*/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#73C1EA url(images/bodyBG.gif);
	background-repeat:repeat-x;
	font-size:87%;
	margin:0;
	padding:0;
	text-align:center;
}
/* Style for invalid input */
.invalidInput{
	border:1px dotted #F00;
	background-color: #FFECE6;
}

/* Style for valid input */
.validInput{
	border: 1px dotted #F00;
}

/*
*************************************
**************************************************************************************************************************************************** HEADER
*************************************
*/

#topbar {
	height:20px;
	background:#333;
	margin:0;
	top:0;
	padding:2px 5px;
	text-align:left;
}

#subscribe {
	position:absolute;
	width:50%;
	height:20px;
	margin:0 0 0 48%;
	padding:5px 0 0 0;
	text-align:right;
}
#subscribe p {
	color:#EDED87;
	margin:0;
	padding:0;
	font-size:.8em;
	font-weight:bold;
}
#subscribe input {
	color:#000;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:.8em;
}
#subscribe input.bttn {
	margin:0 0 0 5px;
	padding:0;
}

/************************************** DROP DOWN CODE */
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	font-size: .7em;
	color: #EDED87;
	font-weight:normal;
}
#p7menubar a.trigger {
	padding: 5px 16px 5px 10px;
	background-position: right center;
}
#p7menubar li {
	float: left;
	width: 9em;
}
#p7menubar li ul, #p7menubar ul li  {
	width: 166px;
}
#p7menubar ul li a  {
	color: #565656;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}
#p7menubar li ul {
	position: absolute;
	display: none;
	background-color: #FFF;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background:#73C1EA;
}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #FFF;
	background-color: #930; /* background for trigger */
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #000000;
	background-color: transparent;
}
#p7menubar ul a:hover {
	background-color: #000!important;
	color: #FFFFFF!important;
}
#p7menubar li {width: auto;}
/**************************************  END OF DROP DOWN NAV */


#header {
	width:990px;
	height:350px;
	background:#FFC;
	margin:0 auto;
	padding:0;
	clear:both;
}
#header object {
	border:0;
}
#header a {
	border:0;
}
/*
*************************************
**************************************************************************************************************************************************** NAVIGATION
*************************************
*/
#navwrap {
	background:#000;
	width:100%;
	height:20px;
	margin:0;
	padding:0;
}
#nav {
	width:990px;
	height:20px;
	font-weight:bold;
	color:#000;
	font-size:.9em;
	background:#000;
	margin:0 auto;
	padding:0;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
#nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	color:#FFF;
}
#nav li {
	float:left;
	padding:0 10px;
}
#nav a {
	color:#FFF;
	text-decoration:none;
}
#nav a:hover {
	border-bottom:2px solid #FFF;
	color:#000;
	background:#FFF;
}
#nav a.up {
	border-bottom:2px solid #FFF;
}

/*
*************************************
**************************************************************************************************************************************************** CURRENT ISSUE BLOCK
*************************************
*/

#current {
	border:2px dotted #999;
	background:#D5ECF6;
	width:830px;
	margin:30px 50px;
	min-height:341px; /* ie6 min-height hack*/
	height:auto !important;
	height:341px;
}
#current img {
	border:2px solid #333;
	float:right;
	margin:40px 10px 10px 10px;
}
#current h1 {
	font-weight:bold;
	font-size:1.55em;
	color:#000;
	text-transform:uppercase;
}
#current p {
	padding:8px 0 0 8px;
	font-size:1em;
}
#current a {
	font-weight:normal;
	text-decoration:underline;
	color:#0B58CB;
	text-align:left;
	font-size:1em;
}
#current a:hover {
	background:#FFC;
	color:#000;
	text-decoration:none;
}
#current span.pdf {
	color: #666666;
	font-size:75%;
	font-style:italic;
}
#current span.pdf {
	color: #666666;
	font-size:75%;
	font-style:italic;
}
#current a.pdf {
	color: #666666;
	font-size:75%;
	font-style:italic;
	text-decoration:none;
	position:relative;
	z-index:24;
}
#current a:hover.pdf {
	z-index:25;
	background: none;
	text-decoration:none;
	cursor:help;
}
#current a span {
	display:none;
}
#current a:hover span.tooltip {
	position:absolute;
	display:block;
	width:125px;
	border:1px dotted #000;
	top:0;
	left:35px;
	padding:2px;
	background:#EDED87;
	color:#930;
	text-align:center;
}
/*
*************************************
**************************************************************************************************************************************************** MAIN ARTICLE
*************************************
*/

span.itl {
	font-style:italic;
}
span.bld {
	font-weight:bold;
}
span.ibld {
	font-style:italic;
	font-weight:bold;
}
span.hilighter {
	background:#FFC;
}
span.hilighteritl {
	font-style:italic;
	background:#FFC;
}
span.hilighterBld {
	background:#FFC;
	font-weight:bold;
}
span.byline {
	font-size:90%;
	font-style:italic;
	text-decoration:underline;
	color:#999;
}


p.byline-pre {
	font-style:italic;
	padding: 0 0 5px 5px;
	border-bottom:1px solid #900;
	color:#333;
	background:#FFC;
}


p.byline-post {
	font-style:italic;
	padding: 5px 0 0 5px;
	border-top:1px solid #900;
	background:#FFC;
}


span.underline {
	text-decoration:underline;
}
p.line {
	text-align:center;
	width:900px;
	margin:50px 0;
	border-bottom:3px dashed #73c1ea;
}
#wrap {
	position:relative;
	z-index:2;
	margin:0 auto;
	padding:30px 30px 30px 30px;
	width:930px;
	background:#FFF;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
#wrap h1 {
	text-align:center;
	color:#930;
	font-size:2.2em;
	padding:0;
	margin:0;
}
#wrap h1.header {
	text-align:center;
	color:#930;
	font-size:4.2em;
	padding:0;
	margin:0;
}
#wrap h2 {
	font-size:1.4em;
	font-weight:bold;
	color:#900;
	margin:0;
	padding:0;
	text-align:left;
}
#wrap h3 {
	font-size:1em;
	font-weight:bold;
	color:#000;
	margin:5px 0 0 0;
	padding:0;
	text-align:left;
}
#wrap p {
	text-align:left;
	font-size:.9em;
}
#wrap a {
	text-align:center;
	font-size:.9em;
	font-weight:bold;
	text-decoration:none;
	color:#930;
}
#wrap a:hover {
	text-decoration:underline;
	color:#000;
	background:#D5ECF6;
}
#wrap blockquote {
	float:right;
	width:325px;
	border:1px solid #000;
	color:#000;
	background:#e9f5f9;
	padding:10px;
	margin:10px 0 10px 10px;
	text-align:left;
	font-size:.8em;
}
#wrap blockquote h3 {
	font-size:1.3em;
	font-weight:bold;
}
#wrap blockquote ul {
	font-size:.9em;
	font-weight:normal;
	padding:0 0 0 10px;
}
#wrap blockquote li {
	padding:5px 0;
}

#wrap div.boxit {
	text-align:left;
	width:800px;
	padding:10px;
	margin:0 45px;
	background:#e6f1f6;
}

#wrap  h4.boxit {
	font-size:1.4em;
	font-weight:bold;
	color:#000;
	margin:0;
	padding:0;
	text-align:left;
}

#wrap div.boxit p {
	text-align:left;
	font-size:.9em;
}

/*
*************************************
**************************************************************************************************************************************************** MAIN ARTICLE PHOTOS
*************************************
*/

div.photo {
	padding:10px;
	width:800px;
	margin:0 45px;
	border:1px dotted #000;
	background:#e6f1f6;
}
div.photoR {
	float:right;
	margin:0 0 15px 15px;
	padding:10px;
	width:400px;
	border:1px dotted #000;
	background:#e6f1f6;
}
div.photoL {
	float:left;
	margin:0 15px 15px 0;
	padding:10px;
	width:400px;
	border:1px dotted #000;
	background:#e6f1f6;
}
div.photo img, div.photoR img, div.photoL img {
	border:0;
	margin:0;
	padding:0;
}
div.photo p {
	padding:5px;
	margin:0;
	font-size:65% !important;
	font-style:italic;
	background:#FFF;
}
div.photoR p {
	padding:5px;
	margin:0;
	font-size:65% !important;
	font-style:italic;
	background:#FFF;
}
div.photoL p {
	padding:5px;
	margin:0;
	font-size:65% !important;
	font-style:italic;
	background:#FFF;
}
img.paw {
	display:inline;
	margin:0;
	padding:0 0 0 12px;
}

/*
*************************************
**************************************************************************************************************************************************** CONTACT PAGE
*************************************
*/
#wrap h1.contact {
	text-align:center;
	color:#930;
	font-size:1.8em;
}
#wrap h2.contact {
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	color:#930;
	margin:0;
	padding:0;
}
#wrap h2.contacttop {
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	color:#930;
	margin:50px 0 0 0;
	padding:0;
}
#wrap p.contact {
	text-align:center;
	font-size:.9em;
}
#wrap p.contact1 {
	text-align:center;
	font-size:.9em;
	margin:5px 0 0 0;
}
#wrap p.contact2 {
	text-align:center;
	font-size:.9em;
	margin:0 0 50px 0;
}
#wrap a.contact {
	text-align:center;
	font-size:.9em;
	font-weight:bold;
	text-decoration:none;
	color:#930;
}
#wrap a:hover.contact {
	text-decoration:underline;
	color:#000;
	background:#D5ECF6;
}

/*
*************************************
**************************************************************************************************************************************************** BACK ISSUES PAGE
*************************************
*/
table#backiss {
	border:1px solid #73C1EA;
	width:900px;
	margin:0 15px;
}
table#backiss h3.month {
	font-size:1em;
	font-weight:bold;
	color:#930;
}
table#backiss a {
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	color:#930;
	padding:2px 5px;
}
table#backiss a:hover {
	text-decoration:underline;
	color:#000;
	background:#D5ECF6;
}
table#backiss td {
	padding:12px;
	border:1px dotted #73C1EA;
	text-align:center;
	font-weight:bold;
	color:#930;
}
table#backiss div.metro {
	margin:5px 1px 0 2px;
	padding:1px;
	text-align:center;
	border:1px dotted #73C1EA;
	font-size:.7em;
	background:#e9f5f9;
}
table#backiss div.unifour {
	margin:5px 0 0 0;
	padding:1px;
	text-align:center;
	border:1px dotted #73C1EA;
	font-size:.7em;
	background:#e9f5f9;
}

/*
*************************************
**************************************************************************************************************************************************** SURVEY PAGE (FORM)
*************************************
*/

#srv {
	text-align:left;
	margin:0;
	padding:0;
}
#srv h1 {
	font-size:2em;
	color:#000;
	font-weight:bold;
	text-align:center;
}
#srvLnk {
	margin-left:-50px;
	color:#000;
}
#srvLnk a {
	width:150px;
	height:125px;
	border:0;
}
#srv li {
	font-size: .85em;
	color:#333;
	padding-bottom:20px;
}
#srv p.box {
	padding:0;
	margin:0;
}
#srv textarea {
	font-size:.9em;
	background-color:#FFFFB5;
	border:1px outset #000;
	color:#000;
}
#srv input {
	font-size:.9em;
	background-color:#FFFFB5;
	border:1px outset #000;
	color:#000;
}
#srv input.radio {
	border:0;
}
#srv .bump {
	padding-left:225px;
}
#srv .req {
	font-size:.75em;
	color:#F00;
}
#srv .req2 {
	color:#F00;
}

/*
*************************************
**************************************************************************************************************************************************** SHOW YOUR PETS PAGE
*************************************
*/
#show {
	min-height:750px; /* ie6 min-height hack*/
	height:auto !important;
	height:750px;	
}
#show img.showfloat {
	float:right;
	padding:10px 10px 10px 40px;
}

#show  input.shw, textarea.shw {
	margin:0 0 20px 20px;
	font-size:.9em;
	color:#999;
	background-color:#FFC;
}
#show input.shw:focus, textarea.shw:focus {
	margin:0 0 20px 20px;
	font-size:.9em;
	color:#000;
	background-color:#FFC;
}

#show .req {
	font-size:.75em;
	color:#F00;
}
#show .req2 {
	color:#F00;
}


/*
*************************************
**************************************************************************************************************************************************** STORY IDEAS PAGE
*************************************
*/
#story {}
#story img {}
#story h2 {}
#story p {}
#story a {}
#story a:hover {}

/*
*************************************
**************************************************************************************************************************************************** ADVERTISING PAGE
*************************************
*/
#adv {
	margin:0;
	padding:0;
}
p.sepline {
	width:830px;
	height:2px;
	border-bottom:2px solid #73C1EA;
	margin:50px;
}


/*
*************************************
**************************************************************************************************************************************************** THINK PAGE
*************************************
*/

#thnk  input, textarea {
	margin:0 0 20px 20px;
	/*font-size:.9em; -- jquery conflict */
	color:#999;
	background-color:#FFC;
}
#thnk input:focus, textarea:focus {
	margin:0 0 20px 20px;
	font-size:.9em;
	color:#000;
	background-color:#FFF;
}
#thnk input.radio {
	margin:0 5px 20px 5px;
	padding:0;
}
#thnk {
	width:444px;
	margin-left:125px;
}
#thnk h1 {
	font-size:2em;
	color:#000;
	font-weight:bold;
	text-align:center;
}
#thnk p {
	margin:0 0 2px 40px;
	color:#999;
	font-size:.9em;
}
#thnk .bump {
	margin-left:225px;
}

#poll {
	float:right;
	padding:10px 50px 10px 10px;
}

/*
*************************************
**************************************************************************************************************************************************** FOOTER
*************************************
*/
/*#footer {
	position: absolute;
	width:100%;
	margin:-140px 0 0 0;
	background:#000 url(images/footerBG.gif);
	background-repeat:repeat-x;
	z-index:1;
	text-align:center;
}*/
#bottom {
	width:100%;
	height:120px;
	margin:-140px 0 0 0;
	background:#000 url(images/footerBG.gif) repeat-x;
}
#footer {
	text-align:left;
	background:#000 url(images/woodFloor.jpg) repeat-x;
	padding:20px 0 50px 0;
	margin:0;
}
#footer h2 {
	text-align:left;
	font-size:1.25em;
	font-weight:bold;
	color:#9F0;
	margin:10px 0 10px 10%;
	padding:0;
}
#footer h3 {
	text-align:left;
	font-size:2em;
	font-weight:bold;
	color:#9F0;
	margin:180px 0 0 5%;
	padding:0;
}
#footer h4 {
	text-align:left;
	font-size:1em;
	font-weight:bold;
	color:#FFF;
	margin:10px 0 10px 5%;
	padding:0;
}

#footer a.back {
	text-decoration:none;
	font-size:50%;
	font-weight:bold;
	color:#9F0;
}
#footer p.us {
	font-size: .9em;
	font-weight:normal;
	color:#FFF;
	text-align:left;
	width:70%;
	margin:10px 0 0 5%;
	padding:0 0 0 5px;
}
#footer p.usline {
	border-bottom:2px solid #666666;
	width:90%;
	margin:20px 0 50px 5%;
	padding:0;
}
#footer p.fineprint {
	font-size: x-small;
	font-weight:normal;
	color:#FFF;
	text-align:center;
	margin:10px;
}
#footer p.fineprint img {
	border:none;
	margin:0;
	padding:3px 0 0 0;
	display: inline;
}
#footer a {
	font-size:.9em;
	font-weight:bold;
	text-decoration:underline;
	color:#FFF;
	border:0;
}
#footer img {
	border:0;
}
#footer a.us {
	border:0;
	margin:0 0 0 5%;
	padding:0 0 0 5px;
}
#footer a:hover.us {
	background:none;
}
#footer ul {
	list-style-type:square;
	width:90%;
	color:#FFF;
	margin:0 0 50px 5%;
	padding:0 0 50px 50px;
}
#footer li {
	padding:0;
	margin:0;
}
#footer a:hover {
	text-decoration:none;
	color:#000;
	background:#FFC;
}
#footer table.spnr {
	border-top:2px dotted #9f0;
	margin:20px auto 50px auto;
	width:1025px;
	padding:0;
}
#footer tr.spnr {
	margin:0;
	padding:0;
}
#footer td.spnr {
	border:0;
	margin:0;
	padding:10px;
	width:205px;
	height:240px;
	text-align:center;
}
#footer td:hover.spnr {
	background:#FFC;
}
#footer p.bnav {
	text-align:center;
	font-size:.8em;
	color:#FFF;
	border-top:1px dotted #ccc;
	margin:20px 0 20px 0;
	padding:10px 0 0 0;
}
#footer p.bnav a {
	color:#FFF;
	text-decoration:none;
}
#footer p.bnav a:hover {
	color:#000;
	text-decoration:underline;
}
span.hifooter {
	font-weight:bold;
	background:#FFC;
	color:#000;
}