/*
Theme Name: RSU
Theme URI: http://ravesu.co.uk/
Description: Hand-crafted WordPress theme built exclusively for Ravensbourne Students' Union.
Version: 1.0
Author: bence bilekov
Author URI: http://bence.bilekov.net/
*/


@charset "UTF-8";
/*CSS Document*/
* {
	margin:0px;
	}

html, body {
	height: 100%;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px auto;
	width: 860px;
	border:0px solid grey;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
}
footer, .push {
	height: 100px;
}

BODY {
	background:url(images/bgtop.jpg) center top repeat-x;
	width:100%;
	font: 12px/14px Helvetica, Arial;
	margin-top:-5px;
}

img{
	border:0px;
}

.clear{
	clear:both;
}

header{
	background:url(images/headerbg.jpg) center top no-repeat;
	width:860px;
	height:269px;
	margin:5px 0 0;
	

}

#logo{
	background:url(images/logo.jpg) left top no-repeat;
	width:248px;
	height:240px;
	float:left;
	display:block;
	padding:0px;
	margin:0px;
}

#quick-access{
	float:right;
	width:134px;
	border-top:0px solid rgb(77,77,77);
	padding-top:14px;
	margin-top:60px;
}

#quick-access img{
	margin-right:8px;
}

#search{
	margin-bottom:8px;
}

#search input{
	float:left;
	border:0px;
	height:19px;
	width:80px;
	font: 11px/13px Helvetica, Arial;
	color:rgb(0,0,0);
}

#search input[type="submit"]{
	float:left;
	height:21px;
	width:49px;
	background:none;
	font:13px/16px Helvetica, Arial;
	color:rgb(255,255,255);
	font-weight:bold;
	cursor:pointer;
}

#menu-bar{
	width:860px;
	height:32px;
	background-color:rgb(0,0,0);
	margin:0px;
	padding:0px 0px;
}

#menu {
	margin:0px;
	padding:0px;
}

#menu li {
    float: left;
    display: block;
	z-index:505;
	white-space:nowrap;
	
}

#menu li a, #menu li a.active  {
	text-decoration: none;
	background: url(images/menu-border.jpg) center left no-repeat rgb(0,0,0);
	height:14px;
	margin:0px 0px;
	padding:9px 13px;
	display: block;
	font:13px/16px Helvetica, Arial;
	color:rgb(255,255,255);
	font-weight:bold;
}

#menu li a:hover{
	text-decoration: none;
	background-image:none;
	background-color: rgb(243,112,33);
	height:14px;
	margin:0px 0px;
	padding:9px 13px;
	display: block;
	font:13px/16px Helvetica, Arial;
	color:rgb(255,255,255);
	font-weight:bold;
}


#menu li ul {
  	left : -999em;
  	position : absolute;
	padding:0px;
	margin:0px;
	z-index:505;
}

#menu li ul li { float : none; white-space:nowrap; z-index:505; background-image:none;}

#menu li ul a {
  	width : 184px;
  	padding: 8px 13px;
	background-color: rgb(0,0,0);
	margin:0px;
	font-weight:normal;
	background-image:none;
} 

#menu li ul a:hover {
	background-color: rgb(243,112,33);
	width: 184px;
  	padding: 8px 13px;
	margin:0px;
	font-weight:normal;
}

#menu li:hover ul, #menu li.sfhover ul {
  	left: auto;
	z-index:505;
}

#separator{
	width:860px;
	height:20px;
	background-color:rgb(255,255,255);
	margin:0px;
	padding:0px;
}

#main{
	width:860px;
}

#content{
	border-top:1px solid rgb(77,77,77);
	width:569px;
	margin-right:12px;
	float:left;
}

#wide-content{
	border-top:1px solid rgb(77,77,77);
	width:860px;
	margin-right:12px;
}


.homepage-column-1{
	vertical-align:top;
	width:279px;
	margin-right:11px;
	float:left;
}

.homepage-column-2{
	vertical-align:top;
	width:279px;
	margin-right:12px;
	float:left;
}

.homepage-column-3{
	vertical-align:top;
	width:279px;
	float:left;
}

#sidebar{
	float:left;
	width:279px;
}

.sidebar-title{
	width:265px;
	background-color:rgb(0,0,0);
	font: 22px/26px Helvetica, Arial;
	font-weight:bold;
	color: rgb(243,112,33);
	margin:0px;
	padding:6px 7px 6px 7px;
}


ul.pages{
	margin:0px 0px 30px 0px;
	padding:15px 0px 65px 0px;
	background:url(images/sidebarbg.jpg) center bottom no-repeat rgb(0,0,0);
}

.sidebar ul{
	margin:0px 0px 30px 0px;
	padding:0px 0px 65px 0px;
	background:url(images/sidebarbg.jpg) center bottom no-repeat rgb(0,0,0);
}

.sidebar select{
	width:279px;
	margin:0px 0px 30px 0px;
	background-color:rgb(0,0,0);
	color:rgb(255,255,255);
	font:13px/16px Helvetica, Arial;
}


#sidebar li{
	display: block;
	
}

#sidebar li a{
	display: block;
	text-decoration: none;
	font:13px/16px Helvetica, Arial;
	color:rgb(255,255,255);
	border-top:1px solid rgb(77,77,77);
	font-weight:normal;
	margin:0px 7px;
	padding:6px 0px 6px 0px;
}

#sidebar li a:hover{
	text-decoration: none;
	display: block;
	font:13px/16px Helvetica, Arial;
	color:rgb(255,255,255);
	background-color:rgb(243,112,33);
	border-top:1px solid rgb(243,112,33);
	font-weight:normal;
	margin:0px;
	padding:6px 0px 6px 7px;
}

footer{
	background:url(images/bgbottom.jpg) center bottom repeat-x;
	width:100%;
	height:204px;
}

.footer-bg{
	background:url(images/footerbg.jpg) right bottom no-repeat;
	margin: 0 auto;
	width:901px;
	height:100px;
	padding-top:104px;
}

#logo-bottom{
	background:url(images/logo-bottom.png) left bottom no-repeat;
	width:134px;
	height:100px;
	margin-left:41px;
	float:left;
}

.footer-column{
	font:12px/16px Helvetica, Arial;
	width:134px;
	margin-left:12px;
	float:left;
	font-weight:normal;
	color:rgb(179,179,179);
	border-top:1px solid rgb(77,77,77);
	padding:6px 0px 6px 0px;
}

.footer-column a, .footer-column a:hover{
	font-weight:normal;
	color:rgb(179,179,179);
	text-decoration:none;
}

.footer-column ul{
	margin:0px;
	padding:0px;
}

.footer-column li{
	margin:0px;
	padding:0px;
	display:block;
}

#designedby{
	font:12px/12px Helvetica, Arial;
	width:134px;
	float:right;
	margin-top:72px;
	border-top:1px solid rgb(77,77,77);
	color:rgb(77,77,77);
	padding:6px 0px 6px 0px;
}

#designedby a, #designedby a:hover{
	color:rgb(77,77,77);
	text-decoration:none;
	font-weight:normal;
}

/* Easy Slider */
.slider-wrap{
	position:relative;
	width:860px;
	height:250px;
}

.slider-wrap-2{
	position:relative;
	width:279px;
	height:160px;
	margin-bottom:30px;
}

#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider2{margin-top:0px;}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:860px;
	height:250px;
	overflow:hidden;
	position:relative;
}

#slider2 li{ 
	width:279px;
	height:160px;
	overflow:hidden;
	position:relative;
}

#slider img{ 
	width:860px;
	height:250px;
}

#slider2 img{ 
	width:279px;
	height:160px;
}

#prevBtn, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	z-index:1000;
	top:216px;
	margin-left:8px;
}	
#nextBtn, #slider1next{
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	z-index:1000;
	bottom:4px;
	margin-left:38px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:30px;
	background:url(images/btn_prev.png) center center no-repeat;	
	}
	
#slider1prev a:hover, #slider1prev a:hover{  
		background:url(images/btn_prev-hover.png) center center no-repeat;	
}

#nextBtn a, #slider1next a{ 
	background:url(images/btn_next.png) center center no-repeat;
}
#nextBtn a:hover, #slider1next a:hover{ 
	background:url(images/btn_next-hover.png) center center no-repeat;
}
	
/* numeric controls */	

ol#controls{
	margin:0px;
	padding:0px;
	height:8px;
	position:absolute;
	bottom:4px;
	left:4px;
	}
ol#controls li{
	margin:0px 4px 0px 0px; 
	padding:0px;
	float:left;
	list-style:none;
	height:8px;
	line-height:8px;
	}
ol#controls li a{
	float:left;
	height:8px;
	line-height:8px;
	padding:0px 4px;
	text-decoration:none;
	background:rgb(191,215,48);
	}
ol#controls li.current a{
	background:rgb(243,112,33);
}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
.slider-text{
	width:280px;
	height:155px;
	background:url(images/slider-bg.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	bottom:80px;
}


.slider-text h2{
	border-top:0px solid rgb(77,77,77);
	font: 22px/26px serif;
	font-weight:bold;
	color: rgb(98,98,98);
	margin:7px 0px 0px 15px;
	padding:7px 0px 0px 0px;
}

.slider-text p{
	font: 16px/20px serif; Helvetica, Arial;
	font-weight:normal;
	font-style:italic;
	color:rgb(98,98,98);
	margin:0px 0px 0px 15px;
	padding:0px;
}

.slider-text .read-more a{
	font: 0px/12px Helvetica, Arial;
	font-weight:bold;
	color:rgb(243,112,33);
	text-decoration:none;
	padding:0px 0px 0px 15px;
	bottom:10px;
}
	
/* // Easy Slider */

#banner-1{
	width:279px;
	margin-bottom:4px;
	position:relative;
}


#events-top{
	background:url(images/events-top.jpg) top left no-repeat;
	width:279px;
	height:80px;
}

#events{
	background:url(images/events-bg.jpg) top left repeat;
	width:263px;
	padding:8px;
	font: 13px/18px Helvetica, Arial;
	font-weight:normal;
	color:rgb(0,0,0);
}

#events-bottom{
	background:url(images/events-bottom.jpg) top left no-repeat;
	width:279px;
	height:36px;
	margin-bottom:30px;
}

#events-top h2{
	border:0px;
	font: 22px/26px Helvetica, Arial;
	font-weight:bold;
	color: rgb(255,255,255);
	margin:0px;
	padding:7px 0px 0px 8px;
}

#polls{

	background-color:#fde190;
	padding:4px 4px 4px 4px;
}

a.post-edit-link {
	font: 13px/18px Helvetica, Arial;
	font-weight:bold;
	color:rgb(191,215,48);
	text-decoration:none;
}

a:hover.post-edit-link{
	font: 13px/18px Helvetica, Arial;
	font-weight:bold;
	color: rgb(108,27,120);
	text-decoration:none;
}

#slider2 .edit, #banner-1 .edit{
	position:absolute;
	top:0px;
	left:0px;
}

.blog-post{
	width:569px;
	border-bottom:1px solid rgb(77,77,77);
	margin:0px;
	padding:0px 0px 60px 0px;
}

.post-date{
	float:right;
	margin:16px 0px;
}

.post-title{
	float:left;
}

.post-cat{
	color: rgb(191,215,48);	
}

.post-cat a{
	color: rgb(191,215,48);	
	font-weight:normal;
}

.post-cat a:hover{
	color: rgb(243,112,33);
	font-weight:normal;
}

/* content styling */
h1{
	font: 30px/36px Helvetica, Arial;
	font-weight:bold;
	color: rgb(243,112,33);
	margin:10px 0px;
	padding:0px;
}

h2{
	border-top:1px solid rgb(77,77,77);
	font: 22px/26px Helvetica, Arial;
	font-weight:bold;
	color: rgb(108,27,120);
	margin:10px 0px;
	padding:7px 0px 0px 0px;
}

h3{
	font: 22px/26px Helvetica, Arial;
	font-weight:bold;
	color: rgb(191,215,48);
	margin:10px 0px;
	padding:0px;
}

h1 a{
	color: rgb(243,112,33);
	text-decoration:none;
}

h1 a:hover{
	color: rgb(191,215,48);
	text-decoration:none;
}

h2 a{
	color: rgb(108,27,120);
	text-decoration:none;
}

h2 a:hover{
	color: rgb(191,215,48);
	text-decoration:none;
}

h3 a{
	color: rgb(191,215,48);
	text-decoration:none;
}

h3 a:hover{
	color: rgb(243,112,33);
	text-decoration:none;
}

p{
	font: 13px/18px Helvetica, Arial;
	font-weight:normal;
	color:rgb(0,0,0);
	margin:13px 0px;
	padding:0px;
}

a{
	font-weight:bold;
	color: rgb(243,112,33);
	text-decoration:none;
}

a:hover{
	font-weight:bold;
	color: rgb(191,215,48);
	text-decoration:none;
}

.news-1, .news-2{
	margin-bottom:24px;
}

.news-3{
	margin-bottom:0px;
}

.news-1 h2, .news-2 h2,.news2 h2{
	border-top:1px solid rgb(77,77,77);
	font: 22px/26px Helvetica, Arial;
	font-weight:bold;
	color: rgb(108,27,120);
	margin:0px;
	padding:7px 0px 0px 0px;
}

.news p{
	font: 13px/18px Helvetica, Arial;
	font-weight:normal;
	color:rgb(0,0,0);
	margin:7px 0px 9px 0px;
	padding:0px;
}

.read-more a{
	font: 13px/18px Helvetica, Arial;
	font-weight:bold;
	color: rgb(243,112,33);
	text-decoration:none;
}


.read-more a:hover{
	font: 13px/18px Helvetica, Arial;
	font-weight:bold;
	color: rgb(108,27,120);
	text-decoration:none;
}


li{
	list-style-type:square;
}

img.size-medium{
	margin:10px 0px 10px 0px;
}

img.size-thumbnail{
	margin:10px 0px 10px 0px;
}

img.alignleft{
	float:left;
	margin:0px 12px 12px 0px;
}

img.alignright{
	float:right;
	margin:0px 0px 12px 12px;
}
/* content styling end*/

#news_top{
	background:url(images/news_top.png) no-repeat;
	width:566px;
	}

#news_middle{
	background:url(images/news_middle.png) no-repeat;
	width:566px;
	}

#news_bottom{
	background:url(images/news_bottom.png) no-repeat;
	width:566px;
	}

/* Blog (shared styles) */
.post-title { letter-spacing: -0.04em; font-size: 30px; margin-top: -11px; }
.post-title a { letter-spacing: -0.04em; font-size: 30px; line-height: 30px; }
.post-title a:hover { text-decoration: none; }
.post-meta { margin: 10px 0; padding: 10px; }
.post-tags { display: block; }
.post-text .share-buttons { padding-top: 10px; }
.post-text .share-buttons .twitter-share-button { margin: 0 20px 12px 0; }

/* Blog list with excerpts */
.post-excerpt .post-image { width: 280px; float: left; margin-bottom: 20px; }
.post-excerpt .post-content-wrapper { width: 290px; float: right; }
.post-excerpt .comment-count { float: left; margin-top: 20px; }
.post-excerpt .more-link { float: right; margin-top: 20px; }
.post-excerpt .post-text .more-link { float: none; margin: 0; }

/* Inner Page */
#primary { width: 590px; float: left; margin: 0; padding: 0; }