/*
Theme Name: Poptarticus
Theme URI: http://www.poptarticus.com/
Description: Theme based on default WordPress theme
Date: August 2008
Author: Pauline Kenny
Author URI: http://www.cohenkenny.com/
*/

/* ----------------------------------------------------------- */
/* BASICS */
body {
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px;
	padding: 0;
	color: #003300;
	text-align: center;
	background-color: #CC99CC;
	}

p {
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	line-height: 150%;
	margin: 0 0 12px 0;
	padding: 0;
	}
	
/* LINKS, overridden in some sections */

a:link {
	color: #006600;
}

a:visited {
	color: #006600;
}

a:hover {
	color: #993399;
}

img {
	border: none;
	}	
	
/* HEADINGS basic settings - changed by section */
h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #993399;
	text-align: left;
	}

h1 { 
	font-size: 140%;
	margin: 0;
	}

h2 { 
	font-size: 120%;
	color: #993399;
	margin: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #993399;
	}

h3 {
	font-size: 100%;
	color: #993399; 
	padding: 0;
	margin: 0;
	line-height: 150%;
	}

/* ----------------------------------------------------------- */
/* PAGE ELEMENTS */

/* PAGE called WRAPPER in Slow Europe site */
#page {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	text-align: left;
	background-color: #E3FFC9;
	border: 3px solid #993399;
	}

/* PAGE setup */
#content {
	font-size: 100%;
	}

/* NARROWCOLUMN used on two column pages */
.narrowcolumn {
	float: left;
	padding: 20px 10px 10px 10px;
	margin: 0;
	width: 630px; /* PAULINE gave it another 5px to work in IE6 - otherwise sidebar was below narrowcolumn */
	border-right: 1px solid #E4C6E4; 
	}

.narrowcolumn .postmetadata {
	clear: both; /* PAULINE new - to clear floating images */
	text-align: left;
	background-color: #D7FFB3; 
	padding: 5px;
	}

/* SIDEBAR */
#sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	float: right; /* PAULINE changed from left float */
	padding: 10px;
	width: 300px;
	}

/* WIDECOLUMN used on one column pages NOT USED ON COTSWOLDER */
.widecolumn {
	float: left;
	padding: 20px 10px 10px 10px;
	margin: 0;
	width: 960px;
	} 
	
.widecolumn .postmetadata {
	margin: 30px 0;
	} 
	
.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
} 
.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
} 

/* POST blog entry */
.post {
	clear: both; /* PAULINE to clear navigation in FireFox */
	margin: 0 0 40px 0;
	text-align: left;
	}
 
/* Post Title */
.post h2,
.post h3 { 
	font-size: 120%;
	margin: 0;
	color: #993399; 
	padding: 0 0 5px 0;
	border-bottom: 1px solid #E4C6E4;
	}

.post h2 a:link, 
.post h3 a:link, 
.post h2 a:visited,
.post h3 a:visited {
	color: #993399; 
    text-decoration: none;
	}

.post h2 a:hover,
.post h3 a:hover {
	color: #00cc00; /* hover is opposite - hovers green */
    text-decoration: none; 
}

h2.pagetitle { /* used on single entry page */
	border-bottom: none;
	}
	
/* ENTRY */
/* spacing before and after */
.entry {
	margin: 15px 0;
	}

.entry h3 {
	font-size: 100%;
	color: #993399; 
	padding: 0;
	margin: 0 0 6px 0;
	line-height: 150%;
	border: none;
	}

.entry hr {
	display: block;
	color: #E4C6E4; 
	width: 100%;
	height: 1px; 
	margin: 5px 0 10px 0;
	padding: 0;
	background-color: #E4C6E4;
	border: none;
 }

/* At bottom of single entry pages - used with postmetadata and for comments */
.alt { 
	margin: 10px;
	padding: 10px;
	}

/* POSTMETADATA At bottom of post - links don't change color when visited */
p.postmetadata {
	clear: left;
}

p.postmetadata a {
	color: #006600;
	text-decoration: none;
}

p.postmetadata a:hover {
	color: #993399;
	text-decoration: underline;
}

.postmetadata ul, 
.postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

/* NAVIGATION used on single entry pages to show previous and next - set to be on separate lines */

.navigation {
	float: left; /* PAULINE this corrects a display problem in IE where heading below rides up */
	width: 620px; /* PAULINE fix for FireFox so it goes full screen - 100% did not work */
	display: block;
	font-size: 85%;
/*	text-align: center; */
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
	background: #D7FFB3;
	}

.navigation a { /* PAULINE new */
	color: #006600;
	text-decoration: none;
}

.navigation a:hover { /* PAULINE new */
	color: #993399;
	text-decoration: underline;
}

/* SIDEBAR links don't change color when visited - this is for lists of posts and categories */
#sidebar a {
	color: #006600;
	text-decoration: none;
}

#sidebar a:hover {
	color: #993399;
	text-decoration: underline;
}

/* Lists for sidebar - widgets have heading in first level ul li, then list in next level */
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	} 

#sidebar li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
	}

/* H2 is title for each widget in sidebar and puts space before for spacing */
#sidebar ul li h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 100%;
	color: #993399; 
	background: #D7FFB3;
	margin: 20px 0 10px 0;
	padding: 2px 5px;
	border: none;
	}

#sidebar ul li ul li {
	padding: 0;
	margin: 0 0 6px 0;
	}

#sidebar ul.children li {
	margin-top: 6px;
	margin-left: 15px;
	}
		
#sidebar ul p, 
#sidebar ul select { /* ??? */
	margin: 5px 0 8px;
	}

#sidebar hr {
	display: block;
	color: #E4C6E4; 
	width: 100%;
	height: 1px; 
	margin: 5px 0;
	padding: 0;
	background-color: #E4C6E4;
	border: none;
 }
 
/* SIDEBAR formatting for links in text widgets - these act as usual links */
#sidebar .textwidget a:link {
	color: #006600;
	text-decoration: underline;
}

#sidebar .textwidget a:visited {
	color: #006600;
	text-decoration: underline;
}

#sidebar .textwidget a:hover {
	color: #993399;
	text-decoration: underline;
}

/* SIDEBAR Formatting for images - wrap img in this div */
/* Images do not underline when hovered, set hovering within all inheritances */
#sidebar .widget-img img {
	display: block; 
    padding: 0 0 10px 0;
}
#sidebar ul li .widget-img a:link,
#sidebar ul li .widget-img a:visited,
#sidebar ul li .widget-img a:hover {
	text-decoration: none;
}

/* FOOTER */
#footer {
	width: 100%;
	clear: both;
	padding: 0;
	margin: 0;
	border-top: 1px solid #E4C6E4;
	}

#footer p {
	font-size: 90%;
	text-align: center;
	line-height: 150%;
	margin: 0;
	padding: 10px 0;
	}

/* OTHER styles used */
small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #000033;
	line-height: 150%;
	margin: 0 0 13px 0;
	}
	
/* CUSTOM for date line under entry heading (previously was small )*/
.dateline {
	color: #009000; /* darker green to match header*/
	margin: 5px 0 13px 0;
	}

/* ----------------------------------------------------------- */
/* HR used to clear on page */
hr  { 
	display: none;
	 }

/* Alignment used many places, including images */
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

/* ----------------------------------------------------------- */
/* POST ELEMENTS in post (blog entry) */

.commentlist li, 
#commentform input, 
#commentform textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}

.commentlist li {
	font-weight: normal;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, 
.commentlist cite a {
	font-weight: bold;
	font-style: normal;
/*	font-size: 1.1em; PAULINE changed */
	}

.commentlist cite a, /* PAULINE new links in comments */
.commentlist .commentmetadata a {
	color: #006600;
	text-decoration: none;
}

.commentlist cite a:hover, /* PAULINE new links in comments */
.commentlist .commentmetadata a:hover {
	color: #993399;
	text-decoration: underline;
}

.commentlist p {
	font-weight: normal;
	line-height: 150%;
	text-transform: none;
	}

#commentform p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.commentmetadata {
	font-weight: normal;
	}

.nocomments, .postmetadata, blockquote, strike {
	color: #000033;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

/* h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	} */

h3#comments { /* PAULINE changed - heading above comments section on individual entry page */
	font-size: 120%;
	padding: 10px 0 0 0;
	margin: 40px auto 20px ;
	border-top: 3px solid #E4C6E4;
	}

h3#respond { /* PAULINE new - heading above leave a reply section on individual entry page */
	font-size: 120%;
	padding: 10px 0 0 0;
	margin: 40px auto 20px ;
	border-top: 3px solid #E4C6E4;
	}

.clear {
	clear: both;
}

/* ----------------------------------------------------------- */
/* LISTS */

/* Lists for posts */
ul {
	text-align: left;
	text-indent: 0;
	margin: 0 0 12px 20px;
	padding: 0 0 0 20px;
	line-height: 150%;
	list-style-type: none;
	list-style-image: url(/images/bullet.gif);
}

li {
	margin: 0 0 6px 0;
	text-indent: 0;
	text-align: left;
	line-height: 150%;
}

ol {
	text-align: left;
	text-indent: 0;
	margin: 0 0 12px 20px;
	padding: 0 0 0 20px;
	line-height: 150%;
	list-style-type: decimal;
	}

ol li {
	margin: 0 0 6px 0;
	text-indent: 0;
	text-align: left;
	line-height: 150%;
	}

/* Form Elements */
#searchform {
	margin: 10px 10px;
	padding: 5px 3px;
	text-align: left;
	}

#sidebar #searchform #s {
	width: 75%;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}

/* Comments*/
.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	border-top: 1px solid #E4C6E4; /* PAULINE new, separate comments with a line */
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

/* ------------------------------------------------ */
/* SIDEBAR ELEMENTS */

#sidebar form {
	margin: 0;
	}

/* Calendar */
/* #wp-calendar caption, cite {
	text-decoration: none;
	} */


/* Styling for calendar widget */
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }

/* TEXT sidebar elements - WP uses H2 for title and textwidget div for text */
.textwidget {
	line-height: 150%;
	}

/* Spacing for Google Ads and Amazon widget*/
.topscript {
	margin: 0 0 20px 0;
	}

.innerscript {
	margin: 20px 0;
	}
	
/* Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #E3F4E3;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

/* ------------------------------------------------ */
/* IMAGES */

img {
	border: none;
	}
	
/*	WITHOUT CAPTION */

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 1px solid #D7FFB3;
	}

img.alignright {
	display: inline;
	padding: 5px;
	margin: 0 0 10px 10px;
	border: 1px solid #D7FFB3;
	}

img.alignleft {
	display: inline;
	padding: 5px;
	margin: 0 10px 10px 0;
	border: 1px solid #D7FFB3;
	}
	
/* WITH CAPTION NEW IMAGE FORMATTING WP 2.6 */
.wp-caption {
   text-align: center;
   padding-top: 4px;
   margin: 10px;
   background-color: #D7FFB3;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 85%;
   line-height: 125%;
   color: #009000; /* green */
   padding: 0;
   margin: 10px 0 5px 0;
}
	
/* VIDEO - for YouTube inserts - border does not work well */
.video { 
	display: block;
	text-align: center;
	padding: 5px;
	margin: 20px auto;
  }

/* NEW IMAGE FORMATTING WP 2.6 */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #D7FFB3;
   text-align: center;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 85%;
   line-height: 125%;
   padding: 0 4px 5px;
   margin: 0;
}

 /* ------------------------------------------------------- */
 /* CUSTOM styles for header */
div#popheader {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
/*	border-bottom: 1px solid #E4C6E4; */
}
div#popheader h1 {
	display: none;
	}
div#popheader h2 {
	font-size: 110%;
	font-weight: normal;
	text-align: center;
	padding: 5px 10px;
	margin: 0;
	color: #993399; 
	background-color: #D7FFB3;
	border: none; /* different from main site */
}
div#popheader img {
	text-align: center;
	padding: 0;
	margin: 20px 10px 10px 10px;
	}
div#popheader a {
	text-decoration: none;
}

/* CUSTOM styling for SmartArchives plugin and page */
#smartarchives {
 	margin: 20px 0;
	}
	
#smartarchives h2 {
	font-size: 100%;
	margin: 20px 0 10px 0;
	border-bottom: none;
	}

#smartarchives a {
	color: #006600;
	text-decoration: none;
}

#smartarchives a:hover {
	color: #993399;
	text-decoration: underline;
}