/* pagetoscreen */
/* Version 2.31 ee */

* {
outline: none;
}

body { 
font-family: Verdana, Helvetica, Arial, sans-serif;
/* font-size: 100.1%; */
color: #000; 
background: #dedede url("http://www.pagetoscreen.net/images/p2sback.jpg") repeat-x;
background-attachment: fixed;
text-align: center;
padding: 0; 
margin: 0;
}

img {
border: 0;
}

#wrapper    {
color: #333;
text-align: center;
margin: 0px;
padding: 0;
padding-top: 0px;
/* padding: 20px; */
/* width: 900px; */
/* border: 1px solid red; */
background: #eef3ee url("http://www.pagetoscreen.net/images/pagebackgroundlong.jpg") repeat-y right top;
border-left: 1px solid gray;
border-right: 1px solid gray;
/* border-top: 1px solid gray; */
border-bottom: 3px solid gray;
}


#everything   {
color: #333;
background-color: transparent;
/* background: #eef3ee url("http://www.pagetoscreen.net/images/pagebackgroundlong.jpg") repeat-y right top; */
text-align: center;
margin: 0px auto 0 auto;
padding: 0;
width: 900px;
/* border: 1px solid green; */
}

/*  navigation buttons  */ 

/* the navigation */

ul#navigation   {
margin: 24px auto 0 20px;
padding: 0;
/* width: 900px; */
background: transparent;
height: 2.1em;
font-size: 0.7em;
}

/*
div#navigation ul {
margin: 14px auto 0 20px;
background: #F3F5F0;
padding: 0px;
list-style: none;
width: 900px;
height: 20px;
float: left;
}
*/

ul#navigation li {
display:inline;
margin: 0;
padding: 0;
line-height: 2.1em;
}

ul#navigation li a {
width: 7.8em;
display: block;
float: left;
padding: 0px 3px;
text-align: center;
color: #1A7274;
background: white;
margin:0 5px;
text-decoration:none;
/*
border-top: 1px solid #1A7274;
border-left: 1px solid #1A7274;
border-right: 1px solid #1A7274;
*/
border-bottom: 0px solid silver;
border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
}

ul#navigation a:hover {
background: #1A7274;
/*
border-top: 1px solid #1A7274;
border-left: 1px solid #1A7274;
border-right: 1px solid #1A7274;
*/
border-bottom: 0px solid #BAC696;
color: white;
}


ul#navigation a span {
float:left;
display:block;
background: transparent;
padding: 0px 15px 0px 6px;
color:black;
border-top: 1px solid silver;
border-left: 1px solid silver;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
}

/* light up where we are */

body#home #navigation li.home a, body#pictures #navigation li.pictures a, body#presentations #navigation li.presentations a, body#books #navigation li.books a, body#screens #navigation li.screens a, body#contact #navigation li.contact a, body#wiki #navigation li.wiki a, body#site_post #navigation li.sites a, body#screencasts #navigation li.screencasts a, body#ebooks #navigation li.ebooks a, body#lectures #navigation li.lectures a {
background: #C7D9CD;
color: #006265;
font-weight: bold;
border-top: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 0px solid #C7D9CD;
z-index: 102;
}


/* navigation bar ends */	



/* logo */

div#bannerheading   { 
background: #C7D9CD;
text-align: left; 
margin-bottom: 0px;
padding: 0;
padding: 0;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
/* width: 100%; */
height: 112px;
/* float:left; */
}


div#bannerheading a   { 
border-bottom: 0px solid gray;
}


body.mediumsingleimage div#bannerheading, body.largesingleimage div#bannerheading   { 
background: #C7D9CD;
text-align: left; 
margin-bottom: 0px;
padding: 0;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
height: 45px;
}

#bannerheading img { 
display: block;
float: left;
}

/* standard links */

a:link {
color: #006666;
text-decoration: none;
background-color: transparent;
border-bottom: 1px dotted #D1D9CF;
}

a:visited   {
color: #006265;
text-decoration: none;
background-color: transparent;
border-bottom: 1px solid #E1E5DD;
}

a:hover   {
color: #769086;
border-bottom: 1px dotted #008B8B;
text-decoration: none;
background-color: transparent;
}

a:active   {
color: #006666;
text-decoration: none;
background-color: transparent;
}

/* for browsers that can't handle inheritance */

p, td, th, li, ul, ol	{

}


h1, h2, h3, h4, h5, h6	{
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}


/*  */	

h1	 { 
text-align: left; 
color: #066; 
font-size: 1.3em; 
line-height: 1.4em; 
background-color: transparent; 
margin: 6px 8px 5px 3px; 
padding-bottom: 6px; 
padding-left: 2px; 
border-bottom: 1px solid #066; 
}

div.caption h1	 { 
padding-left: 0px; 
margin: 4px 8px 5px 0px; 
}

h1 strong  { 
color: #006; 
font-weight: bold; 
background-color: transparent 
}



h2	 { 
color: #068; 
font-size: 1.15em;
font-weight: bold;
line-height: 1.4em;
background-color: transparent; 
margin: 0px 8px 1px 0px; 
padding-bottom: 6px;
padding-left: 0px;
padding-top: 0;
}

h2 a, h2 a:link, h2 a:visited { 
background: transparent url("http://www.pagetoscreen.net/images/takeoff.gif") no-repeat center right;
font-weight: bold;
margin: 0px 8px 1px 0px;
padding: 0 12px 2px 0; 
color: #068;
text-decoration: none;
border: 0;
border-bottom: 0px solid #066; 
}

h2 a:active, h2 a:hover { 
background: transparent url("http://www.pagetoscreen.net/images/takeoff.gif") no-repeat center right;
font-weight: bold;
margin: 0px 8px 1px 0px;
padding: 0 12px 2px 0; 
color: #008B95;
text-decoration: none;
border-bottom: 0px solid #066;
}

h2 strong  { 
color: #036; 
font-size: 1.2em; 
font-weight: bold; 
background-color: transparent 
}


h3	{
font-size: .9em;
color: #336600;
background-color: transparent;
margin: 1px 8px 10px 0px; 
padding: 2px 0 6px 0;
border-bottom: 1px solid #A7C0B5;
clear: left;
}

h3 strong {
font-weight: bold;
}


h4       {
padding-top: 0;
color: #336600;
font-weight: normal;
font-size: .82em;
margin: 4px 8px 6px 0px;
border-bottom: 1px dotted #A7C0B5;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


h5	{
font-size: .79em;
background-color: transparent;
border-bottom: 1px dotted silver;
margin: 0 3px 6px 0px;
padding-bottom: 1px;
padding-left: 0px;
}

html p {
font-size: 1.4em;
line-height: 1.5em;
text-align: left;
margin-top: 0;
margin-bottom: 0.75em;
}


/* items in a box in the right bar */

.boxofitems {
color: #006666;
margin: 0px 20px 20px 20px;
padding-bottom: 4px;
/* you might need this instead if you want to use  categorymore */
/* padding: 4px 12px 12px 12px; */
border: 1px solid #9BA7A2;

background: #F3F6F4;
}

body.largesingleimage .boxofitems {
width: 200px;
float: left;
color: #006666;
margin: 6px 20px 20px 20px;
padding-bottom: 4px;
/* you might need this instead if you want to use  categorymore */
/* padding: 4px 12px 12px 12px; */
border: 1px solid #9BA7A2;
overflow: hidden;
}

.boxofitems h2 { 
text-align: left;
color: #477161;
font-weight: bold;
font-size: 9px; 
line-height: 1.1em; 
background: #DAE4DA; 
margin: 0; 
padding: 4px 12px 5px 12px;
border-bottom: 1px solid #8EB6A7;
}

#content div.boxofitems p {
color: black;
font-size: .7em;
line-height: 1.6em;
margin: 4px 1px 3px 6px;
border-bottom: 0;
}	

div#rightbar .boxofitems h1 { 
text-align: left;
color: white;
font-weight: bold;
font-size: 9px; 
line-height: 1.1em; 
background: #AABBB2; 
margin: 0; 
padding: 4px 12px 5px 12px;
border-bottom: 1px solid #8EB6A7;
}

div.boxofitems {
color: black;
font-size: .8em;
}

div.boxofitems p {
color: black;
font-size: .7em;
line-height: 1.6em;
margin: 1px 1px 3px 0;
padding: 2px 12px 0px 12px;
border-bottom: 1px dashed #E3E8E5;
}

div.boxofitems p:last-child {
border-bottom: 0px dashed #E3E8E5;
}

div#rightbar .boxofitems p {
color: black;
font-size: .85em;
line-height: 1.6em;
margin: 1px 1px 0px 0px;
}	

.boxofitems a:link  {
color: #006666;
text-decoration: none;
background-color: transparent;
margin: 0;
padding: 0;
border-bottom: 0;
}

.boxofitems a:visited   {
color: #006265;
font-weight: normal;
text-decoration: none;
background-color: transparent;
border-bottom: 0;
}

.boxofitems a:hover   {
color: black;
font-weight: normal;
text-decoration: none;
background-color: transparent;
border-bottom: 0;
}

.boxofitems a:active   {
color: black;
font-weight: normal;
text-decoration: none;
background-color: transparent;
border-bottom: 0;
}

div.boxofitems p.categorymore {
margin: 0;
padding: 0;
color: black;
font-weight: bold;
font-size: 9px;
text-align:right;
}

div#rightbar .boxofitems img {
border: 0;
margin: 0;
padding: 0;
}	

div#rightbar .boxofitems img.photo {
border: 1px solid gray;
margin: 6px;
padding: 3px;
}

div#rightbar .boxofitems img.image {
border: 1px solid gray;
margin: 6px;
padding: 3px;
}

* acronym, * abbr {
border-style: dotted;
border-width: 0 0 1px 0;
cursor: help;
}


/* the main content box */

#content      {
float: left;
width: 599px;
color: black;
background-color: transparent;
text-align: left;
text-indent: 0;
margin-top: 0;
margin-right: 10px;
margin-left: 0;
padding: 0px 0 2px 0;
/* vertical-align: top; */
/* border-right: 1px solid green; */
}

body.mediumsingleimage #content {
float: left;
width: 600px;
color: black;
font-weight: normal;
background-color: white;
text-align: center;
text-indent: 0;
margin-top: 0;
margin-right: 0px;
margin-left: 0;
padding: 20px 0 2px 0;
vertical-align: top;
/* border-right: 1px solid silver; */
margin-left: 0;
}

body.largesingleimage #content {
float: none;
width: auto;
color: black;
font-weight: normal;
background-color: white;
text-align: center;
text-indent: 0;
margin-top: 0;
margin-right: 0px;
margin-left: 0;
padding: 20px 0 2px 0;
vertical-align: top;
border-right: 1px solid silver;
/* False margin value for all versions of IE Win, including 6.0 */	
margin-left: 0;
}

body.comments #content {

color: black;
font-size: 11.4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background-color: transparent;
text-align: left;
text-indent: 0;
margin-top: 0;
margin-right: 0px;
margin-left: 0;
padding: 20px 0 2px 10px;
vertical-align: top;
border-right: 0px solid silver;
/* False margin value for all versions of IE Win, including 6.0 */	
margin-left: 0;
}

div#content p { 
font-size: .9em;
text-align: left; 
line-height: 1.5em;
margin: 0 20px 6px 0; 
padding: 0;
}

div#content .entry blockquote { 
background: transparent url("http://www.pagetoscreen.net/images/rightquote.gif") bottom right no-repeat;
font-size: .8em;
margin: 10px 10px;
padding: 0px;
border: 1px solid #DFE6E1;
clear: both;
line-height: 1.2em;
}

div#content .entry blockquote p { 
background: transparent url("http://www.pagetoscreen.net/images/leftquote.gif") -4px -4px no-repeat;
margin: 0px;
padding: 10px; 
}

.postdetails {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:   9px;
color:gray;
font-weight: normal;
clear: both;
margin : 8px 0 12px 0;
}

div#content .note {
font-size: .7em;
color:gray;
font-weight: normal;
margin : 8px 0 12px 0;
}

div#content .postdetails  p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:   9px;
color:gray;
font-weight: normal;
}



#content .datestamp {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:   9px;
margin-left: 0px;
margin-bottom: 2px;
padding-bottom: 4px;
color:gray;
font-weight: normal;
}

#content .category {

text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:   .7em;
margin-right: 5px;
padding-bottom: 0px;
margin-bottom: 0px;
color:black;
font-weight: normal;

display: block;
}

#content .category em {
font-weight: bold;
}

#content .sectionhead a {
border: 0;
}


#content .sectionhead {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:   1.4em;
line-height: 1.6em;
padding: 0px 6px;
margin: 0 0px 10px 0px;
color:white;
background: #ADBFB0;
border-bottom: 1px solid green;
font-weight: normal;
}

body#wiki #content .sectionhead {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:   .9em;
line-height: 1.6em;
padding: 2px 6px;
margin: 0 0px 6px 0px;
color: white;
background: #ADBFB0;
border-bottom: 1px solid green;
font-weight: normal;
}

#content .sectionhead strong {
font-weight: bold;
}

#content p.sectionintro {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:   .8em;
line-height: 1.6em;
padding: 2px 8px;
margin: 10px;
color:black;
background: #F1F4F2;
font-weight: normal;
}

#content .entry p.sectionintro {
clear:both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:   .8em;
line-height: 1.6em;
padding: 4px;
margin: 0px 3px 3px 3px;
color:black;
background: #F1F4F2;
font-weight: normal;
}

#content .sectionhead strong{
font-weight: bold;
}

/* images in the content area can be designated as float to the left or right*/
/* by default they float to the left */

#content img {
clear: left;
margin-top: 4px;
margin-left: 0;
margin-right: 8px;
margin-bottom: 2px;
float: left;
padding: 2px;
}

body#wiki #content img {
clear: left;
margin-top: 4px;
margin-left: auto;
margin-right: auto;
margin-bottom: 2px;
float: none;
padding: 2px;
border: 0px solid silver;
}

body.mediumsingleimage #content img {
display: block;
clear: left;
margin-top: 4px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
float: none;
padding: 5px;
border: 1px solid silver;
}

body.largesingleimage #content img {
display: block;
clear: left;
margin-top: 4px;
margin-left: auto;
margin-right: auto;
margin-bottom: 2px;
float: none;
padding: 6px;
border: 1px solid silver;
}


body#wiki #content .editbox img {
float: none;
padding: 0;
margin: 0;
border: 0;
}

#content img.left {
float: left;
}	

#content img.right {
float: right;
margin-left: 4px;
}

/* 	list items in content area will be in Verdana */

.entry li {
font-size: 1em;
line-height: 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: transparent;
list-style-position: outside;
padding: 0 10px 1px 0;
margin: 0 8px 0 12px;
}

code {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
line-height: 1.8em;
color: #429ec4;
background: #F6FAF9;
margin: 10px 10px 10px 4px;
padding: 12px;
text-align: left;
border: 1px solid #E0EFEB;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
display: block;
}


.entry li ul {
list-style-type: square;
font-size: 1em;
line-height: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: transparent;
margin: 0 10px 0 10px;
padding: 2px;
}

.entry ul {
list-style-type: disc;
font-size: 1em;
line-height: 1em;
padding: 0 10px 0px 6px;
margin: 6px 6px 6px 4px;
}

#content ol {
font-size: 1em;
line-height: 1.2em;
}

.entry ol {
font-size: .9em;
padding: 0 10px 0px 6px;
margin: 6px 6px 6px 4px;
}


/* something special */
#content .spacer {
clear: both;
}
/* the right stuff box */

div#rightbar { 
margin: 0 0 0 600px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: transparent;
padding: 12px 0 0 0;
/* border-left: 1px solid silver;  */
}

body.mediumsingleimage div#rightbar  { 
padding-top: 20px;
}

div#rightbar p {
color: black; 
font-size: 9px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 1.5em; 
background-color: transparent; 
margin-right: 20px;
margin-left: 20px; 
}

div#rightbar h1 {
color: #8EB6A7;; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 1.5em; 
background-color: transparent; 
margin-right: 20px;
margin-left: 20px;
border:0;
}


div#rightbar img	 { 
border: 1px solid silver;
margin-bottom: 12px;
margin-left: 8px; 
}


/* links inside righbar for contents */

div#rightbar a:link  {
color: #006983;
font-weight: normal;
text-decoration: none;
background-color: transparent;
}

div#rightbar a:visited   { 
color: #639FA1;
font-weight: normal;
text-decoration: none;
background-color: transparent;
}

div#rightbar a:hover   {
color: black;
font-weight: normal;
text-decoration: none;
background-color: transparent
}

div#rightbar a:active   {
color: #6B2E6E;
font-weight: normal;
text-decoration: none;
background-color: transparent;
}

/* end of rightbar stuff */



/* next and previous buttons */

div#nextandprevious {
font-size: .9em;
padding: 4px 9px;
margin: 6px;
}

a.next {
font-size: 9px; 
width: 200px;
background: #F3F5F0;
border: 1px solid gray;
padding: 3px;
text-align: center;
margin-left: 280px;
text-decoration: none;
}

a.previous {
font-size: 9px; 
width: 300px;
background: #F3F5F0;
border: 1px solid gray;
padding: 3px;
text-align: center;
text-decoration: none;
}

div#footerbar  {
color: white;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.3em;
text-align: left;
padding: 10px 8px 12px 12px;
clear: both;
margin: 0;
background: #A6C0AB;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
height: 55px;
}

body.comments div#footerbar  {
color: white;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.3em;
text-align: right;
padding: 10px 8px 12px 12px;
background: transparent;
border-top: 0px solid silver;
border-bottom: 0px solid gray;
}

div#footerbar p {
font-size: 9px;
line-height: 1.3em;
padding: 0;
margin: 0;
color: white;
background: transparent;
}

div#footerbar a {
font-size: 9px;
line-height: 1.3em;
padding: 0;
margin: 0;
color: white;
background: transparent;
text-decoration: none;
}

body.comments div#footerbar a {
font-size: 10px;
line-height: 1.3em;
padding: 0;
margin: 0;
color: #006666;
background: transparent;
text-decoration: none;
}

div#footerbar #license {
width: 220px;
float: right;
}


#nextprevious { 
background: transparent;
margin: 8px 3px 0 0;
font-size: 9px;
width: 200px;
float: right;
}

#nextprevious p { 
font-size: 9px;
text-align: right;
}

#searchbox { 
background: transparent;
margin: 15px 2px 0 0;
padding: 0;
width: 190px;
float: right;
/* border: 1px solid green; */
}

form {
padding: 0;
margin: 0;
}

div#searchbox p { 
font-size: .9em;
text-align: left;
padding: 6px 0 0 0;
margin: 0;
}

div#searchbox .input { 
margin:  0 5px 0 0;
padding: 2px 0;
font-size: .7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
border: 1px solid silver;
width: 130px;
}

#searchbox .submit { 
font-size: .7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
margin: 0;
border: 1px solid gray;
}



#searchbox fieldset {
border: none;
margin: 0;
padding: 0;
}

#content fieldset {
border: 1px solid #C3E1C0;
margin: 0px 6px 0 0;
padding: 4px 8px 4px 8px;
clear: right;
}

legend {
font-size: 0.7em;
color: #C3E1C4;
}

div#content fieldset p {
font-size: .8em;
}


div#content .input {
width: 60%;
margin: 0px 10px 3px 0px;
padding: 3px;
font-size: .9em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background: white;
border: 1px solid gray;
}

div#content .textarea {
width: 99%;
margin: 0px 8px 3px 0px;
padding: 4px;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background: white;
border: 1px solid gray;
}

#content .input:focus, div#content .textarea:focus { 
background: #EEF9F4;
border: 1px solid black;
}

#content .submit { 
font-size: .8em;
margin: 0;
line-height: 1.5em;
padding: 4px 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background: #D4EADF;
border: 1px solid gray;
}

#content .submit:focus {
border: 1px solid black;
}

/* 	and breadcrumbs */

div#breadcrumbs   {
color: black;
background-color: transparent;
font-size: .7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 8px;
padding-bottom: 4px;
padding-left: 6px;
}



/* picture credits */
.credit {
color: gray;
font-size: 9px;
line-height: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: transparent;
}

/* 	in the early browser stylesheet this will show */

#showhidemessage {
text-align:right;
color: gray;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: transparent;
display: none;
}

.more      {
color: #3A7159;
background-color: transparent;
font-size: .9em;
font-weight: bold;
}

p.more {
clear: both;
}

.more a, .more a:link, .more a:visited { 
color: #3A7159;
text-decoration: none;
border: 0;
padding-right: 12px;
background: transparent url("http://www.pagetoscreen.net/images/takeoff.gif") no-repeat center right;
}

.more a:hover, .more a:active { 
color: white;
background-color: #769086;
border: solid 1px #769086;
text-decoration: none;
}


.entry  {
color: black;
background: transparent;
padding-bottom: 8px;
margin-bottom: 0px;
margin-left: 0;
padding: 8px 4px 12px 12px;
border-bottom: 1px solid #E7ECE7;
}

.entry  p {
padding-bottom: 8px;
margin: 0 0 0 4px;
vertical-align: top;
}

.entryalt1  {
color: black;
background: #F5F7F7;
padding-bottom: 8px;
margin-bottom: 8px;
margin-top: 0;
margin-left: 0;
padding-top: 2px;
padding-left: 12px;
border-bottom: 1px solid #E7ECE7;
}

.entryalt1  p {
padding-bottom: 8px;
margin: 0 0 0 4px;
vertical-align: top;
}

div#announcement  {
background: transparent url(http://www.pagetoscreen.net/images/announcement.gif) repeat;
margin: 8px 12px;
border: 1px solid #96C1C7;
}

div.offsite_entry {
background: transparent url(http://www.pagetoscreen.net/images/offsite.gif) repeat;
margin: 6px 12px 0 8px;
padding: 4px 8px;
border: 1px solid #F4F1C3;
}


div#content .entry div.thumb, div#content .entry div.rightthumb {
background: white;
}

div#content .entry .thumb img   {
padding: 2px;
margin-left: 0px;
margin-right: 16px;
margin-top: 4px;
margin-bottom: 6px;
float: left;
border: 1px solid gray;
}

div#content .entry .rightthumb img   {
padding: 2px;
margin-left: 8px;
margin-right: 3px;
margin-top: 4px;
margin-bottom: 4px;
float: right;
border: 1px solid gray;
}

body > #content .entry .thumb img   {
padding: 2px;
margin-left: 0px;
margin-right: 16px;
margin-top: 2px;
margin-bottom: 0px;
float: left;
border: 1px solid gray;
}

div#comments img   {
padding: 0px;
margin-left: 1px;
margin-right: 1px;
margin-top: 1px;
margin-bottom: 2px;
display: inline;
border: none;
float: none;
}

body > #comments  img   {
padding: 0px;
margin-left: 2px;
margin-right: 2px;
margin-top: 2px;
margin-bottom: 2px;
display: inline;
border: none;
float: none;
}

.crossedout {
text-decoration: line-through 
}


#content .paginate {
clear: both; 
font-family: Verdana, Geneva, Tahoma, "Trebuchet MS", Arial, Sans-serif;
font-size: 9px;
font-weight: normal;
letter-spacing: .1em;
padding:	10px 6px 10px 4px;
margin:	4px 8px;
background-color:	transparent;  
}

.pagecount {
font-family: Verdana, Geneva, Tahoma, "Trebuchet MS", Arial, Sans-serif;
font-size: 9px;
color: #666;
font-weight: normal;
background-color: transparent;  
}

#content form {
border: 0px solid silver;
}

div.book   { 
margin: 5px 0;
border-bottom: 1px solid silver;
background-color: transparent;
text-align: center;
}

div.book:last-child {
border-bottom: none;
}

div.book img   { 
padding: 2px;
border: 1px solid silver;
background-color: white;
}

div.book p   { 
text-align: left;
border: 0;
margin: 0px 4px;
}


em {
margin: auto;
}

hr { 
margin-left:-6px;
width: 100%;
height: 2px;
color: #9BC0AC;
border: none;
}

div.editorblock {
font-size: .7em;
margin: 8px 8px 8px 0;
padding: 6px;
border: 1px solid silver;
}

div#content p.editor {
font-size: .5em;
margin: 0px 8px 0px 0;
padding: 0 1px;
border: 1px solid green;
width: 170px;
float: right;
text-align: center;
background: silver;
border-radius: 8px;
}

div#content p.editor a {
border: none;
}

div#content p.editor a:hover {color:white;}

div.codeblock {
margin: 8px 0 0 0;
padding: 4px 0;
font-size: .8em;
}



div.codeblock input.input {
width: 96%;
border: 1px solid silver;
}

/* for wiki TOC */
#toc {
font-size: .85em;
border: 1px solid #DEE4DA;
width: 220px;
float: right;
clear: left;
padding: 2px 0 2px 2px;
margin: 0 2px 0px 4px;
background: white;
}

#toc p {
text-indent: 6px;
}

.entry #toc ul {
padding: 0 3px 0px 6px;
margin: 6px 3px 6px 4px;
}

.entry #toc li ul {
font-size: 1.1em;
}

body#wiki #content p {
font-size: .8em;
text-align: left;
}

/*  a block to display a movie  */
.movie {
border: 1px solid silver;
width: 400px;
height: 316px;
}

div#rightbar .boxofitems div.book  {
text-align: left;
border-bottom: none;
}

div#rightbar .boxofitems div.book img {
margin-left: 12px;
border: 1px solid silver;
}

div#rightbar .boxofitems div.book p {
margin-top: 0;
padding-top: 0;
}

pre {
background-color: #fcfeff;
color: #0046AD;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .75em;
line-height: 1.4em;
margin: 4px 0 6px 0;
padding: 3px;
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
border: 1px solid silver;
}

div#content p.citation {
padding: 4px;
background: #FBFAF2;
font-size: .9em;
}

div#content p.citation a {
border: none;
}

.picture {
float: left;
padding: 5px 6px 5px 5px;
margin: 5px 14px 6px 0;
border: 1px solid silver;
display: block;
}

.rightpicture {
float: right;
padding: 2px 3px 2px 2px;
margin: 5px 16px 6px 15px;
border: 1px solid silver;
display: block;
}

#content .picture img, #content .rightpicture img {
clear: left;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 6px;

padding: 0px;
border: 0px solid silver;
display: block;
}

#content .rightpicture img {
margin-bottom: 0px;
}

.picture img, .rightpicture img {
display: block;
}

.picture img {float:left;}

div#content .picture, div#content .rightpicture {
font-size: 80%;
}

/*this would be the caption*/
div#content .picture p {
/*
font-size:.7em;
line-height:1.3em;


*/
color: gray;
padding:0;
margin:0 0 6px 0px;
}



.images {float:left;}

.details {
font-size: .5em !important;
}

.photography {
color: #8FB9BC;
}

#videocontent {
border: 1px solid silver;
margin: 14px 0;
background: black url(http://www.pagetoscreen.net//images/pagetoscreecasts.png) no-repeat top center;
}