/*********************************************************
 Ausganglinks.co.uk - Edward Prescott, Matthew Newboult

 January 2007
***********************************************************/


/**************************************************
 Colour Library
 
 #f0f1e9 - cream grey - background 
 #99ff01 - illuminous green
 #290b03 - darkgrey - text
 #48423e - midgrey - text
 #6e7162 - lightgrey - text 
 
 #f45656 - heart pink
 #ff2d2d - heart red
 #e3e8c7 - background green grey

 
 **********************************************************/


Html, body, div, table, h1, h2, h3, h4, h5, h6, p, form, img, ul, li {
Margin: 0; border: 0; padding: 0;}


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

body	{
  	background-color: #f0f1e9;
	background-image: url(../images/background.gif);
 	background-position:center top; 	
 	background-repeat: repeat-x;
	text-align: left;
	color: #48423e;
	font: 80% trebuchet ms, arial, verdana, helvetica, sans-serif;
	}

#top {
	background-image:url(../images/backgroundtop.gif);
	background-position:center top;
	background-repeat:no-repeat;
	height:115px;
	margin: 0px 0 0 0px;
	text-align:left;
	width:750px;
	}

#donate {
text-align: center;
padding: 30px 0px 30px 0px;
border: 3px;
}

/* Uncomment me! */

#slideshow {
	
	padding: 0px 30px 0px 60px;
}


.slideclass {
padding: 0px 30px 0px 60px;
}
	
#strip {
	background-image:url(../images/backgroundmid.gif);
	background-position:center top;
	background-repeat:no-repeat;
	height:325px;
	margin: 0 0 30px 0;
	width:750px;
}

#stripsm {
	background-image:url(../images/backgroundmid.gif);
	background-position:center top;
	background-repeat:no-repeat;
	height:125px;
	margin-left:0px;
	width:750px;
}

#main {
	background-image:url(../images/backgroundbtm.gif);
	background-position:center top;
	background-repeat: repeat-y;
	width:750px;
	margin:0px;
	padding:0;
        
}


#polaroid {
	width: 311px;
	height: 315px;
	float: left;
	display: inline;
	margin: 0 0 0 40px;
}



/* taken this out because I can't find a way to attach a class to the image associated with the article yet */

/*
.polaroidsm {
            float: left;
            margin: 15px;
}
*/

#columns img {
	float: left;
        margin: 15px 0 15px 0;
}
            
.polaroidsmbody {
            float: left;
            margin: 0 15px 15px 15px;
            }


/***************************************************************
Map

***********************************************************/

/* changed from an id #map to a class due to textpattern complications */


.map {
        width: 100px;
	height: 100px;
	float: right;
	display: inline;
	margin: 10px;
}

#map {
        margin-top: 50px;
}

#introtitle {
	width: 380px;
	float: left;
	margin: 45px 0 0 10px;
	}

#introtext {
	width: 360px;
	height: 185px;
	float: left;
	margin: 10px 0 0 30px;
	font-size: 1.2em;
	font-weight: normal;
	}

#introtextmain {
	width: 600px;
	float: left;
	clear:left;
        display:inline;
        margin:0pt 50px 0pt 100px;
	font-weight: normal;
	}

#maingraphic {
	float: left;
	height: 300px;
	width: 300px;
	margin: 0;
	display: inline;
	}


#bodytext {
	width: 600px;
	float: left;
	margin: 0 50px 0 100px;
	display: inline;
	clear: left;
	font-size: 1em;
	font-weight: normal;
	}

#bodytext img {
  margin-right: 10px;
  margin-left: 10px;
}

/***************************************************************
front page columns

***********************************************************/

#columns4 {
	width: 600px;
	float: left;
	display: inline;
	margin: 0px 50px 0 100px;
	clear: left;
	font-size: 1em;
	font-weight: normal;
	}
	
.column4 {
	clear:left;
	float: left;
	display: inline;
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	}
	
#columns {
	width: 600px;
	float: left;
	display: inline;
	margin: 0px 50px 0 100px;
	clear: left;
	font-size: 1em;
	font-weight: normal;
	}
	
.column {
	width: 200px;
	float: left;
	display: inline;
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	}

.columnleft {
	margin: 0 8px 0 0;
        width: 192px;
}



.columnmid {
        margin: 0 4px 0 4px;
        width: 192px;
}

.columnright {
        margin: 0 0 0 8px;
        width: 192px;
}

#columns ul{
        width: 192px;
        display: block;
        margin: 15px 0 0 0;
}

#columns li {
        width: 192px;
        display: block;
}

#columns li a {
        width: 192px;
        display: block;
        padding: 5px 0 5px 0;
        border-bottom: 0px;
        text-decoration: none;
        background-image: url(../images/next.jpg);
        background-position:right bottom;
        background-repeat:no-repeat;
}

#columns li a:hover, #columns li a:active {
   background-color: #f0f1e9;
   background-image: url(../images/next.jpg);
   background-position:right bottom;
   background-repeat:no-repeat;
   border-bottom: 0px;
   text-decoration: none;
}

/***************************************************************
diary tags

***********************************************************/

.diarystrip {
	float: left;
	width: 100%;
        border-bottom: 1px dotted #e3e8c7;
}

.diarystripe {
	float: left;
	width: 100%;
        margin: 40px 0 0 0;
}


.diaryh2 {
        margin: 0px 0 0 0px;
	}

.dates {
   background: xxxred;
   font: #290b03;
   font-size: 0.7em;
   font-weight: 900;
   width: 100%;
   
}

.mainlink {
   /*background-image: url(../images/next.jpg);
   background-position:right bottom;
   background-repeat:no-repeat;*/
}

#rsslink {
   background-image: url(../images/rss.jpg);
   background-position:left top;
   background-repeat:no-repeat;
   margin: 20px 0px 10px 0;
   padding: 0px 0px 10px 30px;
}

.date p {
	color:#9B9B8E;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	text-align:center;
	text-transform:uppercase;
	}
	
.articleultext p {
	margin: 0 5px 0 5px;
	line-height: 1em;
}

.diaryultext {
        width: 566px;
        float:left;
        margin: 0 0 10px 10px;
        }

.date {
   background:transparent url(../images/calendar24.png) no-repeat scroll 0 50%;
   float:left;
   height:24px;
   margin: 5px 0 0 0;
   padding:0;
   width:24px;
}

.date span.month {
   display:block;
   float:left;
   font-size:7px;
   font-weight:900;
   height:10px;
   line-height:7px;
   margin:0 0 0 3px;
   width:24px;
}

.date span.day {
   display:block;
   float:left;
   font-size:12px;
   font-weight:900;
   height:12px;
   line-height:12px;
   margin:0 0 2px 2px;
   width:24px;
}


.diaryuldate {
font: italic small-caps 900 12px/14px Times;
}

/******************************************************************************
default anchor tags

******************************************************************************/


a {
	text-decoration: none;
	color: #48423e;
	border-bottom: 1px dotted #99ff01;
}

a:hover, a:active {
	text-decoration: none;
	color: #290b03;
background: #F0F1E9;
	border-bottom: 1px solid #99ff01;
}

a.nounderline {
	border-bottom: 0px;
        text-decoration: none;
        background: none;
}

a.readmore {
   padding-right: 15px;
   background-image: url(../images/next.jpg);
   background-position:right center;
   background-repeat:no-repeat;
}

/******************************************************************************
top navigation

******************************************************************************/



#navigation {
	font-family: trebuchet ms, Verdana, Arial, Sans-serif;
	float: left;
	display: inline;
	margin-top: 45px;
	margin-left: 100px;
	width: 450px;
	height: 30px;	
	font-size: 0.9em;
	font-weight: 500;
	text-align: left;
        color: #3f3f38;
	}

#navigation ul {
	width: 400px;
	height: 30px;
        float: left;
	}


#navigation li {
	float: left;
	margin: 0 0 0 0px;
	display: inline;
	padding: 0;
	}
	
#navigation a {
	margin-left: 17px;
	display: block;
	color: #3f3f38;
	}

#navigation li.first a {
	margin: 0;
	border-bottom: 2px solid #99ff01;
}

#navigation a#first {
	margin-left: 0px;
}

#navigation li a span.active {
	margin: 0;
	border-bottom: 2px solid #99ff01;
	color: #3f3f38;
}

.active {
	border-bottom: 2px solid #99ff01;
}

/******************************************************************************
major structural divs

******************************************************************************/



#logo {
	float:right;
	display: inline;
	text-align: right;
	margin: 45px 20px 0 0;
	width: 150px;
	height: 54px;
	}


#leftcontent {
	width: 750px;

	height: 100%;
	float: left;
	margin-top: 30px;
	font-size: .8em;
	}

#rightcontent {
	width: 450px;
	height: 100%;
	float: left;
	margin: 0 0 0 0;
	display: inline;
	}	


/******************************************************************************
 Styles
 
********************************************************************************/


Html, body, div, table, h1, h2, h3, h4, h5, h6, p, form, img {font-size: 100.1%}

.bold {
	font-size: 1.25em;
	font-weight: bold;
	}


.break {
	margin: 15px 0 0 0;
}

.hide {display: none;}


/* Body Links*/


#logo a {

	border: 0;
}

/******************************************************************************
Headers
 
********************************************************************************/


h1 	{
	font-family: Georgia, serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	margin: 0;
	text-align: left;
	letter-spacing: 0.01em;
	color: #3f3f38;
height: 2em;
	}

h2 	{
        font-family: Georgia, serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.4em;
	margin: 40px 0 0 0;
	text-align: left;
	letter-spacing: 0.01em;
	color: #3f3f38;
        height: 1.4em;
	}
	
h3 	{
       	font: trebuchet ms, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1em;
	margin: 30px 0 0 0;
	text-align: left;
	color: #3f3f38;
	}
	

p 	{
	text-align: left;
	margin: 10px 20px 0 0;
	}
	
p.nospace {
	margin: 0 20px 0 0;
	}

	
/* clear: both puts the footer to the bottom */

#footer {
        background-image: url(../images/backgroundbtm2.gif);
	background-position:center top;
	background-repeat:no-repeat;
	height: 200px;
	width:750px;
        clear: both;
	}

#footertext {

	width: 600px;
	height: 50px;
	float: left;
        margin: 130px 50px 0 100px;
	display: inline;
	font-weight: normal;
	}

#footer p {
	font-size: .7em;
        color: #6e7162;
	}


.footeranchor  {
	color: #6e7162;
	}
	
hr 	{
	border: none 0;
	border-top: 1px solid #f2e9da;
	width: 50%;
	height: 1px;
	text-align: center;
	align: center;
}

div.clear { clear: both; }

li.prev {
margin-top:20px;
display:inline;
float:left;
}

li.next {
margin-top:20px;
display:inline;
float:right;
}


/******************************************************************************
Contact Form

********************************************************************************/


#contactform {
margin: 40px 0 20px 0;
}

fieldset {
border: 0;
margin:0;
padding:0;
}

legend {
display: none;
}

.article-date {
	margin-top: 20px;
        font-size: .7em;
        color: #290b03;
        font-weight: 400;
}



/******************************************************************************
Content Images
 
********************************************************************************/


.article-image {
        float: right;
        padding:20px;
        background-image: url(../images/27.png);
	background-repeat:no-repeat;
}

.article-image-thumbnail{
        float: right;
        padding: 10px;
        background-image: url(../images/33.png);
	background-repeat: no-repeat;
}

/******************************************************************************
 Breadcrumb
 
********************************************************************************/

#breadcrumb {
	font-style: normal;
	font-weight: 200;
	font-size: 0.7em;
	margin: 5px 0 0 83px;
	text-align: left;
	color: #6e7162;
        height: 40px;
        width: 350px;
        float:left;
	}

/******************************************************************************
 Search
 
********************************************************************************/	
#search {
	
	height: 30px;
        width: 250px;
        font-size: 0.85em;
	font-weight: 500;
        position: absolute;
        top: 10px;
        margin: 0px 0 0 520px;
}

#search p{
	margin: 0px 0 0 0;
}