/*  
Theme Name: Box Turtle Bulletin
Theme URI: http://www.boxturtlebulletin.com
Description: The theme for Box Turtle Bulletin.
Version: 2.2
Author: Jim Burroway
Author URI: http://www.boxturtlebulletin.com
*/

/***********************************************/
/* General HTML tag styles                     */
/***********************************************/ 

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: White;
	color: #555555;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
}

a img {
	border: none;
}

a{
	color: #555555;
}

a:link{
	color: #555555;
}

a:visited{
	color: #555555;
}

a:hover{
	color: #009000;
	background-color: #E0FFE0;
}

sup{
	font-size: 80%;
}

h1{
	font-size: 250%;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	line-height: 100%;
	font-style: normal;
	font-weight: normal;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 150%;
	line-height: 100%;
	font-weight: bold;
	padding: 15px 0px 0px 0px;
}

h3 {
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	margin: 0;
	padding: 0;
}

h3 em {
	font-style: normal;
}

h4{
	font-size: 75%;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-style: normal;
}

h5{
	font-size: 75%;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-weight: normal;
}

h6{
	font-weight: bolder;
	margin: 0;
	padding: 0px 0px 0px 0px; 
	font-size: 100%;
	text-align: left;
}

p {
	padding: 0px;
	margin: 0 0px 1.4em 0px;
}

ul{
	list-style-type: square;
 }

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

div.hr {
  height: 18px;
  margin-bottom: 1.2em;
  background: url(Images/hr.gif) no-repeat scroll center;
  }
  
  div.hr hr {display:none}	

/***********************************************/
/* General purpose span styles                 */
/***********************************************/
/* These span styles are intended to be used   */
/* within any <div> classes and id's.          */
/***********************************************/
/* .noprint is a span style that inhibits the  */
/*   printing of enclosed text while allowing  */
/*   it to be displayed on the browser.        */
/* .noshow is a span style that inhibits the   */
/*   displaying of enclosed text in the brower */
/*   while permitting it to be printed.        */
/* .articleLink styles are for inline article  */
/*   titles which are also hyperlinks to the   */
/*   article itself. These span styles should  */
/*   be inside the <p></p> tags which contain  */
/*   a short paragraph describing the article. */
/* .previewLink styles are similar to          */
/*   articleLink styles except the previewLink */
/*   span should occur before the <p></p> tags */
/*   containing the descriptive paragraph.     */
/*   this way, the previewLink style acts as a */
/*   header.                                   */
/* .myTable styles are used to format tablular */
/*   data, including caption, top headers, and */
/*   left column categories. Using the "alt"   */
/*   styles allows the formatting of alternate */
/*   shaded rows of data for readability or    */
/*   highlighting.                             */
/***********************************************/

/* .noprint span style *************************/

.noprint{
	display: inline;
}

/* .noshow span style **************************/

.noshow {
	display: none;
}



/************** .dataTable style  ***************/

.dataTable {
	margin-bottom: 1.5em;
	page-break-inside: avoid;

}

caption {
	text-align: center;
	font-style: italic;
	font-weight: bolder;
	font-size: 150%;
}

tr>tableHeader{
	font-size: 60%;
	font-weight: bold;
	text-align: center;
	}

th.dataTable {	
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
	text-align: center;
	font-size: 85%;
	font-weight: normal;
	background: #EEEEEE;
	padding: 1px 2px 1px 2px;
}

th.topLeft {	
	border-right: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
	text-align: center;
	font-size: 85%;
	font-weight: normal;
	background: #EEEEEE;
	padding: 1px 2px 1px 2px;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	font-size: 85%;
	background: none;
	padding: 0;
	margin: 0;
	padding: 1px 2px 1px 2px;
}

td.dataTable  {	
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	text-align: right;
	font-size: 85%;
	padding: 1px 2px 1px 2px;
}

td.alt {
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	background: #EEEEEE;
	text-align: right;
	font-size: 85%;
	padding: 1px 2px 1px 2px;
}

td.left {
	border-right: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	text-align: right;
	font-size: 85%;
	padding: 1px 2px 1px 2px;
}

td.leftalt {
	border-right: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	background: #EEEEEE;
	text-align: right;
	font-size: 85%;
	padding: 1px 2px 1px 2px;
}

td.bottomnote {
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	text-align: left;
	font-size: 65%;
	padding: 1px 2px 1px 2px;
}

th.leftcol {
	border-right: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-top: 0;
	text-align: left;
	font-size: 85%;
	padding: 1px 2px 1px 2px;
}

th.leftcolalt {
	border-right: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-top: 0;
	background: #EEEEEE;
	text-align: left;
	font-size: 85%;
	padding: 1px 2px 1px 2px;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
/* All web pages are laid out in four boxes.   */
/* #masthead defines the box across the top    */
/*   containing the site name, graphics, and   */
/*   global naviation.                         */  
/* #navBar defines the box on the left hand    */
/*   side that contains site navigation menus, */
/*   as well as the site logo.                 */
/* #content sits to the right of the nav bar,  */
/*   and is the principle space for the web    */
/*   page's content.                           */
/* #foooter contains the copyright and         */
/*   additional navigational elements at the   */
/*   bottom of the page.                       */
/*                                             */
/* The #content div can be further divided     */
/*   into two columns, #middleCol and          */
/*   #RightCol. These allow for a three-column */
/*   layout for the opening page.              */
/***********************************************/

#masthead{
	margin: 0 0 0 0px;
	padding: 0;
	cursor: pointer;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FAF4F4;
}

#wrapper{
	float: left;
	width: 100%;

}

#navBar{
	background-color: #FAF4F4;
	width: 180px;
	float: left;
	margin: 0;
	font-size: 85%;
        border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#contentPodcast{
	border-bottom: 1px solid #CCCCCC;
	background-color: #F4F4FA;
}

#MiddleColPodcast{
	margin: 0;
	width: 49%;
}

#middleColClear{
clear: right;
}


#RightColPodcast{
	border-bottom: 1px solid #CCCCCC;
	background-color: #F4F4FA;

}


#content{
	margin: 0 0 0 180px;
	clear: right;
}

#MiddleCol{
	margin: 0;
        width: 49%;
}

#RightCol{
	background-color: #FFFFEE;
        border-left: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
 	width: 47%;
	margin: 0;
	float: right;
}

#footer{
	clear: both;
	padding: 0px 0px 0px 0px;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

/***********************************************/
/* #masthead Component Divs                    */
/***********************************************/
/* #siteName contains simply the name of the   */
/*   web site across the top of the web page.  */
/* #siteBanner sits just below #siteName, and  */
/*   and creates a field of grass across the   */
/*   page below the site name. It also defines */
/*   the appearance of the site's logo. The    */
/*   #siteBanner img contains the turtle at    */
/*   the far left side of the field of grass.  */
/*   #siteBanner appears in the browser only,  */
/*   and is hidden in the printed CSS.         */
/* #boxTurtleQuote sits below #siteBanner,     */
/*   and contains the "Box Turtle" quote.      */
/*   It appears only in the browser, and is    */
/*   hidden in the printed CSS.                */
/* #location contains the URL of the web page. */
/*   It appears on the printed page only, and  */
/*   is hidden in the browser.                 */
/***********************************************/

#logo {
	background-color: #FAF4F4;
        border-right: 1px solid #CCCCCC;
	width: 180px;
	margin: 0;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 15px;
	overflow: hidden;
	float: left;
	height: 100%;
}

#siteName{
	margin: 0 0 0 180px;
	padding: 12px 0 0 0;
	color: #009000;
	background-color: #FFFFFF;
	font-size: 18px;
	letter-spacing: 5px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
 	height: 70px;
}

#siteBanner{
	margin: 0 0 0 180px;
	padding: 0 3px 0 0;
	height: 45px;
	background-image: url(Images/GrassTile.jpg);
	background-repeat: repeat-x;
	color: #009000;
	background-color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
}

#siteBanner img{
	float: left;
        padding: 0;
        margin: 0;
	}


#boxTurtleQuote{
        border-left: 1px solid #CCCCCC;
	margin: 0 0 0 180px;
	padding: 0px 0px 2px 5px;
	color: #009000;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 10px;
}


#boxTurtleQuote img{
 display: block;
}


#location{ display:none; }

/***********************************************/
/* #navBar Component Divs                      */
/***********************************************/
/* #navBarLinks define the styles of the menus */
/*   in the navBar. These menus appear only    */
/*   in the browser, and is hidden in the      */
/*   printed CSS.                              */
/***********************************************/

/*********** #navBar link styles ***********/

#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #FAF4F4;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #navBarLinks styles ***********/

#navBarLinks{
	margin: 2px 5px 0px 5px;
        font-size: 90%;
}

#navBarLinks h2{
	text-transform:uppercase;
	font-weight: bold;
	margin-bottom: 0;
	color: #009000;
	font-size: 100%;
        list-style: none;
}

#navBarLinks h3{
	font-weight: bold;
	padding-bottom: 5px;
	color: #009000;
	font-size: 100%;
}

#navBarLinks ul{
	display: block;
	padding: 0px 0px 1px 0px;
	text-indent: -10px;
        list-style: none;
}


#navBarLinks ul ul {
	padding: 0px 0px 1px 20px;
	display: block;
	text-indent: -10px;
}


#navBarLinks a{
	text-decoration: none;
	display: block;
	padding: 0px 0px 1px 10px;
	width: auto;
	line-height: 110%;
	vertical-align: middle;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: auto;
	text-indent: -10px;
}

#navBarLinks a:hover{
	padding: 0px 0px 1px 10px;
	text-indent: -10px;
}



/***********************************************/
/* #content Component Divs                     */
/***********************************************/
/* .contentFunction contains functional        */
/*   links such as the "E-mail This" link. It  */
/*   appears only in the browers, and is       */
/*   hidden in the print CSS.                  */
/* .series displays the name of the series the */
/*   article is part of. It appears above the  */
/*   article's headline. It is optional as     */
/*   not all articles are part of a series.    */
/* .feature contains the body of the article,  */
/*   including the headline, byline, and text. */
/*   all full-page articles should be in a     */
/*   .feature div.                             */
/* .story should be used instead of .feature   */
/*   for pages where the #content div is       */
/*   divided into two columns. .story is       */
/*   similar to feature except the font        */
/*   is smaller and the line height is         */
/*   shorter.                                  */
/* .moreLinks should be used for the third     */
/*   column alongside posts where additional   */
/*   links and other info is found.            */
/* .sidebar contains a box to the right of the */
/*   text inside a .feature, which contains    */
/*   additional information to the reader.     */
/*   This information is also printed. This    */
/*   style should be used for definitions,     */
/*   exlpanations, etc.                        */
/* .moreInfo is the same as .sidebar, except   */
/*   it is not printed. This style should be   */
/*   used to direct the reader to another      */
/*   article that offers related information   */
/*   as suggestion for further reading.        */
/* .endNotes is used to style the article's    */
/*   footnotes.                                */
/***********************************************/


/* .contentFunction styles *********************/

.contentFunction{
	padding: 5px 5px 0px 0px;
	font-size: 70%;
	color: #009000;
	float: right;
	text-align: right;
}

.contentFunction a {
	color: #009933;
}

/* .series styles ******************************/

.series h2{
	font-size: 100%;
	color: #009000;
	margin-right: 75px;
	margin-left: 10px;
	padding: 10px 0px 0px 0px;
	line-height: 100%;
	font-style: italic;
	font-weight: bold;
}

.series em {
	font-style: normal;
}

/* .feature styles *****************************/

.feature{
	color: #444444;
	margin-right: 75px;
	margin-left: 20px;
}

.feature h2{
	font-size: 200%;
	padding: 10px 0px 0px 0px;
	line-height: 100%;
	font-style: normal;
	font-weight: normal;
}

.feature img{
	float: left;
	padding: 5px 12px 5px 0px;
	margin: 0px;
}

.featureRight img{
	float: right;
	padding: 5px 0px 5px 12px;
	margin: 0px;
}


.featureFarRight img{
	float: right;
	margin: 2px -60px 5px 12px;
}

.featureFarRight td {
	text-align: center;
	border: none;
}

.feature ul {
        font-size: 85%;
}

.feature ol ul{
        font-size: 100%;
}

.feature ul ol{
        font-size: 100%;
}

.feature ul ul{
        font-size: 100%;
}

.feature li{
	margin: 5px 0 5px 0;
        padding: 5px 0 5px 0;
}


.feature p {
	text-align: justify;
	line-height: 1.8em;
        font-size: 100%;
}

.featureIndent1 p {
	padding-left: 2.5em;
	margin-bottom: .75em;
	line-height: 1.2em;
}

.featureIndent1 h6 {
	padding-left: 2.5em;
	padding-top: 0.5em;
}

.featureIndent2 p {
	font-size: 100%;
	padding-left: 5em;
	margin-bottom: .75em;
	line-height: 1.2em;
	text-align: left;
}

.featureIndent2 h6 {
	margin: 0;
	padding-left: 4.5em;
	padding-top: 0.5em;
}

/* .citation styles ******************************/

.citation {
	font-size: 85%;
	font-weight: bold;
	text-align: right;
	}

.citation p {
	line-height: 1em;
 	padding-bottom: 1em;
	}

.citation img {
        position: relative;
	}
	
.citation a {word-wrap: break-word;}

/* .story styles *******************************/

.story{
	margin-right: 20px;
	margin-left: 20px;
}

.story h2{
	font-size: 150%;
	padding: 10px 0px 5px 0px;
	line-height: 100%;
	font-style: normal;
	font-weight: 500;
}



.story ol {
        font-size: 85%;

}
.story ul {
        font-size: 85%;
}

.story ol ul{
        font-size: 100%;
}

.story ul ol{
        font-size: 100%;
}

.story ul ul{
        font-size: 100%;
}

.story li{
	margin: 5px 0 5px 0;
        padding: 5px 0 5px 0;
}

.story p {
	text-align: left;
	line-height: 1.8em;
        font-size: 88%;
}

.siteHeading{
	color: #009000;
	padding: 12px 0 4px 0;
	font-size: 25px;
	letter-spacing: 3px;
	font-weight: 500;
	font-variant: small-caps;
	text-align: center;
}



/* .aside styles *******************************/

.aside{
	margin-right: 25px;
	margin-left: 20px;
}

.aside h2{
	font-size: 150%;
	padding: 15px 0px 5px 0px;
	line-height: 100%;
	font-style: normal;
	font-weight: 500;
}


.aside ul{
        font-size: 85%;
}

.aside ul ul{
        font-size: 100%;
}

.aside li{
	margin: 5px 0 5px 0;
        padding: 5px 0 5px 0;
}

.aside p {
	text-align: left;
	line-height: 1.8em;
        font-size: 88%;
}


/* .moreLinks styles *******************************/

.moreLinks {
	margin-right: 25px;
	margin-left: 20px;
}

.moreLinks h2{
	font-size: 150%;
	padding: 15px 0px 5px 0px;
	line-height: 100%;
	font-style: normal;
	font-weight: 500;
}

.moreLinks img{
	float: right;
	padding: 0 0px 5px 7px;
	margin: 0px;
}

.moreLinks li{
	padding: 0;
        font-size: 85%;
	text-align: left;
}

.moreLinks ul{
	padding: 0;
}


.moreLinks p{
	text-align: left;
        font-size: 85%;
	line-height: 1.2em;
}

/* .podcast styles *******************************/

.podcast {
	margin-right: 25px;
	margin-left: 20px;
}

.podcast h2{
	font-size: 130%;
	padding: 0px 0px 2px 0px;
	line-height: 100%;
	font-weight: 500;
	font-weight: normal;
}


.podcast img{
	float: right;
	padding: 0 0px 5px 7px;
	margin: 0px;
}

.podcast li{
	padding: 0;
        font-size: 85%;
	text-align: left;
}

.podcast ul{
	padding: 0;
}

.podcast p{
	text-align: left;
	font-size: 80%;
	line-height: 1.2em;
	margin-bottom: .8em;
}

.podcastHeading{
	color: #009000;
	padding: 12px 0 0 0;
	font-size: 22px;
	letter-spacing: 2px;
	font-weight: 400;
	font-variant: small-caps;
	text-align: center;
}

.podcastPermalink {
	padding-top: 0;
	margin-top: 0;
	float: right;
 	padding-bottom: 1em;
}


.podcastPermalink p {
	padding-bottom: 0;
	line-height: 1.5em;
	text-align: right;
	margin-bottom: 0;
	font-size: 70%;
}

/* COMMENTS STUFF */

.comments{
	margin-right: 20px;
	margin-left: 20px;
}


.comments h2{
	font-size: 150%;
	padding: 15px 0px 5px 0px;
	line-height: 100%;
	font-style: normal;
	font-weight: 500;
}

.comments h5 {
        padding-bottom: 10px;
}

.comments img{
	float: right;
	padding: 0 0px 5px 7px;
	margin: 0px;
}

.comments li{
	padding: 0;
        font-size: 85%;
	text-align: left;
}

.comments ul{
	padding: 0;
}


.comments p{
	text-align: left;
        font-size: 85%;
	line-height: 1.2em;
        margin-bottom: 1em;
}

div.formcontainer p {
	margin: 0.5em 0 1em 0;
}


/* .sidebar styles *****************************/

.sidebar {
	font-size: 100%;
	background-color: #F4F4FA;
    border-collapse: collapse;
	border: 1px solid #CCCCCC;
	float: right;
	padding: 0;
	width: 35%;
	margin: .6em -40px 20px 30px;
}

.sidebar th {
	background-color:#F4F4FA;
	border: 1px solid #CCCCCC;
	font-style: normal;
	font-weight: normal;
	padding: 1em;
}    

.sidebar td {
	padding: 1em;
	border: 1px solid #CCCCCC;
}


.sidebar a {
	color: #006600;
}

.sidebar a:link {
	color: #006600;
}

.sidebar a:visited{
	color: #006600;
}

.sidebar a:hover {
	background-color:#D0FFD0;
}

.sidebar h6{
	padding: 0 0 .5em 0;
	margin: 0;
	text-align: left;
	font-size: 110%;

}

.sidebar p, .sidebar td{
	font-size: 100%;
	line-height: 1.3em;
	margin-bottom: 1.5em;
	text-align: left;

}

.sidebar p.citation  {
	font-size: 85%;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: .5em;
	text-align: left;
}

/* .moreInfo styles ****************************/

.moreInfo {
	font-size: 85%;
	background-color: #F4F4FA;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	float: right;
	padding: 0;
	width: 35%;
	text-align: justify;
	margin: .6em -30px 30px 30px;
}

.moreInfo th {
	background-color:#F4F4FA;
	border-bottom: 1px solid #CCCCCC;
	font-style: normal;
	font-weight: normal;
	padding: 1em;
}    

.moreInfo td {
	padding: 1em;
}


.moreInfo h6{
	padding: 0 0 .5em 0;
	margin: 0;
	text-align: left;
	font-size: 110%;

}

.moreInfo p {
	line-height: 1.3em;
	margin-bottom: .5em;
	text-align: left;
}

.moreInfo p.citation  {
	font-size: 70%;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: .5em;
	padding-top: 1.5em;
	text-align: left;
}


/* .warning styles ****************************/

.warning {
	color: #006600;
	background-color: #FFFFCC;
	border: 1px solid #009000;
	padding: 0;
	width: 100%;
	text-align: justify;
	margin: 0;
}

td.warning {
	text-align: justify;
	border: none;
	padding: .8em .8em .8em .8em;
}


.warning h6{
	padding: 0 0 .5em 0;
	margin: 0;
	text-align: left;
	font-size: 110%;
	color:#006600;
	}

.warning p {
	line-height: 1.3em;
	margin-bottom: .5em;
	text-align: left;
}
/* .listLinks styles ***************************/

.listLinks{
	color: #666666;
	margin-right: 75px;
	margin-left: 10px;
}

.listLinks h2{
	font-size: 150%;
	padding: 10px 0px 5px 0px;
	line-height: 100%;
	font-style: normal;
	font-weight: normal;
}

.listLinks li{
	padding: .5em;
	font-size: 85%;
	text-align: left;
}

.listLinks p {
	text-align: left;
	font-size: 85%;
	line-height: 1.3em;
}

/* .endnotes styles ****************************/

.endnotes {
	clear: both;
	max-width: none;
	line-height: 1.3em;
	padding: 0px 0 5px 0;
	text-align: left;
}

.endnotes h2{ 
	font-size: 150%;
	font-weight: bold;
	padding: 15pt 0 5pt 0;
}

.endnotes p {
	font-size: 85%;
	text-align: left;
}


.endnotes a {word-wrap: break-word;}


/**********************************************/
/* FOOTER Styles                              */
/**********************************************/
/* #siteInfo contains the links to such items */
/*   as the Terms of Use, Privacy Policy,     */
/*   etc. It is the first line of the footer. */
/*   It appears only in the browser, and is   */
/*   hidden in the print CSS.                 */
/* #copyright is below the #siteInfo, and     */
/*   contains the copyright notice. It is     */
/*   shown both in the browser and on the     */
/*   printed copy.                            */
/**********************************************/

/************* #siteInfo styles ***************/

#siteInfo{
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-size: 85%;
	text-align: center;
}


#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
	float: left;
}

/************* #copyright styles ***************/

#copyright{
	margin: 0;
	padding: 0px 0px 0px 0px;
	white-space: nowrap;
	font-size: 85%;
	line-height: 1em;
	text-align: center;
}

#copyright p{
	margin: 0;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
}

/* .articleLink span styles ********************/

.articleLink, .more-link{
	color: #5555BB;
	font-style: italic;
	font-weight: bold;
	margin: 0px;
}

a.articleLink, a.more-link {
	color: #009000;
}

a.articleLink:link, a.more-link:link{
	color: #009000;
}

a.articleLink:visited, a.more-link:visited{
	color: #009000;
}

a.articleLink:hover, a.more-link:hover{
	color: #009000;
}

em.articleLink, em.more-link{
	font-style: normal;
}

/* .previewLink span styles ********************/

.previewLink{
	color: #009000;
	font-style: italic;
	font-weight: bolder;
	margin: 0px;
	padding-bottom: 0;
	font-size: 100%;
        clear: both;
}

a.previewLink {
	font-weight: bolder;
	font-size: 120%;
	color: #009000;
}

a.previewLink:link{
	color: #009000;
}

a.previewLink:visited{
	color: #009000;
}

a.previewLink:hover{
	color: #009000;
}o

em.previewLink {
	font-style: normal;
}

.explanation p {
	line-height:120%;
	font-size: 80%;
	font-style: italic;
	margin: 0 0px .7em 0px;
	padding-bottom: 1em;
	}

.explanation em {
	font-style: normal;
	}

.quotation, blockquote {
	border-left: 5px solid #D0D0D0;
	margin-left: 2%;
	margin-right: 0%;
	margin-bottom: 1em;
	padding-top: 0.5em;       
}

blockquote.blockquoteAlt {
	border-left: 5px solid #FFA0A0;
	margin-left: 2%;
	margin-right: 0%;
	margin-bottom: 1em;
	padding-top: 0.5em;       
}

.quotation p, blockquote p {
	padding-left: 0.7em;
}


.quotationAttrib p, .attrib p {
	text-align: right;
	padding: 0em 1em 0em 1em;
}

.quotation h6, blockquote h6 {
	line-height: 1.2em;
	margin: 0;
	padding: 0em 1em 0 1em;
}

.quotationAlt{
	font-size: 90%;
	background-color:#FFCCCC;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 2em;
	padding-top: 1em;
	color: #550000;
}

.quotationAlt p{
	line-height: 1.2em;
	margin: 0;
	padding: 0em 1em 1em 1em;
}

.quotationAlt h6{
	line-height: 1.2em;
	margin: 0;
	padding: 0em 1em 0 1em;
}

.blockquoteNote {
	border-top: 1px solid #009000;
	font-size: 85%;
	padding-bottom: 1em;
}

.blockquoteNote p {
	border-top: none;
	line-height: 1.2em;
	padding: 1em 1em 0em 1em;
	text-align: left;
}

.comment {
	background-color: #F4F4FA;
	border: 1px solid #CCCCCC;
}


.commentAlt {
	font-size: 90%;
	background-color:#FFCCCC;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 2em;
	padding-top: 1em;
	color: #550000;
}

/* .permalink span style **************************/

.permalink {
	font-size: 75%;
	text-align: right;
	padding-bottom: 4em;
	}

.permalink p {
	text-align: right;
        padding-bottom: 0;
        margin-bottom: 0;
	}

.feedburnerFlareBlock {
	text-align: right;
	}

.feedburnerFlareBlock p {
	font-size: 110%;
	line-height: 1;
	text-align: right;
	text-transform: uppercase;
	}

.feedburnerFlareBlock a {
	font-size: 110%;
	line-height: 1;
	text-align: right;
	text-transform: uppercase;
	}

/***********************************************/
/* Image styles                                */
/***********************************************/

p img {  /* set up the default for images */
	max-width: 100%;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	float: right;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.aligncenter {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright, img.alignnone  {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright, .alignnone{
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



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


.wp-caption {
	border: 1px solid #cccccc;
	text-align: center;
	background-color: #f7f7f7;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
	font-size: 85%;
	line-height: 1.2em;
	padding: 0 4px 2px;
	margin: 0;
text-align: left;
}

.wp-caption.alignleft {
	margin-right:7px;
}

.wp-caption.alignright, .wp-caption.alignnone {
	margin-left:7px;
}  

/* End captions */


#navBar div.adspot {
   border: 1px solid #CCCCCC;
   background: #ffffff;
   margin-left: 10px;
   margin-top: 10px;
   width: 160px;
}

#navBar .adspot_link {
   font-face: Helvetica, Arial, sans-serif;
   font-size: 9pt;
   font-weight: bold;
   text-indent: 0px;
   text-align: center;
   text-decoration: none;
   color: #ffffff;
}

#navBar a.adspot_link{
	text-decoration: underline;
}

#navBar a.adspot_link:hover { 
   background-color: #E0FFE0;
   text-decoration: underline;
}