/*

Theme Name: Rail User Group
Theme URI: http://www.melbourncambridge.co.uk/
Description: South Cambridgeshire rail user information site. 
Author: Melbourn
Author URI: http://www.melbourncambridge.co.uk/
*/

/* 
for thumbnails in post, use the custom key: Thumbnail
for image gallery use the custom key: slide 
(note, it's case sensitive!)

Colours used for Rail User Group
#583d74 - Purple
#013370 - Dark Blue
#3586b1 - Light Blue
#e2006e - Pink
*/


body {
background: #d0d1d4;
font: 13px/18px Arial, Myriad Pro, Helvetica, sans-serif;
letter-spacing:0;
margin:0;
padding:0;
}

a {
outline:none;
text-decoration:none;
}

p {
}

p:a {
background: #ccc;
padding:3px;
}

blockquote {
border-left: 5px solid #f7f7f7;
margin: 0 0 0 10px;
padding:0 0 0 10px;
}

#page {
width: 1000px;
margin: 0 auto;
}

#header {
width: 1000px;
margin-left: 0px;
top: 0px;
position: relative;
height: 258px;
background: #d0d1d4 url(img/header.jpg) top center no-repeat;
}

#content {
background: #d0d1d4 url(img/content.jpg) center repeat-y;
border: 0px solid #042d54;
font: 13px/17px Arial, Myriad Pro, Helvetica, sans-serif;
text-align: justify;
padding: 0px 33px 0px 0px;
color: #CCC;
}

#content-left {
float: right;
width: 528px;
padding: 20px 33px 0px 20px;
}

h1 {
font: bold 33px Arial, Myriad Pro, Helvetica, sans-serif;
color: #013370;
}


/*
h1 {
bottom:50px;
left:0;
line-height:1;
font: bold 38px Arial, Myriad Pro, Helvetica, sans-serif;
margin:0;
padding:0;
}
*/

h1 a {
font: bold 33px Arial, Myriad Pro, Helvetica, sans-serif;
color: #013370;
}

h2 {
font: bold 26px Arial, Myriad Pro, Helvetica, sans-serif;
color: #013370;
}

h2#blog-description {
position:absolute;
left:0;
font: bold 23px Arial, Myriad Pro, Helvetica, sans-serif;
color: #013370;
margin: 0;
padding: 4px 0 0 40px;
}

h3 {
line-height:100%;
font-weight:700;
font: 30px Arial, Myriad Pro, Helvetica, sans-serif;
margin:0 0 20px;
color: #013370;
}

h3 a {
text-decoration:none;
font-family: Arial, Myriad Pro, Helvetica, sans-serif;
color: #013370;
text-align: left;
}

h4 {
font-size: 18px;
font-style: italic;
color: #013370;
margin: 30px 0px 0px 0px;
text-align: left;
}

h5 {
font: 24px Arial, Myriad Pro, Helvetica, sans-serif;
color: #013370;
margin: 0px 5px 0px 0px;
padding: 5px 0px 8px 0px;
border-top: 1px solid #c6c2cc;
text-align: left;
}

h6 {
font: bold 16px Arial, Myriad Pro, Helvetica, sans-serif;
color: #013370;
margin: 15px 5px 5px 0px;
padding: 5px 5px 2px 0px;
border-top: 1px solid #c6c2cc;
text-align: left;
}



#top-nav {
position:absolute;
top: 10px;
right:0;
list-style:none;
width:280px;
margin:0;
padding:0;
}

#top-nav li {
float:left;
margin:0 0 0 10px;
}

#top-nav li#rss {
background:url(img/rss-icon.gif) no-repeat left center;
padding:0 0 0 15px;
}




.box-left {
margin:0 0 40px;
}



/***** PAGE *****/

.box-page  {
font: 13px/17px Arial, Myriad Pro, Helvetica, sans-serif;
text-align:justify;
color: #4d5960;
}

.box-page p {
font: 13px/17px Arial, Myriad Pro, Helvetica, sans-serif;
text-align:justify;
color: #4d5960;
margin: 0px 10px 0px 0px;
padding: 0px 0px 5px 0px;
}

.box-page li {
font: 13px/17px Arial, Myriad Pro, Helvetica, sans-serif;
text-align:justify;
color: #4d5960;
margin: 0px 15px 0px -15px;
}

.box-page h3 {
font: 30px Arial, Myriad Pro, Helvetica, sans-serif;
line-height:100%;
font-weight:700;
margin: 10px 0px 10px 0px;
text-align: center;
}

.box-page h3 a {
color: #013370;
}



/***** SINGLE *****/

.box-single_thumb  {
font: 13px/17px Arial, Myriad Pro, Helvetica, sans-serif;
text-align:justify;
color: #5a6470;
margin: 0px 10px 0px 0px;
}

.box-single_thumb li {
font: 13px/17px Arial, Myriad Pro, Helvetica, sans-serif;
text-align:justify;
color: #4d5960;
margin: 0px 15px 0px -15px;
}

.box-single_thumb h3 {
font: 30px Arial, Myriad Pro, Helvetica, sans-serif;
line-height:100%;
font-weight:700;
margin: 10px 0px -10px 0px;
}

.box-single_thumb h3 a {
color: #583d74;
}


/***** SINGLE *****/

.box-single  {
font: 13px/17px Arial, Myriad Pro, Helvetica, sans-serif;
text-align:justify;
color: #5a6470;
margin: 0px 10px 0px 0px;
}

.box-single li {
font: 13px/17px Arial, Myriad Pro, Helvetica, sans-serif;
text-align:justify;
color: #4d5960;
margin: 0px 15px 0px -15px;
}

.box-single h3 {
font: 30px Arial, Myriad Pro, Helvetica, sans-serif;
line-height:100%;
font-weight:700;
margin: 10px 0px 10px 0px;
}

.box-single h3 a {
color: #583d74;
}


/***** INDEX *****/

.box-index {
font: 13px/17px Arial, Myriad Pro, Helvetica, sans-serif;
text-align:justify;
color: #635a70;
margin: 0px 10px 0px 0px;
}

.box-index li {
font: 13px/17px Arial, Myriad Pro, Helvetica, sans-serif;
text-align:justify;
color: #4d5960;
margin: 0px 15px 0px -15px;
}

.box-index h3 {
font: 30px Arial, Myriad Pro, Helvetica, sans-serif;
line-height:100%;
font-weight:700;
margin: 10px 0px 10px 0px;
}

.box-index h3 a {
color: #583d74;
}



/***** DATE ******/

.meta {
clear:both;
font: 10px Arial, Myriad Pro, Helvetica, sans-serif;
border-top: 1px solid #c6c2cc;
color:#5e5e5e;
padding: 4px 0px 6px 0px;
margin: 10px 0px 50px 0px;
}

.meta-date {
padding:2px 0px 2px 0px;
}



.meta-categories {
background:url(img/note.png) no-repeat 0 2px;
padding:2px 0px 2px 0px;
}

.meta-comments {
background:url(img/user_comment.png) no-repeat 0 2px;
padding:2px 15px 2px 20px;
}




/******* SIDEBAR *******/

#content-right {
float: left;
width: 280px;
padding: 15px 0 0 60px;
text-align: left;
margin: 10px 0px 0px 0px;
}

.box-right h4 {
font: 22px Arial, Myriad Pro, Helvetica, sans-serif;
line-height: 100%;
font-weight: 700;
margin: 0px 0px 5px 0px;
color: #013370;
text-align: left;
text-decoration: none;
}

.box-right {
background: #e2e5f1 url(img/prp.jpg) repeat-x top;
border: 1px solid #bab28b;
margin: 0 0px 20px 0;
padding: 10px;
}

.box-right ul {
font: 15px Arial, Myriad Pro, Helvetica, sans-serif;
color: #3586b1;
text-align: left;
list-style: none;
margin: 0 0 5px;
padding: 0;
}

.box-right li {
background: none;
margin: 0;
padding: 5px 5px 5px 10px;
}

.box-right li:hover {
background: #e2e5f1 url(img/prp_2.jpg) repeat-x top;
margin: 0;
padding: 7px 5px 3px 15px;
}


/*
.box-right li:current {
background: #e2e5f1 url(img/prp_2.jpg) repeat-x top;
color: RED;
margin: 0;
padding: 7px 5px 3px 15px;
}
*/

.box-right img,.box-right img a {
float:left;
padding:5px;
}




/****** COMMENTS *******/

.box-comment {
font: 13px/17px Arial, Myriad Pro, Helvetica, sans-serif;
text-align:justify;
color: #635a70;
margin: 0px 10px 0px 0px;
}

.box-comment li {
font: 13px/17px Arial, Myriad Pro, Helvetica, sans-serif;
text-align:justify;
color: #4d5960;
margin: 0px 15px 0px -15px;
}

.box-comment h4 {
font: normal 15px Arial, Myriad Pro, Helvetica, sans-serif;
line-height:100%;
font-weight:700;
margin: 10px 0px 0px 0px;
}

.box-comment h4 a {
color: #583d74;
}

.box-comment h5 {
font: normal 15px Arial, Myriad Pro, Helvetica, sans-serif;
color: #4d5960;
line-height:100%;
font-weight:700;
margin: 30px 10px 0px 0px;
}



#commentform label {
font: 14px/18px Arial, Myriad Pro, Helvetica, sans-serif;
color: #013370;
display:block;
margin:0 0 5px;
}

#commentform input.text,#commentform textarea {
width:500px;
margin:0 0 10px;
}

#commentform .text {
font: 14px/18px Arial, Myriad Pro, Helvetica, sans-serif;
height:22px;
background:#fff url(img/bg-form-text.gif) repeat-x left top;
border: 1px solid #a1b5bb;
color: #5e5e5e;
padding: 3px 0px 3px 8px;
}

#commentform textarea {
height:150px;
font: 14px/18px Arial, Myriad Pro, Helvetica, sans-serif;
background:#fff url(img/bg-form-text.gif) repeat-x left top;
border: 1px solid #a1b5bb;
color:  #5e5e5e;
padding: 3px 0px 3px 8px;
}

#commentform .button {
width: auto;
height:25px;
background: #2384ae;
border: none;
color: #fff;
margin:0;
padding:0 20px;
}

.commentlist {
list-style:none;
margin:0;
padding:0;
}

.commentlist .quote {
background: #e4e9ea; /* #EDE5C2 url(img/prp.jpg) repeat-x top; */
font: 13px/18px Arial, Myriad Pro, Helvetica, sans-serif;
color: #000;
border: 0px solid #BAB28B;
padding: 2px 15px 2px 15px;
-moz-box-shadow:0 0 5px #bbb6c2;
margin: 0px 0px 10px 0px;
}

.commentlist li {
font: 10px Arial, Myriad Pro, Helvetica, sans-serif;
/* background: #6ca4bc; */
color: #5e5e5e;
margin:20px 0 0;
padding:0;
}

.commentlist cite {
background: none;
display:block;
font-style:normal;
}

.avatar {
float:left;
margin:0 20px 10px 0;
}




/******* SEARCH *******/

#searchform #search {
float:left;
width:146px;
height:22px;
background:#fff url(img/bg-form-text.gif) repeat-x left top;
border:1px solid #dadada;
color:#5e5e5e;
padding:6px 6px 0;
}

#searchform .button {
width:auto;
height:30px;
background:#4a4f54;
border:none;
color:#fff;
margin:0;
padding:0 10px;
}




.thumbnail {
float: left;  /* right; */
overflow:hidden;
line-height:150px;
text-align:center;
margin: 10px 0px 0px 0px;
padding: 5px;
}

.thumbnail a img {
float: left;  /* right; */
width:150px;
height:150px;
background: #aba1ba none repeat scroll 0 0;
border:1px solid #bbb6c2;
-moz-box-shadow:0 0 5px #bbb6c2;
padding: 5px;
margin: 3px 8px 0px -5px;
}




/****** SLIDE AREA *****/

#featured_area {
background:url(img/feat-bg.jpg) no-repeat;
width:940px;
height:310px;
overflow:hidden;
position:relative;
border-bottom:0px solid #fff;
margin: 0px 25px 15px 30px;
}

#featured_area div#mySlides {
padding-top: 20px;
padding-left:30px;
}

#featured_area .description {
float:left;
width:420px;
height:152px;
}

#featured_area .description h3 a {
font: 33px Arial, Myriad Pro, Helvetica, sans-serif;
color: #583d74;
margin: 0px 0px 0px 0px;
font-weight:700;
}

#featured_area .description p {
font: 13px/18px Arial, Myriad Pro, Helvetica, sans-serif;
color: #000;
margin: -10px 0px 10px 0px;
}

#featured_area .description a.learn_more {
font-size:11px;
text-transform:uppercase;
}

#featured_area .photo {
float:left;
position:relative;
margin:0 0 0 10px;
padding:5px;
}

#featured_area .photo img {
width:440px;
height:205px;
margin:0;
}

#featured_area .slide {
overflow:hidden;
}

#featured_area .container {
height:308px;
overflow:none;
}


a.jFlowPrev,a.jFlowNext {
display:block;
width:83px;
height:33px;
position:absolute;
bottom:-4px;
text-indent:-9999px;
cursor:pointer;
}


/***** SLIDE BUTTONS *****/

a.jFlowPrev {
background:url(img/prev-trans.png) no-repeat;
left:0;
}

a.jFlowNext {
background:url(img/next-trans.png) no-repeat;
right: -5px;
}





#legal {
float:left;
width:800px;
}

.aligncenter,div.aligncenter {
display:block;
margin:0 auto;
}

.alignleft {
float:left;
margin:0 20px 20px 0;
}

.alignright {
float:right;
margin:0 0 20px 20px;
}

.wpGallery { /*links*/
	font-weight: bold;
	color: #650fb5;    /***** BLUE *****/
}

.wpGallery:hover { /*links*/
	font-weight: bold;
	color: #923535;    /***** BLUE *****/
}

.wp-caption {
margin-bottom:20px;
padding-top:4px;
border:1px solid #ccc;
text-align:center;
background-color:#f7f7f7;
}

.wp-caption img {
float:none;
border:none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
margin:0;
padding:0;
}

#calendar_wrap table {
width:100%;
}

#calendar_wrap td {
text-align:center;
}

#wp-calendar caption {
background:#dedede;
margin:0 0 10px;
}

ul,ol,.aligncenter {
margin-bottom:20px;
}

h3 a:hover {
text-decoration:none;
}

p.tags,.clear {
clear:both;
}


div#myController {
display:none;
}

.social {
padding-top:5px;
}

.social img {
border:none !important;
}





/*************************** FOOTER ****************************/



/****** FOOTER ******/

#footer{
width: 940px;
height: 78px;
	float: left;
	background: url(img/footer.gif) no-repeat top;
padding-left: 60px;
}

#footer a, #footer a:hover{ 
color: transparent; 
margin: 40px 0 0; 
text-decoration: none; 
cursor: text; 
}

/****** SIMMONETT@ ******/

div#footer #footer_text{
	font: normal 11px/16px Century Gothic, Arial, Helvetica, sans-serif;
	color: #a07c7a;
	text-align: left;
	padding-top: 15px;
	padding-left: 0px;
}

/****** INFO@ ******/

div#footer #footer_textsm a{
	font: normal 16px Century Gothic, Arial, Helvetica, sans-serif;
	color: #a07c7a;
	text-align: left;
	line-height: 0px;
	padding-left: 32px;	
}

div#footer #footer_textsm {
	color: #a07c7a;
}

div#footer #footer_textsm a:hover {
	color: #9D080D;	
	font-weight: bold;
}

div#footer #footer_text a {
	font: normal 12px/16px Century Gothic, Arial, Helvetica, sans-serif;
	color: #a07c7a;	
	text-align: right;	
}

div#footer #footer_text span a {
	color: #a07c7a;	
}

div#footer #footer_text a:hover {
	color: #9D080D;	
	font-weight: bold;
}