/*
Theme Name: Graphene Child
Theme URI: http://www.khairul-syahir.com/wordpress-dev/graphene-theme
Description: The Graphene theme for Wordpress 3.0 is a stylish, neat, and tight WordPress theme supporting 2 widget areas, with the ability to determine the number of columns to display in the footer widget area. It includes action hooks for greater customisability through child theme, and a jQuery slider for your featured posts. It has built-in Twitter widget, allows for customisable header and background through the WordPress admin, built-in AdSense placement and AddThis social sharing button, supports custom menu with drop-down navigation of up to 5 levels deep, and threaded comments of up to 10 levels deep! A one-column, full-width page template without the sidebar is included. You can hide post parameters, show post author's gravatar, use different widgets for the front page than the rest of the website, and specify font styles for header and content texts. The codes are written so that you can easily override or add functionality to the theme by using your own child theme without altering the parent theme's code. Seriously, there's too many features for this theme to describe them all here! This theme has been tested and confirmed compatible with IE6, IE7, IE8, Mozilla Firefox, Google Chrome, and Safari. Translations included: Malay, Brazilian Portuguese, Spanish, Italian, French, Polish, German, Norwegian, and Chinese. See this <a href="http://www.khairul-syahir.com/wordpress-dev/graphene-theme#changelog">theme's changelog</a>.
Version: 1.1.2
Author: Darren Bailey
Author URI: http://www.khairul-syahir.com
Template: graphene
Tags: black, blue, white, two-columns, right-sidebar, fixed-width, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-ready
License: GNU General Public License, v2 (or newer)
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/



body{
/* background:url(images/sprite_h.png) left -196px repeat-x #4a4949; */
background:url(images/bg_g.gif) repeat #000 fixed;
font:0.75em arial;
}

#top-bar{
height:54px;
background:url(images/headers/oapen-uk-head-top.gif);
width:900px;
margin-left:16px;
}

#top_search input{
width:148px;
height:17px;
background:url(images/sprite_master.png) -69px top no-repeat #ffffff;
padding:3px 7px 2px 5px;
color:gray;
border:none;
float:left;
}

#top_search button{
background:url(images/search-button.png) #732466 top no-repeat;
border:0;
width:21px;
height:21px;
cursor:pointer;
display:block;
float:left;
margin-left:10px;
}

#header h1{
position:relative;
top:80px;
left:38px;
width:852px;
font:bold 1.75em Arial, Helvetica, sans-serif;
}

#nav{
min-height:27px;
height:auto;
background:#000000;
width:900px;
margin-left:16px;
border-bottom:3px solid #fff;
padding-top:6px;
}

/* dropdown menu. Here goes what makes it tick... */
#menu, #menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	margin-left:10px;
}

#menu li {
	float: left;
	margin-left:2px;
}

#menu li ul {
	position: absolute;
	width: 175px;
	left: -999em;
	z-index:100;
	margin-left:0px;
}


/* ...and here goes the styling */ 
#menu li a, #menu li a:visited{
	font:normal 1em 'arial';
	color:#dfedff;
	text-decoration:none;
	line-height:2.5em;
	padding:0 15px;
	background:#5e5e5e;
	text-transform:none;
}

#menu li a:hover, #menu li:hover a, #menu li:hover a:visited, #menu li a:hover, #menu li.sfhover a, #menu li.sfhover a:visited, #menu li.current_page_item a, #menu li.current-menu-item a, #menu li.current_page_ancestor a, #menu li.current-category-ancestor a, #menu li.current-menu-parent a, #menu li.current-menu-ancestor a, #menu li.current_page_parent a, #menu li.current_page_item a:visited, #menu li.current-menu-item a:visited, #menu li.current_page_ancestor a:visited, #menu li.current-category-ancestor a:visited, #menu li.current-menu-parent a:visited, #menu li.current-menu-ancestor a:visited, #menu li.current_page_parent a:visited{
	color:#000;
	background:url(images/nav-but-on.gif);
	}
#menu li:hover, #menu li.sfhover, #menu li.current_page_item, #menu li.current-menu-item, #menu li.current_page_ancestor, #menu li.current-category-ancestor, #menu li.current-menu-parent, #menu li.current-menu-ancestor, #menu li.current_page_parent{
	/*background:url(images/sprite_h.png) left -66px repeat-x;*/
}

/* And that's the end! */

#content{
background:#ffffff;
width:900px;
padding-bottom:20px;
margin-left:16px;
border-top:21px solid #ffffff;
}
#content.one_column{
background:#ffffff;
}

#content-main{
width:600px;
float:right;
}

.home #content-main{
float:left;
}

.featured_slider{
	background:#fff;
	width:600px;
	margin-bottom:20px;
	padding-top:5px;
	padding-bottom:5px;
	}
	
.featured_slider #slider_root{
	position:relative;
	overflow:hidden;
	width:570px;
	margin:10px auto 0 20px;
	height:140px;
	border:1px solid #cccaca;
	background:#fff;
	padding:10px 5px;
	background-image:url(images/slider_bg.jpg);
	}
	
.slider_post h2 a, .slider_post h2 a:visited{
	font:normal 1.62em Arial, Helvetica, sans-serif;
	}
	
.slider_post a.block_link, .slider_post a.block_link:visited{
	display:block;
	font:bold 0.62em tahoma;
	text-transform:uppercase;
	text-decoration:none;
	padding:5px;
	color:#fff;
	margin-top:10px;
	margin-bottom:15px;
	background:#606060;
	background-image:url(images/view_but.jpg);
	position:absolute;
	right:10px;
	}
	
.slider_post a.block_link:hover{
	background:#606060;
	background-image:url(images/view_but_over.jpg);
	text-decoration:none;
	}
	
.home .post{
	width:558px;
	padding:0px 18px 20px 24px;
	background:#fff;
	margin-bottom:10px;
	-moz-border-radius-topright:30px;
	-webkit-border-top-right-radius:30px;
	border-top-right-radius:30px;
}

.post{
	width:558px;
	padding:0px 18px 20px 0px;
	background:#fff;
	margin-bottom:10px;
	-moz-border-radius-topright:30px;
	-webkit-border-top-right-radius:30px;
	border-top-right-radius:30px;
}

h2, h2 a, h2 a:visited{
font:1.5em arial;
color:#732466;
border-bottom:1px solid #e3e3e3;
padding-bottom:5px;
text-decoration:none;
}

h2 a:hover, .slider_post h2 a:hover{
	color:#5e5e5e;
	text-decoration:none;
}

.entry-content a, .entry-content a:visited, .slider_post a, .slider_post a:visited{
	color:#732466;
	text-decoration:none;
}



#sidebar_right{
	width:255px;
	display:inline;
	float:right;
	/*background:url(images/sidebar_right_bg.jpg) no-repeat;*/
	background:none;
	padding:0 25px 30px 0px;
}

.sidebar h3{
	clear:both;
	width:230px;
	min-height:33px;
	height:auto;
	font: Bold 1.06em Arial, Helvetica, sans-serif;
	line-height:43px;
	padding-left:12px;
	margin:0 0 5px -12px;
	color:#444444;
	letter-spacing:0.03em;
	background:none;
}

.sidebar div.sidebar-wrap{
	width:230px;
	/*padding:5px 0px;*/
	padding:0 15px 30px 15px;
	margin-top:0px;
	overflow:hidden;
	background:url(images/sidebar_right_bg.jpg) no-repeat;
}

.sidebar ul, .sidebar ol, .sidebar p{
	margin:0;
	font:normal 1em Arial, Helvetica, sans-serif;
	color:#444444;
}

.sidebar ol li{
	line-height:16px;
	padding:2px 0;
}

.sidebar ul ul li{
	line-height:16px;
}

.sidebar a, .sidebar a:visited{
	text-decoration:underline;
	color:#732466;
}

.sidebar ul li{
	padding:10px 0px 15px 0px ;
	line-height:1.17em;
	border-bottom:1px solid #d2d1d1;
}

#footer{

background:url(images/footer-bg.gif) repeat-x #FFF;
margin-left:16px;
height:115px;
width:900px;
}

.footerhome{
	padding:20px 20px 0px 20px;
	color:#5e5e5e;
	width:210px;
	float:right;
	background:#ffffff;
	margin-top: 6px;
}

.footercreated{
	padding-right:20px;
	float:right;
	color:#5e5e5e;
}

a.footerhome{
	background-image:url(images/jisc-collections.gif);
	width:128px;
	height:21px;
	display:block;
	margin-top:20px;
}

#copyright{
	float:left;
	background:url(images/sprite_master.png) -749px -366px no-repeat;
	width:300px;
	height:42px;
	padding-left:120px;
	color:#abb1aa;
	font:normal 0.68em tahoma;
	padding-top:24px;
}

#footer a, #footer a:visited{
	color:#5e5e5e;
	text-decoration:underline;
}


/*Portal Home*/

#projectscontainer {
	width:580px;
	margin-left:-7px;
}

.projects{
	margin:0px 15px 10px 15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:1em;
}

#projectoapen{
	float:left;
	width:285px;
	height:160px;
	background-image:url(images/oapen_bg.gif);
}

a.oapen{
	background-image:url(images/oapen-but-off.jpg);
	text-align:center;
	line-height:2.1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	margin-left:15px;
	width:100px;
	height:30px;
	display:block;
}

 a:hover.oapen{
	background-image:url(images/oapen-but-over.jpg);
	text-align:center;
}

#projectfe{
	float:left;
	width:285px;
	height:160px;
	background-image:url(images/fe_bg.gif);
	margin-left:10px;
}

a.fe{
	background-image:url(images/fe-but-off.jpg);
	text-align:center;
	line-height:2.1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	margin-left:15px;
	width:100px;
	height:30px;
	display:block;
}

 a:hover.fe{
	background-image:url(images/fe-but-over.jpg);
	text-align:center;
}

#projectnational{
	float:left;
	width:285px;
	height:160px;
	background-image:url(images/national_bg.gif);
	margin-top:10px;
}

a.national{
	background-image:url(images/national-but-off.jpg);
	text-align:center;
	line-height:2.1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	margin-left:15px;
	width:100px;
	height:30px;
	display:block;
}

 a:hover.national{
	background-image:url(images/national-but-over.jpg);
	text-align:center;
}

#projectbusiness{
	float:left;
	width:285px;
	height:160px;
	background-image:url(images/business_bg.gif);
	margin-left:10px;
	margin-top:10px;
}

a.business{
	background-image:url(images/business-but-off.jpg);
	text-align:center;
	line-height:2.1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	margin-left:15px;
	width:100px;
	height:30px;
	display:block;
}

 a:hover.business{
	background-image:url(images/business-but-over.jpg);
	text-align:center;
}

h1{
	color:#732466;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.5em;
	font-weight:normal;
	/*margin-left:-7px;*/
}

p{
	padding-top:10px;
	padding-bottom:20px;
	/*margin-left:-7px;*/
}

#projectscontainer h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	margin:15px 0px 0px 15px;
	color:#FFF;
	border-bottom:0px solid #e3e3e3;
	line-height:1em;

}


/* Network sites */

#footer{

background:url(../graphene-child/images/footer.gif) #5E5E5E no-repeat;
margin-left:16px;
min-height:130px;
height:auto;
width:900px;
}

.footerhome{
	padding:20px 20px 0px 20px;
	color:#5e5e5e;
	width:210px;
	float:right;
}

.footercreated{
	padding-right:0px;
	float:right;
	color:#5e5e5e;
	width:195px;
	padding-left:0px;
	padding-top:15px;
}

a.footerhome{
	background-image:url(images/jisc-collections.gif);
	width:108px;
	height:21px;
	display:block;
	margin-top:20px;
	margin-right:20px;
}

#copyright{
	float:right;
	background:url(images/sprite_master.png) -749px -366px no-repeat;
	width:230px;
	height:42px;
	padding-left:50px;
	color:#abb1aa;
	font:normal 0.68em tahoma;
	padding-top:24px;
}

#footer a, #footer a:visited{
	color:#5e5e5e;
	text-decoration:underline;
}

.projects{
	float:left;
	width:97px;
	min-height:106px;
	padding-top:20px;
	height:auto;
}

#footer a.project{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	line-height:1.25em;
	color:#FFF;
}

#footer a:visited.project{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	line-height:1.25em;
	color:#FFF;
}

.entry-content{
	overflow:hidden;
	}
.entry-content .gallery-caption{
	background:#efefef;
	padding:5px;
	font-size:0.68em;
	color:#555;
	}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{
	font:bold 1.17em arial;
	color:#732466;
	margin:20px 0 0px 0;
}
.entry-content h1{
	font-size:1.5em;
	}
.entry-content h2{
	font-size:1.25em;
	border-bottom:none;
	}
.entry-content h4{
	font-size:0.87em;
}
.entry-content h5{
	font-size:0.81em;
	}
.entry-content h6{
	font-size:0.75em;
	}
.entry-content p{
	margin-top:0px;
}
.entry-content p.wp-caption-text{
	margin-top:0;
	}
.oapenuk #header a {
	background: url(images/headers/oapen-uk-head.gif) #d95900 no-repeat;
}
.entry-content p, .slider_post_entry p, .entry-content ul, .entry-content ol, .comment-entry ol {
    color: #2C2B2B;
    font: 1em arial;
	line-height:1.5em;
}