@import url("../css/undohtml.css");

body
{
background-color: #DCF0F1;
        font-size: 16px;
}

blockquote, li, h3
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica;
	font-size: 0.75em;
	line-height: 1.6em;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
color: #fff;
}


p, blockquote, li, h3
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica;
	font-size: 0.75em;
	line-height: 1.6em;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
color: #666666;
}

p { padding-bottom: 9px; }

blockquote
{
	font-size: 0.75em;
        color: #555;
        margin-left: 20px;
	margin-right: 20px;    
        padding: 8px;
        padding-bottom: 3px;
        padding-left: 0px;
        padding-right: 20px;
        /*background-color: #fff;
        border-left: 12px solid #DCF0F1;*/
        background-color: #DCF0F1;
}


#sidebar-2 p
{
	line-height: 16px;
	font-size: 0.7em;
        font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica;
}

#head
{
text-align: left;
height: 125px;
padding-left: 180px;
padding-top: 20px;
vertical-align: middle;
background: #93CDE6 url("/images/snowbg.gif") no-repeat left center;
}

#container
{
	width: 760px;
	\width: 770px;
	w\idth: 760px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
margin-top: 0px;
	padding: 10px;
background-color: #fff;
}

#content
{
	margin-left: 0px;
	margin-right: 240px;
	padding-top: 15px;
        padding-bottom: 10px;
        /* border-left: 5px solid #ddd;
            border-bottom: 5px solid #ddd; */
}

#sidebar-2
{
	float: right;
	width: 235px;
	\width: 235px;
	w\idth: 235px;
	margin-left: 5px;
margin-top: 10px; 
padding-top: 10px;
background: #C6E4F2;
}

#foot
{
	clear: both;
	margin-top: 5px;
	text-align: center;
}

#accessibility
{
	position: absolute;
	top: -10000px;
}

a
{
	color: #000;
	text-decoration: none;
	border-bottom: 0px;
}

#sidebar-2 a, #sidebar-1 a
{
	//color: #C00;
}

h1
{
	font-weight: normal;
	text-decoration:none;
	font-family: Arial;
	font-size: 3em;
}

h1 a { color: #fff; }
h1 a:hover { color: #fff; }

#head_99letters h1
{
        position: relative;
        left: 27px;
}

#head_mpo h1
{
        position: relative;
        left: 70px;
}

h2
{
        color: #fff;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.7em;
	font-style: normal;
        padding-left: 200px;
}

h3
{
	font-weight: normal;
        padding-bottom: 10px;
}

h3 a
{
	font-weight: normal;
	font-family: Tahoma, Arial, Verdana, Helvetica, Sans-serif;
	font-size: 1.6em;
        color: #6FB5DF;
}

h3 a:hover 
{ 
color: #333; 
border-bottom: 1px dashed #666; 
}

h4
{
        font-family: Verdana, Arial, Helvetica;
        font-weight: bold;
        font-size: 12px;
        padding-left: 10px;
        color: #666;
}

.article h4 
{
         padding-bottom: 7px;
         padding-top: 3px;
}


p a, ol a, ul a, dd a, .commentform a, span a
{ color: #0099CC; padding-left: 1px; padding-right: 1px; }

p a:hover, ol a:hover, ul a:hover, dd a:hover, .commentform a:hover, span a:hover 
{ color: #333; border-bottom: 1px dashed #666; }

#sidebar-2 a { color: #09C; }
#sidebar-2 a:hover { color: #09C; border-bottom: 1px dashed #666; }


#sidebar-2 .weather a:hover { border:0; }

#sidebar-2 .photog a:hover { border:0; center}

.menu 
{
       display: inline;
       float: right;
       color: #999;
}

.menu ul, .menu li
{
       list-style-type: none
}

.menu li
{
       padding-right: 10px;
       font-family: Georgia, Times, Serif;
       font-weight: bold;
       font-size: 13px;
}

.menu li a, 
.menu li a:active,
.menu li a:visited
{
color: #fff; 
}
.menu li a:hover 
{ 
color: #09C; 
border: 0;
}

/*---------------------------------------------------------------------*/
/* Article formatting */
.article
{
       border-bottom: 2px dotted #ddd;
       padding-bottom: 10px;
       padding-top: 12px;
}

.article p,
.article ul li
{ 
       color: #666;
       text-align: justify;
}

.article img 
{    
        float: left; 
        padding-right: 10px;
        padding-bottom: 5px;
}

.article img.border
 {
        border:1px solid #ccc;
        padding:6px;
        float:none;
      }

.article img.borderless
 {
        border:1px solid #ccc;
        padding:6px;
        float:left;
        margin-right: 10px;
      }

.article img.unfloat
{
        float:none;
        padding:0;
}

/* Bulleting styles for articles */
.article ul
{
        margin-left: 40px;
}

.article ul li 
{
        list-style-image: url("/images/brown_slant_arrow.gif");
        list-style-item: none;
        padding-left: 0px;
}

.article ol 
{
        margin: 5px 0px 5px 40px;
}

.article ol, .article ol li 
{
        list-style-type: decimal;
}

.article p.tab
{
margin-left: 30px;
line-height: 1.5em;
padding-bottom: 10px;
}

.postinfo { margin-top: 10px; }

.postdate p
{ 
color: #666; 
font-family: Verdana, Arial, Helvetica;
font-size: 0.7em;
font-weight: bold;
}

.postdate p { padding-bottom: 5px; }
.postinfo p { text-align: right; }

.postinfo p 
{ 
color: #666; 
font-family: Verdana, Arial, Helvetica;
font-size: 0.7em;
}

span.morelink
{
       background: url("/images/openbook_icon.jpg") no-repeat center right;
       padding-right: 15px;
}

.article_short, .article_mpo
{
       border-bottom: 0px;
       padding-bottom: 0;
       padding-top: 10px;
}

.article_short h3 { padding-bottom: 3px; }
.article_mpo h3 { padding-bottom: 2px; }

.article_short .postdetails span,
.article_mpo .postdetails span
{
       display: inline;
       color: #960;
       font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica;
       font-size: 0.7em;
       margin-left: 10px;
       padding-bottom: 3px;
}

.article_mpo img 
{ 
       float:left; 
       margin-left: 10px; 
       margin-right: 10px;
}

.article_mpo .postdetails span
{
     margin: 0; padding: 0;
}

.article .programme
{
       background-color: #efc;
       margin: 0px 10px 8px 10px;
       padding-top: 7px;
       padding-bottom: 3px;
}

/*----------------------------------------------------------------*/
/* Sidebar formatting */

input, select, textarea
{
        font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica;
        font-size: 11px;
}

.subsection { padding-bottom: 10px; }

ul.recent_articles li, ul.cbs_category_list li
{
        line-height: 1.4em;
        margin-left: 11px;
        padding-left: 10px;
        background: url("/images/snowbullet.gif") no-repeat center left;
}

#flickr { margin-left: 10px; margin-right: 12px; }
#flickr img { width: 50px; height: 50px; }
#flickr a { padding: 3px; display: block; float: left;}
#flickr a:hover { background: #9c3; }

/* ------------------------------------------------ */

.caps
{

	letter-spacing: 0.1em;
	font-size: 10px;
}

#content hr
{
	color: #ccc;
	width: 66%;
	margin-top: 2em;
	margin-bottom: 2em;
}

img.divider
{
	align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}

/* Comment display */

.commentlist 
{ 
       padding-top: 5px; 
       border-bottom: 2px dotted #ddd;
       padding-bottom: 10px;
}

.comment-num { font-weight: bold; color: #960; }

.commentlist .even, .commentlist .odd 
{ 
        margin-left: 10px;
        margin-bottom: 12px; 

}

.commentlist .odd { background-color: #f2f2f2; }
.commentlist.even { /* no color */ }

p.comment-info { margin-top: 5px; }

p.comments_invite, span.comments_invite 
{
        clear: left;
        margin-top: 7px;
        margin-bottom: 7px;
        margin-left: 10px;
        padding-bottom: 0px;
        font-family: Tahoma, Verdana, Arial, Helvetica;
        font-size: 12px;
        background: url("/images/pencil_icon.jpg") no-repeat center left;
}

p.comments_invite a { margin-left: 6px; }
span.comments_invite a { margin-left: 14px; }

.comments_error
{ 
	background-color: #ffa 
}

div.comments_error
{
	border: 1px solid #cc8;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 15px;
	padding : 0.3em;
        font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica;
        font-size: 11px;
        color: #960;
}

.msgpreview
{
        border: 1px solid #09c;
        background-color: #DCF0F1;
        padding: 0.2em 0;
        margin: 0px 10px;
        margin-top: 8px;
        margin-bottom: 12px;
}

/* Comment form */
form#txpCommentInputForm { padding-top: 10px; }

form#txpCommentInputForm label 
{ 
   font-weight:bold;
}


.commentform
{ 
        margin-top: 8px;
        font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica;
        font-size: 0.9em;
}

table.commenttable 
{      
        margin-left: 10px; 
        margin-bottom: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        border: 1px solid #09c;
}

/* Comment live preview */
.commentpreview
{
   margin-top: 8px;
   border: 1px solid #09c;
   margin-left: 10px; 
   margin-bottom: 8px;
   color: #444; 
}

.commentpreview p.posted
{
   color:#960;
   padding-bottom: 2px;
} 

.commentpreview p.author 
{
   margin-bottom:0;
   padding-bottom:0;
} 

.commentpreview #TextDisplay
{ 
   background-color:#DCF0F1;
   margin: 5px 10px; 
   padding: 3px 5px;
}


/* ARCHIVES page */
dl.aa { margin-left: 10px; margin-top: 0; }

dt
{
	font-family: Georgia, Times, Serif;
        font-size: 12px;
        color: #444;
        font-weight: bold;
}

dd
{
        font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica;  
        font-size: 11px;
        color: #333;
        margin: 2px 0px;
        margin-left: 20px;
}

/* LINKS page */
ul.mem_list { padding-bottom: 10px; }

.cat 
{  
        font-family: Georgia, Times, Serif;
        font-size: 0.7em;
        color: #444;
        font-weight: bold;
        text-transform: uppercase;
        margin-left: 10px;
}

.mem_list_column span { display: inline; }

.mem_list_column .link
{ 
        font-size: 1.15em; 
        display:inline;
}

.mem_list_column .linkdes 
{ 
        font-size: 0.85em; 
        display:inline;
        color: #666;
}

/* 99 LETTERS page */
#about99, #colours99 
{
        border-bottom: 1px solid #eee;
}

#about99 p 
{ 
        font-family: Verdana; 
        font-size: 0.7em;
}

#lettersquares
{
        margin-left: 80px;
        width: 360px;
        text-align:left;
}

#lettersquares ul.square li.square img { border: 1px solid #ddd; }

#lettersquares ul.square, #lettersquares li.square
{
        display: inline;
        padding:0; margin: 0;
}

#lettersquares a,
#lettersquares a:visited,
#lettersquares a:active
{
        padding:0;
        margin:0;
}

#lettersquares ul.square li.square a:hover
{
        background-color: #fff;
}

#lettersquares ul.square li.square a:hover img
{
        border: none;
}

#lettersquares .lettercount 
{  
        font-family: Verdana, Arial, Helvetica;
        font-size: 0.65em;
        color: #999;
        letter-spacing: 2px;
        text-transform: uppercase;
}

div.colourdes
{
        display:inline;
        padding-left: 10px;
        padding-bottom: 10px;
}

img.legend { float:left;  }
li.colours 
{ 
        clear:left; 
        margin-bottom: 5px;
}



/* GALLERY pages */


p#gallery { 
   clear:left;
   float: none;
}

p#gallery img { 
   float:none; clear:left;
   padding: 3px;
   margin-right:10px; 
}

p#gallery a,
p#gallery a:visited,
p#gallery a:active 
{ border-bottom: 0px; background: #fff; }

p#gallery a:hover { background: #fff; }



td {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica;
	font-size: 0.75em;
	line-height: 1.6em;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
        color: #666;
}