/*
Talygarn CSS by Robert Dicks
Absolute paths are used to files as the old
talygarn.com 404.shtml file also uses this css file
*/

body {
	margin: 20px 0;
	padding: 0;
	background: #000000;
	line-height: 140%;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(http://assets.talygarnec.co.uk/images/GrassBackground3.jpg) repeat #000000;
	font-size:10pt;
}

h1 {
	font-size: 1.7em;
	color:#0000CC;
	border: 1px solid #b0cbe3;
	border-width: 0px 0 1px 0;
	padding-bottom: 3px;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 1.3em;
	clear: left;
	}

h2, h3 {
	color:#0000CC;
}

h2 {
	font-size: 1.4em;
}

h3 {
	margin: 0;
	font-size: 1em;
}

a:link {
	
	text-decoration: none;
	color: #3284B5;
}

a:hover {
	border: none;
}

img {
	border: none;
}

/* Header */

#header {
	width: 700px;
	height: 200px;
	margin: 0 auto;
	background: url(http://assets.talygarnec.co.uk/images/TopImage.jpg) no-repeat;
}

/* Controls the Main Text in the Header */
#header * {
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight:bolder;
	color:#000000;
}

#header h1 {
	float: left;
	padding: 140px 0 0 20px;
	font-size: 3em;
}

#header h2 {
	float: left;
	padding: 165px 0 0 3px;
	font-size: 1.2em;
}

/* The Top Navigation */

#TopNav {
	width: 700px;
	height: 41px;
	margin: 0 auto;
	background: #37AEF2 url(http://assets.talygarnec.co.uk/images/Menu.gif)
}

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

#TopNav li {
	display: inline;
}

#TopNav a {
	display: block;
	float: left;
	height: 32px;
	padding: 9px 20px 0 20px;
	text-decoration: none;
	color: #FFFFFF;
}

#TopNav a:hover, #menu .active a {
	background: url(http://assets.talygarnec.co.uk/images/img3.gif);
	color: #FFFFFF;
}

/* The Main Content (3 Column Layout) */

#content {
	width: 700px;
	margin: 0 auto;
	background: url(http://assets.talygarnec.co.uk/images/img4.gif);
}

#MainContentMiddle {
	float: right;
	width: 360px;
	margin-right:-359px
	padding-top:0px;
	padding-right:20px;
	margin-right:20px;
}

#MainContentMiddle img
	{
	float:right;
	}

#mid_box { margin: 0 0 10px 0; padding: 3px 0; }

#mid_box img
	{
	padding-right:5px;
	float:left;
	}


.Blogsleft_side {
		float: left;
		padding-right:3px;
		width: 180px;
		overflow:hidden;
	}


.Newsright_side {
		float: right;
		padding-left:5px;
		border-left: 1px solid #b0cbe3;
		width: 170px;
	}



#LeftCol {
	position:relative;
	float: left;
	width: 120px;
	margin-left:-119px
	padding: 10px;
	padding-left:10px;

}


#LeftCol a{

	text-align:center;
	}
	
	#LeftCol a hover{

	text-align:center;
	}


#RightCol {
	float: right;
	width: 160px;
	margin-right:-159px
	padding: 20px 10px 0 10px;
}

/* *********EDITORIAL ******** */

#editorial { margin: 0 0 10px 0; padding: 3px 0; }

.editorialleft {
		float: left;
		padding-right:3px;
		width: 170px;
		overflow:hidden;
	}
.editorialleft img{
		float: center;
		padding-top:10px;
		padding-bottom:10px;
	}


.editorialright {
		float: right;
		padding-left:5px;
		width: 170px;
	}

.editorialright img{
		float: center;
		padding-top:10px;
		padding-bottom:10px;
	}
	

/* Footer */

#footer {
	width: 700px;
	margin: 0 auto;
	padding: 10px 0;
	background: url(http://assets.talygarnec.co.uk/images/img6.gif) repeat-x;
	font-size: smaller;
}


/* CSS for tweets */

.aktt_tweets a {
	line-height: 1em;
}


.aktt_tweets a:hover{
	background-color: #dbf0ba;
	color: #1756a6;
}

.aktt_tweets li{

list-style-position: outside;
list-style-image: url(http://www.monicowebdesign.co.uk/wp-content/uploads/2010/08/Twitter-li.png);
list-style-type: square;
padding-bottom:5px;

}

#boxes-container .box .aktt_tweets li{

list-style-position: outside;
list-style-image: url(http://www.monicowebdesign.co.uk/wp-content/uploads/2010/08/Twitter-li.png);
list-style-type: square;
padding-bottom:5px;

}