/* layout */

body {
margin:0 auto;
padding:0;
min-width: 760px;
text-align: center;
font-family:arial, verdana, sans-serif;
background-color:#EFF3F4 ;
}

#wrapper {
margin: 0 auto;
width: 760px;
text-align: left;
background: url(http://mathsclass.net/themes/site_themes/trendy_blue/trendy_bg.jpg) repeat-y;
}

#blog-header {
padding:0px;
margin:0 34px;
background: url(http://mathsclass.net/themes/site_themes/trendy_blue/trendy_header_bg.jpg) repeat-x;
height:93px;
}

#blog-header-text {
padding:32px 0 0 13px;
float:left;
}

#content-wrapper {
width: 690px;
padding-left:00px;
padding-right:00px;
margin-left:34px;
}

#content {
float:left;
width:410px;
padding:20px;
padding-top:10px;
padding-bottom:50px;
background: url(http://mathsclass.net/themes/site_themes/trendy_blue/trendy_shadow.gif) repeat-x;
}

#sidebar {
float:right;
width:230px;
margin-left:10px;
}

#sidebar-content {
padding:5px;
}

#sidebar-top {
width:239px;
float:right;
height:20px;
margin-top:72px;
border-left:1px solid #94B1B7;
border-top:1px solid #94B1B7;
background: url(http://mathsclass.net/themes/site_themes/trendy_blue/trendy_top_bg.jpg) repeat-x bottom right;

}

#blog-footer {
padding:5px 5px 8px 20px;
background: url(http://mathsclass.net/themes/site_themes/trendy_blue/trendy_header_bg.jpg) repeat-x;
border-top:1px solid #666;
border-bottom:1px solid #ccc;
font-size:10px;
margin:0 34px;
}



/* text */

body {
font:12px arial, sans-serif;
}

a:link, a:active, a:visited {
font-weight:bold;
color:#333;
}

a:hover {
font-weight:bold;
text-decoration:none;
color:#000;
}

#blog-header-text h1 {
margin:0;
padding:0px 0 0px 50px;
color:#fff;
font: bold 44px arial, MS Trebuchet, sans-serif;
letter-spacing:-0.07em;
background-image: url(themes/site_themes/trendy_blue/titleimg.gif);
background-repeat: no-repeat;
}

#blog-header-text h1 a, #blog-header-text h1 a:link, #blog-header-text h1 a:visited, #blog-header-text h1 a:hover {
color:#fff;
font: bold 44px arial, MS Trebuchet, sans-serif;
letter-spacing:-0.07em;
text-decoration:none;
}

#sidebar-top #nav {
font:bold 11px arial, verdana, sans-serif;
padding:3px 2px 0 7px;
color:#94B1B7;
}

#sidebar-top a {}

#sidebar {color:#779BA4;}

#sidebar-top #nav a, #sidebar-top #nav a:link, #sidebar-top #nav a:visited, #sidebar-top #nav a:hover {
color:#333;
font-weight: normal;
}

body#homepage #nav a#menuhome,
body#aboutpage #nav a#menuabout,
body#archivespage #nav a#menuarchives,
body#contactpage #nav a#menucontact,
body#pglinks #nav a#menulinks
{
color:#779BA4;
text-decoration: none;
}



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

#sidebar h3.sidebar-header, #sidebar li.sidebar-header {
font:bold 12px arial, verdana, sans-serif;
color:#779BA4;
margin:0;
  background-image: url(images/icons/sprites.png);
  background-repeat: no-repeat;
  background-position: -10px -586px;
padding-left:15px;
margin-bottom:5px;
}

li#sub {
background-image: url(images/icons/sprites.png);
background-repeat: no-repeat;
background-position: -10px -618px;
}
li#email {
background-image: url(images/icons/sprites.png);
background-repeat: no-repeat;
background-position: -10px -650px;
}

#sidebar-content a, #sidebar-content a:link, #sidebar-content a:visited, #sidebar-content a:hover {
font-weight:normal;
color:#779BA4;
}

#sidebar-content h3.sidebar-header a {
font-weight:bold;
}

#sidebar-content ul li {padding-left:14px;margin-bottom:2px;}
#sidebar-content h3.sidebar-header {margin-top:15px;}
#sidebar-content h3.first {margin-top:5px;}
#sidebar-content p {margin:0;}

/* search */
#sidebar-content form {margin:0;padding:0;margin-bottom:15px;}
#sidebar-content input.input {border:1px solid rgb(126, 157, 185);padding:2px;font-size:11px;color:#808080;}
#sidebar-content input.button {border:1px solid #ccc;background-color:#eee;padding:1px;padding-bottom:2px;font-size:11px;color:#808080;}

/* post */

h2.date-header {
font:bold 12px arial, verdana, sans-serif;
color:#779BA4;
margin:0;
margin-top:20px;
padding-bottom:8px;
padding-left:17px;
  background-image: url(images/icons/sprites.png);
  background-repeat: no-repeat;
  background-position: -10px -586px;

}

.post {padding-bottom:15px;}

h3.post-header, h2.post-header {
font:bold 32px arial, verdana, sans-serif;
letter-spacing:-0.07em;
color:#000;
margin:0;
margin-bottom:4px;
margin-top:5px;
}

div.archivepost h3.post-header {
font-size: 18px;
letter-spacing:-0.05em;
margin-top:0px;
}

h3.post-header a, h2.post-header a {
text-decoration: none;
}

h3.post-header a:hover, h2.post-header a:hover {
text-decoration: underline;
}


h3, h4 {
font: bold 16px  arial, verdana, sans-serif;
letter-spacing:-0.05em;
color:#779BA4;
margin: 0 0 10px 0;
}

h5 {
font: bold 13px  arial, verdana, sans-serif;
letter-spacing:0;
color:#333;
margin: 0 0 6px 0;
}

.post-summary, post-summary p, .post-body, .post-body p { /* post-summary = index page ; post-body = comments page */
font:12px/18px arial, verdana, sans-serif;
color:#333;
}

.post-summary p, .post-body p {
margin-top:0;
margin-bottom:10px;
}


.post-details {margin-top:-5px;margin-bottom:5px;}

.post-details, .post-details a, .post-details a:visited, .post-details a:hover {
font:12px/18px arial, verdana, sans-serif;
color:#bbb;
padding-top:3px;
}

.post-details-comments {
color: #888;
padding: 4px 0;
padding-left: 22px;
  background-image: url(images/icons/sprites.png);
  background-repeat: no-repeat;
  background-position: -10px -678px;
}
.post-details-comments a, .post-details-comments a:visited  {
color: #888;
}

.post ul, .post ol {
margin: 1em 0 1em 0em;
}
.post li {
margin: 0.4em 0;
}

/* comments */

#comments {
border-top: 1px solid #ccc;
padding-top:10px;
margin-top:20px;
}

#comments h4, #comments h4 a, #comments h4 a:visited, #comments h4 a:hover {
font: bold 14px  arial, verdana, sans-serif;
letter-spacing:-0.05em;
color:#779BA4;
}

.comment {
color:#666;
padding:10px;
}

.comment p {margin:10px 0;}

.one {background-color:#EFF3F4;}
.two {} /* alternate colour/styling if nec. */

.comment-details {
color:#999;
}

#post-comment {
color:#666;
border-top: 1px solid #ccc;
padding-top:10px;
margin-top:10px;
}

#post-comment h4 {
}

div.commentinstructionright {
float:right;
width:25%;
}

div.commentinstructionright ul {
padding-left: 1em;
}

div.flag {
display: inline;
}
div.flag img {
padding: 0;
vertical-align: middle;
border: 0;
}

/* footer */

#blog-footer {
text-align:center;
color:#fff;
}

/* misc */

.clear {
clear: both;
}

img {
border:0;
padding:5px;
background-color:#fff;
border:1px solid #ccc;
}
blockquote {color:#567880;margin:0 35px 10px 18px;padding-left:8px;border-left:8px solid #CFDCDF;}

#sidebar .powered-by {
padding-top:15px;
padding-left:15px;
}

#sidebar .powered-by img {border:0;padding:0;margin:0;}

#sidebar-content .about img {
float:left;
margin-right:10px;
padding:5px;
background-color:#fff;
border:1px solid #ccc;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

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



/* spreadsheet table */
table.spreadsheet {
border-collapse: collapse;
}
table.spreadsheet td, table.spreadsheet th {
border: 1px solid #333;
text-align: center;
padding: 0 0.5em;
}
table.spreadsheet th {
background: #ddd;
}
/* spreadsheet formulae */
dl.formulae dt {
float: left;
}
dl.formulae dd {
font-family: monospace;
font-size: 90%;
}

.sidebar-block img {
padding: 0 4px 0 0 ;
border: 0;
vertical-align: middle;
background: none;
}
#deliciouscontainer li {
padding: 4px 0;
}
#deliciouscontainer img {
margin-left: -20px;
}


.bloglist a {
padding-left:14px;
}

p.archivedatenextprev {
padding: 0;
margin: 0 0 2em 0;
color: #888;
font-size: 11px;
}
p.archivedatenextprev a {
color: #888;
font-weight: normal;
}

div.morelink {
margin: -0.5em 0 3em 0;
}

/* File download */
div.post-file {
border: 1px dashed #C7D5D9;
padding: 1em;
background: #EFF3F4;
margin: 0.5em 0 1em 0;
}
div.post-file p {
margin: 0;
padding-left: 20px;
  background-image: url(images/icons/sprites.png);
  background-repeat: no-repeat;
  background-position: -10px -717px;
line-height: 16px;
}
span.filetype {
margin-left: 2px;
padding: 2px 0 2px 18px;
background-image: url(images/icons/sprites.png);
background-repeat: no-repeat;
}
span.PDF {
background-position: -10px -9px;
}
span.DOC {
background-position: -10px -45px;
}
span.XLS {
background-position: -10px -81px;
}
span.PPT {
background-position: -10px -117px;
}
span.GGB {
background-position: -10px -153px;
}
span.ZIP {
background-position: -10px -189px;
}
div.cclicense {
padding: 1em 0 0 0;
font-size: 9px;
color: #888;
}
div.cclicense a {
color: #888;
text-decoration: none;
}

div.cclicense a:hover {
text-decoration: underline;
}

.help {
cursor: help;
}
dl.formulae dd {
display: block;
overflow: auto;
}

pre {
margin: 0;
}

.commentpreviewinstruction {
background-image: url(images/icons/sprites.png);
background-repeat: no-repeat;
background-position: -10px -753px;
padding-left:20px;
color:#999;
}

.icon {
padding: 2px 0 2px 18px;
margin-left: 2px;
background-image: url(images/icons/sprites.png);
background-repeat: no-repeat;
}

.iconright {
padding: 2px 18px 2px 0px;
margin-right: 2px;
background-image: url(images/icons/sprites.png);
background-repeat: no-repeat;
}
.iconcommentpreview {
background-position: -10px -787px;
}

.iconmember {
background-position: -10px -225px;
}

.iconlogout {
background-position: -10px -261px;
}

.iconlogin {
background-position: -10px -297px;
}

.iconregister {
background-position: -10px -331px;
}
.iconrss {
background-position: -10px -366px;
}
.iconext {
background-position: -10px -402px;
}
.iconlink {
background-position: -10px -432px;
}
.iconemail {
background-position: -10px -495px;
}
.iconpagelink {
background-position: -10px -460px;
}
.icondelicious {
background-position: -10px -526px;
}
.icontwitter {
background-position: -10px -556px;
}

div#error {
background-image: url(images/icons/sprites.png);
background-repeat: no-repeat;
background-position: -10px -753px;
padding-left:20px;
color:red;
font-size: 110%;
font-weight: bold;

}

div#survey {
border: 1px solid #7DA545;
margin: 0;
padding: 4px;
}
div#survey p {
margin: 0;
padding: 0;
}

.floatright {
float: right;
}

.sidebar-block {
margin: 0 0 1em 0;
}

div.comment img {
padding: 0;
}
.noborder {
border: 0;
}

img.avatar {
float: left;
margin: 0 10px 10px 0;
border: none;
}

p.subtag {
text-align: right;
padding-right: 1em;
font-style: italic;
}

div.cauthor {
border: 1px solid #9BC8D2;
}
p.cauthor {
padding: 0;
margin: 0;
float: right;
font-variant: small-caps;
color: #509DAF;
font-weight: bold;
}

div.comment {
margin: 4px 0;
}