/*  
Theme Name: Recycled Canvas
Theme URI: http://www.creativesynthesis.net/blog/projects/recycled-canvas-theme/
Description: Experimenting with data collection, design, and <a href="http://www.creativesynthesis.net">creative synthesis</a>.<br/> If you are using this theme please make sure you have the recycled data wordpress plugin turned ON.
Version: 0.9
Author: Creative Synthesis Collaborative
Author URI: http://www.creativesynthesis.net/

    Recycled Paper uses elements (with permission) from a couple of places:
		* The Wordpress Theme Toolkit (http://frenchfragfactory.net/ozh/my-projects/wordpress-theme-toolkit-admin-menu/)

	The CSS, XHTML and design is released under ...:

*/

.notehead {
        width: 500px;
        font-weight: bold;
        color: navy;
        margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 10px;
        padding-left: 20px;
        margin-right: 20px;
        padding-right: 20px;
        font-family="arial black", serif;
        font-size:  1.0em;
        padding-top:  5px;
        padding-bottom: 5px;
        background:  #97dee8;
        color: black;
}
.notebody {
        width: 500px;
        margin-left: 10px;
        padding-left: 20px;
        margin-right: 20px;
        padding-right: 20px;
        padding-top: 0;
	font-family="Times New Roman", serif;
        font-size:  0.9em;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 0;
        background: #a9dfef;
        color: navy;

}




.tp {
        width: 510px;
        margin-left: 10px;
        padding-left: 20px;
        margin-right: 20px;
        padding-right: 20px;
	font-family: "bookman", serif;
        background: #ffffbb;
        font-size:  1.0em;
        padding-bottom: 0px;
        padding-top: 5px;
        margin-top:   15px;
        margin-bottom: 0;
        
}


.notehead2 {
        width: 400px;
        font-weight: bold;
        margin-left: 0;
        padding-left: 20px;
        margin-right: 20px;
        padding-right: 20px;
        font-family="arial black", serif;
        font-size:  1.0em;
        padding-bottom: 0;
        margin-top: 0px;
        margin-bottom: 0;
        background: #a9dfef;
        color: navy;

}

.notebody2 {
        width: 400px;
        margin-left: 0;
        padding-left: 20px;
        margin-right: 20px;
        padding-right: 20px;
        padding-top: 0;
	font-family="Times New Roman", serif;
        font-size:  0.9em;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 0;
        background: #a9dfef;
        color: navy;

}


#expage {
         width: 640px;
         padding-left: 15px;
         padding-right: 30px;
         margin-right: 20px;
         padding-bottom: 20px;
         background-color: #ffffbb;
         border: 1px solid #069;
         }

.expage ul {
           list-style-type: none
           }

#postpage {
         width: 640px;
         padding-left: 20px;
         padding-right: 20px;
         margin-top: 10px;
         margin-right: 10px;
         padding-top: 10px;
         padding-bottom: 10px;
         margin-bottom: 20px;
         background-color: #ffffff;
         border: 1px solid #069;
         }
.p1 {
    text-indent: .75cm;
   }
.prev_post
      {
      color: #85ACD6;
      background-color: #E6CDB3;
      font-size: 1.0em;
      font-family: "times new roman";
      float: left;
      margin-bottom: 10px;
      }

.next_post
      {
      color: #85ACD6;
      background-color: #E6CDB3;
      font-size: 1.0em;
      font-family: "times new roman";
      float: right;
      margin-right: 90px;
      margin-bottom: 10px;
      }

.gltop {
       font-family:"times new roman";
       font-size: 1.2em;
       padding-left: .5em;
       padding-right: .5em;
       }

.glside
       {
       font-family:"arial black";
       font-size: 1.4em;
       color: navy;
       padding-bottom: 0;
       margin-bottom: 0;
       }
.glelement
       {
       font-family: "times new roman";
       font-size: 1.3em;
       color: blue;
       margin-left: 35px;
       
       }


/*    My things   */


/*  Example Formats  */

.exhead {
       	width: 500px;
        margin-left: 10px;
        padding-left: 20px;
        margin-right: 20px;
        padding-right: 20px;
        font-family="Arial Black", serif;
        font-size:  1.3em;
        align: center;
        padding-top: 20px;
        padding-bottom: 10px;
        margin-bottom: 0px;
        background-color: #d4d4d4;
}


/* example header inside list */

.exhead2 {
        width: 450px;
        margin-left: 0px;
        padding-left: 10px;
        margin-right: 20px;
        padding-right: 20px;
        font-family="Arial Black", serif;
        font-size:  1.1em;
        align: center;
        padding-top: 20px;
        padding-bottom: 10px;
        margin-bottom: 0px;
        background-color: #d8d8d8;
}
.exhead3 {
        width: 200px;
        margin-left: 20px;
        padding-left: 30px;
        margin-right: 30px;
        padding-right: 20px;
        font-family="Arial Black", serif;
        font-size:  1.1em;
        align: center;
        padding-bottom: 0px;
        margin-bottom: 0px;
        
}


.extext{
        font-family: "times new roman";
        font-size:  1.0em;
        width: 480px;
        margin-left: 10px;
        padding-left: 40px;
        margin-right: 20px;
        padding-right: 20px;
        padding-top: 0;
        padding-bottom: 15px;
        margin-top: 0;
        margin-bottom: 0em;
        background-color: #e4e4e4;
        }
.extext2{
        width: 440px;
        font-family: "times new roman";
        font-size:  .9em;
        padding-left: 40px;
        padding-top: 0;
        padding-bottom: 5px;
        margin-top: 0;
        background-color: #e4e4e4;
        }
.extext3{
        font-family: "times new roman";
        font-size:  .9em;
        margin-left: 40px;
        padding-left: 40px;
        padding-bottom: 5px;
        padding-top: 0;
        margin-top: 0;
        width: 220px;
        background-color: #e4e4e4;
        }

.exdetail 
        {
        font-family:  "bookman";
        font-style: italic;
        font-size: 1.0em;
        color: navy;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
        width: 300px;
        padding-left: 20px;    
        }
.exdetail2 
        {
        font-family:  "bookman";
        font-size: 1.0em;
        color: navy;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 5px;
        width: 300px;
        padding-left: 20px;    
        }



.example_text{
   
        font-family: "times new roman";
        font-size:  1.0em;
        width: 480px;
        margin-left: 10px;
        padding-left: 40px;
        margin-right: 20px;
        padding-right: 20px;
        padding-top: 0;
        padding-bottom: 15px;
        margin-top: 0;
        margin-bottom: 10px;
	background-color: #e4e4e4;

        }

.example_text2{
        width: 440px;
        font-family: "times new roman";
        font-size:  .9em;
        padding-left: 40px;
        padding-bottom: 5px;
        padding-top: 0;
        margin-top: 0;
        background-color: #e4e4e4;
        }

.example_explain 
        {
        font-family: "bookman";
        font-size: 1.0em;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
        width: 420px;
        padding-left: 40px;    
        }

.example-explain2
{
        font-family: "bookman";
        font-size: .9em;
        width: 250px;
        padding-left: 40px;
}

/*   Need to add example lines - Need eample line and example line explaination 
     also need inside list and not inside list   */
/*  Exercise page formats */

.author{
        font-size: 90%;
        font-family:"arial", bookman, san-serif;
        padding-left: 10em;
        padding-bottom: 5px;
        margin-top: 0;
        padding-top: 0;
}




/*    Parse Formats     */

#parsepage {
         width: 640px;
         padding-left: 15px;
         padding-right: 30px;
         margin-right: 20px;
         padding-bottom: 20px;
         background-color: #ffcc66;
         }
#parsepage2 {
         width: 600px;
         padding-left: 15px;
         padding-right: 30px;
         margin-right: 20px;
         padding-bottom: 20px;
         background-color: #ffbb66;
         }


.parse1 { 
        font-family: "arial black";
        color: Navy;
        font-size: 1.6em;
        padding-bottom: 0px;
        margin-bottom: 5px;
        }
.parse1-a{
        font-family: "times new roman";
        font-size: 1.4em;
        color:  black;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-left:  20px;
        margin-right: 20;
        }

.parse1-b{
        font-family: "times new roman";  
        font-size: 1.2em;
        color: #3300ff;
        padding-bottom: 5px;
        margin-bottom: 5px; 
        margin-left:  40px;
        margin-right: 40; 
        }

.parse2{ 
        font-family: "arial"; 
        font-size: 1.2em;
        color: black;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-left:  20px;
        margin-right: 20px;
        }
.parse2-a{ 
        font-family:  "bookman";   
        font-size: 1.2em;
        font-style: italic;
        color: navy;
        padding-top: 5px;
        margin-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        margin-left:  30px;
        margin-right: 30px;
        }

.parse3-a{ 
        font-family:  "bookman";
        font-size: 1.0em; 
        color: black;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-left:  40px;
        margin-right: 40px;
        }
.parse3-b{ 
        font-family:   "times new roman"
        font-size: .8em;
        color: black;
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-left:  75px;
        margin-right: 50px;
        }

/*     Exercise Pages    */


.exercisehead {
	align: center;
        font-family:"Arial Black", serif;
        font-size:  120%;
        padding-bottom: 0px;
        margin-bottom: 0px;
}

.exerciseproblem {
        list-style-type:  disk;
        pading-left: 15px;
        padding-right: 15px;
        font-family: "bookman";
        font-size: 130%;
        padding-top: .4px;
        color: navy;
        }

.exp2{
        pading-left: 20px;
        margin-left: 40px;
        padding-right: 15px;
        font-family: "times new roman";
        font-size: 110%;
        padding-top: .4px;
        color: blue;
        }


.exercise_line {
        padding-left: 40px;
        padding-right: 20px;
        padding-bottom: 5px;
        font-family: "arial";
        font-size: 100%;
        color: black;
        } 
/*    In text notes */






/* in text lists   without bullits or numbers */

.intext {
        width: 520px;
	font-family: "bookman", serif;
        background: #ffffbb;
        font-size:  1.0em;
        padding-bottom: 0px;
        padding-top: 5px;
        padding-left: 20px;
        padding-right: 20px;
        margin-top:   15px;
        margin-bottom: 0;
        margin-left: 10px;
        margin-right: 150px;
}
.intext2 {
        padding-top:  0;
        pading-right: 40px;
        padding-bottom: 0;
       	padding-left: 10px;
        margin-top: -1em;
        margin-right: 20px;
        margin-bottom: 0;
        margin-left:  50px;
        font-family: "ariel", serif;
        font-size:  1.2em;
        }

.post ul {
        width: 500px;
        margin-left: 10px;
        padding-left: 20px;
        margin-right: 20px;
        padding-right: 20px;
	font-family: "bookman", serif;
        background: #fefecb;
        font-size:  1.0em;
        padding-bottom: 0px;
        padding-top: 5px;
        margin-top:   15px;
        margin-bottom: 0;
        
}



.short ul
{
        width: 300px;
        margin-left: 10px;
        padding-left: 20px;
        margin-right: 20px;
        padding-right: 20px;
	font-family: "bookman", serif;
        background: #fefecb;
        font-size:  1.0em;
        padding-bottom: 0px;
        padding-top: 5px;
        margin-top:   15px;
        margin-bottom: 0;
        
}



.ul2 {
        width: 300px;
        margin-left: 10px;
        padding-left: 20px;
        margin-right: 20px;
        padding-right: 20px;
	font-family: "bookman", serif;
        background: red;
        font-size:  1.0em;
        padding-bottom: 0px;
        padding-top: 5px;
        margin-top:   15px;
        margin-bottom: 0;
        
}

    
li {
    list-style-type:  disk;
    padding-left: 10px;
    padding-bottom: 10px;
   }

ol {
    list-style-type: decimal-leading-zero;
    }



/* links */

.ex-link {
    color: #85ACD6;
    background-color: #E6CDB3;
    font-size: 120%;
}


/*    Table       */

caption
{
text-align: center;
margin: 0, 0, .5em, 0;
font-size: 130%;
font-weight: bold;
}

table
{
boarder-collapse: collapse;
align: center;
width: 600px;

}

th, td
{
text-align: center;
font-size: 100%;
board-right: 1px solid $fff;
board-bottom: 1px solid $fff;
padding: .5em
background: #e5e5e5;
color: navy;
}


tr
{
background: silver;
color: yellow;
}

thead th
{
font-size: 110%;
font-weight:bold;
background: navy;
color: white;
}

tbody th
{
font-weight: bold;
background: silver;
color: black;

}

tbody td
{
text-align: center;
font-size: 100%;
padding: .5em
background: #e5e5ff;
color: navy;


}

/*    End of table */
/*    End of my additions */
body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

/*  Menu */
#menu-wrap { margin: 0 auto;}
#menu-content {	
	font-family: Arial, sans-serif;
	margin: 10px auto 0 auto;
	font-size: 12px;
	width: 960px; 
        padding-bottom: 20px;
}

#menu-content span li {
	display: inline;
	padding-right: 10px;
}
#menu-content a { text-decoration: none;}

/* Header */
#header-wrap {
	font-size:12px;
	padding-bottom:20px;
}
#header {
	padding-top: 10px;
	width:960px;
	margin: 0 auto;
}

#header a {
	text-decoration: none;
}
#maintitle {
	font-family: Verdana, Arial, sans-serif;
	font-size: 2.1em;
	float:center;
	display:block;
       }



#searchbox {
	width:155px; 
	margin-right:0;
	padding: 4px 5px 10px 10px; 
}
#search-bar {
	float:right;
	text-align:right;
	display:block;
	margin-top:-16px;
}

#page {
	text-align: left;
	margin: 0 auto;
}

/* @end */

#postloop {
	width:960px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

*:first-child+html #postloop {width:1000px !important;}


.postextra {
	font-size:12px; 
	font-weight:normal;
	display:inline;
}
#footer {
	width: 960px;
	text-align:right;
	font-size: 10px;
	margin:0 auto;
}

#page-content {
	width:960px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

#respond {
	margin: 2em 0 0 0;
	padding: .5em .5em 0 .5em;
	line-height: 1.4em;
	font-size: 1.4em;
}

.flickrlist div { padding:1px;}

#commentwrap {
 	width:770px !important; width:730px;
	padding-left: none;
	padding-right: none;
	
}
#commentarea {
	margin: 0 auto;
}

#post-wrap {
	float:left;
	display:inline;
	margin: 0 auto 15px auto;
}
#post-nav {
	margin-top:18px;
	margin-bottom:20px;
	font-size: 12px; padding:5px;
}
.post { width:770px !important; width:730px;}

.post h1 { font-size: 1.4em;}
.post h2 { font-size: 1.2em;
         }
.post h3 { font-size: 1.0 em;}

.post ol {
          list-style-type: decimal-leading-zero;
         }

.entry h2 {
          font-family: "times new roman";
          font-size: 1.6em;
          color: navy;
          }
.entry { font-size: 14px;}
.entry p {padding-top: 5px;}
.entry blockquote {
        width: 480px;
	padding-left:10px;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;

}


p img {
	padding: 0;
	max-width: 100%;
}

small {
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}

.archivetitle {
	font-size: 22px;
	display: block;
	font-weight:bold;
	margin-left:5px;
	margin-top:15px;
	margin-bottom:20px;	
}

/*.postmetadata {
	text-align: right;
	font-size: 12px;
}*/

.pagetitle {
        width: 600px;
        font-family= "Ariel Black";
       	font-size: 30px;
	display: block;
        display-align: center;
	font-weight:bold;
	margin-top:15px;
        margin-left: 0px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        color: black;
}
.pagetitle a {text-decoration: none;
              color: black;
              }

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright { float: right; }
.alignleft { float: left }

/*

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

*/

/* Search Form Elements */

#searchform {
	margin: 0 auto;
	text-align: center;
}
#search-button {
	font-size:12px; border:none; vertical-align:middle;
}
#search-input {
	width:90px; border:none; float:left; padding:2px; height:13px;
	font-size:10px;	
}


/* End Form  and ? Elements */

/* Begin Comments*/



.commentlist {
	padding: 0;
	margin-top:10px;
	text-align: justify;
}

.commentlist li {
	margin: 5px 0 10px 0;
	padding: 5px 10px 0 10px;
	list-style: none;
	font-weight: bold;
}

.commentlist p {
	margin: 10px 5px 10px 0;
	font-weight: normal;
	text-transform: none;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
}

#commentform {
	font-size: 14px;
}

#commentform p {
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

#commentform input {
	width: 140px;
}

#commentform textarea {
 	width:100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#commentform #submit {
	margin: 0;
	margin-top: 6px;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

#comments {
	margin: 20px 0 0;
	padding: 5px;
	line-height: 1.4em;
	font-size: 14px;
}

/* End Comments */

/* Begin Various Tags & Classes */

acronym, abbr, span.caps {
	cursor: help;
}

.center {
	text-align: center;
}

a img {
	border: none;
}

/* End Various Tags & Classes*/

/* @group Post List */
#boxlist {
	float:left;
	font-size:12px;
	margin: 0 auto 15px auto;
	display:inline;
}

#boxlist ul {	
	padding: 0;
}

#boxlist li {
	font-size:12px;
	float: left;
	display: inline;
	list-style-type: none;
	text-align: left;
	margin: 5px 0 5px 5px;	
}

#boxlist li a {	
	display: block;
	height: 10.5em;
	font: 12px Arial,Helvetica,sans-serif;
	text-decoration: none;
	overflow: hidden;
}

#boxlist li a span {
	display: block;
	font-size:12px;
	height:70px;
	overflow:hidden;
	padding: 0 5px 0 5px;
}

#boxlist li a b {
	display: block;
	padding: 5px;
	margin-bottom: 5px;
	font-size:16px;
	font-weight:bold;
}

.highlightbox {
	font-size:12px;
	float: left;
	display:inline;
	text-align: left;
	margin: 5px 0 5px 5px;
}

.highlightbox a {
	font-size:14px;
	line-height: 1.3;	
	display: block;
	position: relative;
	padding: 5px;
	font: Arial,Helvetica,sans-serif;
	text-decoration: none;
	overflow:hidden;
}

.highlightbox a:hover b { text-decoration: none;}

.highlightbox a b {
	font-size: 20px;
	display: block;
	padding-top: .25em;
	padding-bottom: .25em;
}


/* Side Bar */
#sidebar {
	padding: 20px 15px 10px 0;
	font-size:12px;
	line-height:1.4;
	float:left;
	display: inline;
	width: 175px;
}
#sidebar b {
	font-size:16px;
	display:block;
	font-weight:normal;
	margin: 15px 0 0 0;
}
#sidebar p { font-size:12px;}
#sidebar li { font-size:12px; list-style:none; }
#sidebar ul { margin: 0; padding:  0; }
.title { margin-bottom:2px; }


.flickr_badge_image {
	float: left;
	text-align: left;
	display: block;
	font: 11px Tahoma, Arial,Helvetica,sans-serif;
	text-decoration: none;
	padding-right: 12px;
}
.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
/* Dynamic Classes */
.noside-ul { width: 960px;} 
.noside-highlight { width:943px;} 

.side-ul { width:770px !important; width:730px;}
.side-highlight { width: 751px !important; width:712px;}

.noside-textboxes { width:233px;}
.noside-imgboxes { width:130px; }
.noside-normal { width:955px !important; width:953px;}
.side-textboxes { width: 249px !important; width:236px; }
.side-imgboxes { width:121px !important; width:114px;}
.side-normal { width: 761px !important; width:722px;}

