/*  
Theme Name: Mylocalcollege
Description: Custom theme for Mylocalcollege
Version: v1
Author: Pentagon Design
Author URI: http://pentagondesign.co.uk/

*/



* {
	margin:0;
	padding:0;
	list-style-type: none;
}
html {
	min-height: 100%;
	margin-bottom: 1px;
}
body {
	color: #000;
	font: 62.5%/18px Verdana, Arial, Helvetica, sans-serif;
	background: #003f86 url(images/body-bg.gif) repeat-x center top;
}
#search, #header, #menu, #inner {
	width:980px;
	margin:0 auto;
}
#footer {
	width:980px;
	margin:0 auto;
}
#outer {
	background: #fff url(images/outer-bg.gif) repeat-x center bottom;
	padding-bottom:20px;
}
#inner {
	position:relative;
}
#search {
	height:59px;
	background: url(images/logos.gif) no-repeat right top;
}
#search #s {
	float:left;
	margin-top:17px;
	width:230px;
	height:15px;
	padding:3px;
	border:1px solid #fff;
	background-color:#ccc;
}
#search #searchsubmit {
	margin-top:13px;
}
#search #s:focus {
	background-color:#FFD527;
}
#header {
	position:relative;
	height:232px;
	background: url(images/header-bg.jpg) no-repeat right top;
}
#menu {
	position:absolute;
	/*top:223px;*/
	top:-33px;
	right:80px;
	text-align:right;
}
#menu li ul {
	display:none;
}
#menu li {
	display:inline;
}
#menu li a {
	color:#000000;
	font-size: 11px;
	padding:0px 15px;
	/*display:block;*/
	height:1%;
	font-weight: bold;
	text-decoration:none;
	border-right: 1px dotted #446485;
}
#menu li a:hover {
	color:#fff;
}
.designedby {
	padding-top:60px;
	margin:auto;
	color:#DADADE;
	font-size:0.9em;
	margin-bottom:20px;
}
.designedby a {
	text-decoration:none;
	color:#DADADE;
}
h1, h2, h3, h4, h5 {
	margin-top:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0066B0;
	font-weight:normal;
}
h2 {
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:dotted 1px #0066b0;
	clear:left;
}
h3 {
	font-size: 14px;
	margin-bottom:2px;
	clear:both;
}
#footer h4 {
	font-size:16px;
	color: #FFFFFF;
}
p {
	margin-bottom:12px
}
#content li, #content p {
	font-size: 1.1em;
	color: #4D555A;
}
#toplogo {
	margin:0;
	height: 185px;
	width: 448px;
	position:absolute;
	top:0;
	left:15px;
	background: url(images/toplogo.gif);
	text-indent:-9999px;
}
#toplogo a {
	display:block;
	position:absolute;
	height: 185px;
	width: 448px;
}
.description {
	width:242px;
	height:50px;
	position:absolute;
	top:140px;
	left:5px;
	text-indent:-9999px;
	background: url(images/description.gif) no-repeat;
	margin:0;
	padding:0;
}
#content {
	width:720px;
	float:right;
	padding-bottom:30px;
	margin-top:0;
}
#content * {
	margin-right:15px;
}
#content * * {
	margin-right:0;
}
#sidebar {
	width:215px;
	float:left;
	position:relative;
	padding-bottom:200px;
	background: url(images/sidebar-bg.jpg) no-repeat left bottom;
}
#sidebar * {
	margin-left:10px;
}
#sidebar * * {
	margin-left:0;
}
#content ul {
	padding-left:20px;
	margin: 12px 0 0;
}
#content ul ul {
	padding-left:20px;
	margin: 0px 0 20px;
}
#content ul li {
	list-style-type:disc;
	font-size:1.1em;
	margin:3px;
}
#content ul li li {
	list-style-type:disc;
	font-size:1em;
	margin:3px;
}
#content ol {
	padding-left:20px;
	margin: 12px 0 0;
}
#content ol li {
	font-size:1.1em;
	margin:3px;
	list-style: decimal;
}
#sidebar a, #content a, #newscontent a {
	color: #FF6600;
	text-decoration: underline;
}
#newscontent .post {
	border-bottom:dotted 1px #835E4F;
	padding-bottom:20px;
}
#sidebar li {
	display:inline;
}
#sidebar li a {
	display:block;
	color:#000;
	padding:5px 10px 5px 4px;
	font-size: 1.1em;
	text-decoration:none;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	margin-bottom:1px;
}
#sidebar li a:hover {
	background: #FF8B44 url(images/sidemenu-bg.gif) repeat-x left center;
	border-top: 2px solid #FFCD00;
	border-bottom: 2px solid #FFCD00;
}
#sidebar ul {
	margin-top:15px;
	margin-bottom:20px;
}
#sidebar #address p {
	font-size:1.1em;
}
.current_page_item a {
}
#registration {
	font-size:.9em!important;
}
#footer {
	clear:both;
	padding-bottom:100px;
	background: url(images/welsh-assembly-logo.gif) no-repeat 10px 20px;
}
#footer p {
	text-align:center;
	padding-top:5px;
}
#footer a {
}
.flr {
	float:right;
}
.fll {
	float:left;
}
.last {
	border-right:solid 3px #000!important;
}
.last:hover {
	border-right:3px solid #B3A88E!important;
}
.noborder {
	border:none!important;
}
.btt {
	font-size:10px;
	padding-left:15px;
	background: url(images/btt.gif) no-repeat 0 5px;
}
.btt a {
	text-decoration:none;
}
.btt a:hover {
	text-decoration:underline;
}
.navigation {
	padding:20px 0 0;
}
.morelink {
	color:#C16B11!important;
	border-bottom:1px dotted #835e4f!important;
	padding-bottom:12px!important;
}
#menu .current_page_item a, #menu .current_page_parent a, #menu .current-cat a {
	color:#fff!important;
}
#sidebar .current_page_item a, #sidebar .current_page_item a:hover {
	background: #E6EEFE!important;
	border-top: 2px solid #D3DEFF!important;
	border-bottom: 2px solid #D3DEFF!important;
	cursor:default;
}
.clearer {
	clear:both;
}
.footerlinks ul li, #footer #recentposts li {
	display:inline;
}
.footerlinks ul li a, #footer #recentposts li a {
	display:block;
	color:#D8DDE3;
	padding:2px 0 2px;
	font-size: 1.1em;
	text-decoration:none;
}
.footerlinks ul li a:hover, #footer #recentposts li a:hover {
	color: #FFD527;
}
.footerlinks ul, #footer #recentposts {
	margin-top:15px;
}
#recentposts li a {
	width:190px;
}
.recent {
	width:230px;
}
.flickrrss {
	width:500px;
}
.flickrrss img {
	border:solid 7px #fff;
	margin:20px 15px 15px 0;
}
.footerlinks {
	width: 175px;
}
#comment {
	width:400px;
	;
}
.post {
	margin-bottom: 20px;
	padding-bottom:10px;
}
.postmetadata {
	padding-bottom:20px;
	border-bottom:1px dotted #5C709F;
}
.post img {
	margin-right:18px;
	margin-bottom:12px;
}
table {
	border: 1px solid #D1CEE4;
}
td {
	background: #ebeff6;
	margin:2px;
	padding:4px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
.staff img {
	float:left;
	border:5px solid #ECECEC;
}
.staff p {
	float:left;
	width:200px;
	margin-left:20px;
}
.staff {
	clear:both;
	height:240px;
	width:430px;
	border-bottom:1px dotted #B7B7B8;
	padding-top:30px;
}
form#contact input, form#contact textarea {
	margin-top:5px;
	padding:3px;
}
/* Begin Images */





p img {
	padding: 0;
	max-width: 100%;
	border:none;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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
}
/* End Images */

.homebutton {
	color: #FFFFFF;
	font-size:14px;
	margin:20px 10px 20px 0!important;
	width:160px;
	float:left;
	padding:12px;
	min-height:150px
}
.homebutton li a, .homebutton li {
	font-size:11px!important;
	color:#fff!important;
}
.areas {
	background-image: url(images/areas-bg.jpg);
	background-repeat: no-repeat;
}
.ages {
	background-image: url(images/ages-bg.jpg);
	background-repeat: no-repeat;
}