/*
Theme Name: MuseumNext 2010
Theme URI: http://www.sumodesign.co.uk/
Description: Wordpress theme for Museum NEXT 2010
Version: 0.1
Author: David Robinson
Author URI: http://www.sumodesign.co.uk/
Tags: 

*************

*************/

/* Defaults */
*{
	margin:0;
	padding:0;
	font-weight:normal;
}
ul{
	list-style-type:none;
}
html{
	font:normal 62.5%/140% Helvetica,Arial,sans-serif;
	height:100%;
}
body{
	color:#000;
	background:#A9C4DB url(images/bg-body.gif.png) repeat 50% 0 ;
}
a{
	color:#000;
	text-decoration:none;
	background:#E8E7AE;
	display:inline-block;
	padding:0 1px;
	margin:0 -1px;
}
a img{
	border:none;
}

#page{
	width:946px;
	margin:0 auto 40px auto;
	background:#B4CFE5 url(images/bg-page.gif.png) repeat 50% 0 ;
	height:100%;
}
#page #header{
	padding:33px 14px;
	height:165px;
}
#page #header h1{
	display:block;
	float:left;
}
#page #header h1 a{
	display:block;
	float:left;
	width:207px;
	height:67px;
	background:url(images/bg-logo.gif);
	text-indent:-999em;
}
#page #header ul#menu{
	margin-left:99px;
	float:left;
}
#page #header ul#menu li{
}
#page #header ul#menu li a{
	background:none;
	font-weight:bold;
	font-size:12px;
	padding-left:10px;
}
#page #header ul#menu li a:hover{
	background:url(images/bg-menu.hover.gif) no-repeat 0 2px;
}
#page #header ul#menu li.current_page_item a{
	background:url(images/bg-menu.selected.gif) no-repeat 0 2px;
}
#page #header #header_text{
	float:right;
	width:292px;
	font-size:12px;
	line-height:1.5em;
}
#page #header #header_text p{
	font-weight:bold;
}
#page #header #header_text a{
	margin:2px 0 0 0;
	padding:0 3px;
	font-weight:bold;
}
#page #content{
	clear:both;
	float:left;
}
#page #content.list{
	width:630px;
}

/* Homepage layout */
#homepage{
	margin:0 5px;
}
#homepage .hero{
	background:#1A1A1A;
	padding:38px 6px;
}
#homepage .hero h2,
#homepage .hero p{
	font-size:42px;
	line-height:42px;
	margin:0 0.3em 0 0;
	font-weight:bold;
	color:#B4CFE5;
}
#homepage .hero h2{
	float:left;
	color:#E3ECF4;
}
#homepage .info{
	background:#E8E7AE;
	height:294px;
}
.calltoaction{
	width:293px;
	height:136px;
	float:right;
	margin:2px 6px 0 0;
	padding:31px 4px 27px 4px;
}
.calltoaction p,
.calltoaction p strong{
	font-weight:bold;
	font-size:11px;
}
.calltoaction p strong{
	font-size:20px;
	display:block;
	padding:0 0 10px 0;
}
.calltoaction .desc a{
	display:block;
	width:293px;
	height:48px;
	background:#1E1E1D url(images/bg-cta.gif) no-repeat 96% 50%;
	color:#E7E6AF;
	font-size:40px;
	line-height:48px;
	font-weight:bold;
	text-indent:8px;
}
#sidebar .calltoaction{
	height:auto;
	background:#E7E6AF;
	padding:20px 5px;
	width:300px;
	margin-bottom:2em;
}
#sidebar .calltoaction .desc a{
	width:300px;
	margin:0 0 10px 0;
}
#sidebar .calltoaction strong{
	margin:0 0 10px 0;
}
#homepage .info .intro{
	padding:29px 14px 12px 5px;
	width:590px;
	font-size:20px;
	display:block;
	font-weight:bold;
	line-height:21px;
}
#homepage .info .leftcol{
	padding:0px 14px 0px 5px;
	width:290px;
	display:block;
	float:left;
}
#homepage .info .leftcol p{
	line-height:14px;
	font-size:11px;
	margin:0 0 1em 0;
	color:#333;
}
#homepage .info .rightcol{
	padding:0px 14px 0px 4px;
	width:290px;
	display:block;
	float:left;
}
#homepage .info .rightcol p{
	line-height:14px;
	font-size:12px;
	margin:0 0 1em 0;
	color:#333;
}
#homepage .info .rightcol li{
	font-size:12px;
	margin:0 0 1px 0;
	border-left:2px solid #CECE99;
}
#homepage .info .rightcol ul{
	clear:left;
	border-top:1px solid transparent;
}
#homepage .info .rightcol p strong{
	font-weight:bold;
	background:#000;
	color:#E8E7AE;
	display:block;
	float:left;
	padding:2px 3px;
}
#homepage .info .rightcol li strong{
	font-weight:bold;
	background:#CECE99;
	line-height:15px;
	border-right:2px solid #CECE99;
}

/*slideshow*/
.slideshow{
	clear:both;
	margin:0 1px 0 0px;
}
.slideshow h3{
	display:block;
	float:left;
	width:304px;
	height:78px;
	line-height:78px;
	font-size:24px;
	background:blue;
	text-indent:5px;
	background:url(images/bg-slideshow.main.gif) no-repeat 0 0;
	font-weight:bold;
}
.slideshow ul{
	position:relative;
	display:block;
	height:78px;
	line-height:78px;
	margin-left:1px;
	background:#000;
	margin-left:304px;
}
.slideshow ul li{
	position:absolute;
	display:none;
}
.slideshow ul li.on{
	display:block;
}
.slideshow ul li a{
	display:block;
	font-size:12px;
	height:78px;
	text-indent:0;
	background:#000 !important;
}
.slideshow ul li a span.num{
	float:right;
	margin-right:20px;
	display:block;
	width:36px;
	height:36px;
	background:url(images/bg-slideshow.num.gif) no-repeat 0 0;
	margin-top:20px;
	color:#000;
	font-size:22px;
	text-align:center;
	line-height:36px;
	font-weight:bold;
}
.slideshow ul li a span.title{
	display:block;
	font-size:12px;
	float:left;
	background:yellow;
	line-height:13px;
	margin:15px 0 2px 10px;
	padding:2px;
	background:#E8E7AE;
	color:#000;
	font-weight:bold;
}
.slideshow ul li a span.desc{
	display:block;
	float:left;
	width:550px;
	line-height:13px;
	padding-left:12px;
	color:#E8E7AE;
	font-weight:bold;
}

/*Homepage posts*/
#fold{
	padding-top:40px;
	height:200px;
	margin-bottom:70px;
}
.list #fold{
	padding-top:0;
}
#fold .posts{
	width:630px;
	float:left;
}
.rss{
	float:right;
	width:148px;
}
.rss a{
	display:block;
	float:left;
	height:19px;
	line-height:19px;
	text-indent:24px;
	background:transparent url(images/bg-rss.gif) no-repeat 0 0 !important;
}
#fold h2,.tweets h2{
	font-size:22px;
	padding-left:4px;
	margin:0 0 25px 0;
	font-weight:bold;
}
#sidebar .tweets h2{
	padding:0 !important;
}
#fold .hp_post{
	width:308px;
	float:left;
	margin:0 0 0 5px;
	height:190px;
}
#fold .hp_post h3{
	height:16px;
	font-weight:bold;
}
#fold .hp_post h3 a,.rss a{
	font-size:12px;
	font-weight:bold;
	background:none;
}
#fold .hp_post h3 a:hover,.rss a:hover{
	text-decoration:underline;
}
#fold .hp_post p{
	font-size:11px;
	height:65px;
}
#fold .posts span.overlay{
	background:#3D576D;
	opacity:0.5;
}

/*Tweets*/
.tweets{
	width:300px;
	float:right;
}
#sidebar .tweets{
	width:310px;
}
.tweets .rss a{
	background:transparent url(images/bg-twitter.gif) no-repeat 0 0 !important;
}
.twitter_updates li{
	font-size:11px;
	line-height:15px;
	margin-right:3em;
	margin-bottom:0 !important;
}
.twitter_updates a{
	background:none;
	font-weight:bold;
}
.twitter_updates span.pubdate{
	display:block;
	color:#5B7185;
	margin:0 0 1em 0;
}
.twitter_updates a:hover{
	background:#E8E7AE;
	margin:-1px -2px;
	padding:1px 2px;
}

/*Sidebar*/
#sidebar{
	float:right;
	width:315px;
}
#sidebar h2{
	font-size:22px;
	font-weight:bold;
}
#sidebar li{
	margin-bottom:2em;
}

/*CreateSend*/
#sidebar #text-3{
	padding:15px 4px;
	background:#B1CCE1;
	margin-right:5px;
}
#sidebar form{
	padding:20px 0 0 0;
}
#sidebar form input#jdnyd-jdnyd{
	background:#A5BFD5;
	color:#B1CCE1;
	font-weight:bold;
	font-size:20px;
	display:block;
	line-height:30px;
	padding:5px;
	border:none;
	margin:0 5px 0 0;
	width:285px;
}
#sidebar form #subscribe{
	padding:5px;
	border:none;
	m/argin:0 5px 0 0;
	width:295px;
	text-align:left;
	font-size:13px;
	color:#000;
	font-weight:bold;
	background:transparent url(images/bg-subscribe.png) no-repeat 100% 50%;;
	cursor:hand;
}
.widget_wp_digi_cart h2{
	margin:0 0 0.4em 0;
}
.widget_wp_digi_cart{
	font-size:11px;
	line-height:1.6em;
	padding-left:5px;
}

/*Blog/page*/
.post,.entry{
	width:620px;
	float:left;
	padding-top:10px;
}
.post p,.entry p{
	width:600px;
	display:block;
	float:left;
	clear:left;
	font-size:12px;
	line-height:1.4em;
	margin:0 0 1em 0;
	padding:0 0 0 10px;
}
.post p strong, .entry p strong,#content .post h2{
	font-size:22px;
	line-height:1.1em;
	font-weight:bold;
}
.post a{
}
.post h2{
	padding-left:9px;
}
#commentform{
	clear:left;
}
.post .postdetails{
	padding-left:10px;
	color:#5B7185;
	margin:0 0 1em 0;
	font-size:11px;
}
#respond{
	padding-top:10px;
	font-size:11px;
	clear:left;
	width:600px !important;
	overflow:hidden !important;
	padding-left:10px;
}
#respond textarea{
	width:595px;
	margin-top:10px;
}
#comments{
	padding-left:10px;
	clear:left;
}
ol.commentlist{
	margin:10px 20px 10px 10px;
	list-style-type:none;
}
ol.commentlist li{
	clear:left;
	font-size:12px;
	padding:10px;
	background:#A5BFD5;
	width:580px;
	/*
	background:#A5BFD5;
	border:1px solid #B4CFE5;
	*/
}
ol.commentlist li img{
	float:left;
	margin:0 10px 0 0;
}
ol.commentlist li cite,
ol.commentlist li small{
	font-style:normal;
	color:#5B7185;
	line-height:1.8em;
	font-size:12px;
	margin:0 0 10px 0;
}


/*Footer*/
#footer{
	clear:both;
}
#footer ul{
	float:left;
	margin:30px 0 0 0;
	padding-bottom:20px;
}
#footer ul li.title{
	display:block !important;
	font-size:11px;
	font-weight:bold;
	margin-bottom:20px;
}
#footer ul.sponsors li.title{
	font-size:22px;
}
#footer ul.sponsors{
	width:628px;
	margin-left:10px;
}
#footer ul.sponsors li{
	display:inline;
}
#footer ul li a{
	display:block;
	float:left;
	text-indent:-999em;
	padding:0;
}
#footer ul.mobile{
	width:150px;
}
#footer ul.media{
	width:156px;
}
#footer ul li a.agenda{
	width:120px;
	height:41px;
	margin:30px 33px 0 0;
	background:url(images/logos/agenda.png) no-repeat 0 0;
}
#footer ul li a.culture24{
	width:110px;
	height:90px;
	background:url(images/logos/culture24.png) no-repeat 0 0;
}
#footer ul li a.sumo{
	width:137px;
	height:56px;
	margin:24px 23px 0 0px;
	background:url(images/logos/sumo.png) no-repeat 0 0;
}
#footer ul li a.siteshrink{
	width:132px;
	height:39px;
	margin:24px 0 0 0;
	background:url(images/logos/siteshrink.png) no-repeat 0 0;
}
#footer ul li a.museumid{
	width:146px;
	height:30px;
	margin:34px 0 0 0;
	background:url(images/logos/museumid.png) no-repeat 0 0;
}
.post h2{
	float:left;
}
p.w2{
	display:block;
	float:right;
	width:75px;
	margin-top:2px;
}
p.w2 a{
	display:block;
	float:left;
	text-indent:-999em;
	width:18px;
	height:18px;
	margin-left:1px;
}
p.w2 a.fb{	background:url(images/facebook.gif) no-repeat 0 0;	}
p.w2 a.tw{	background:url(images/twitter.gif) no-repeat 0 0;	}
p.w2 a.dl{	background:url(images/delicious.gif) no-repeat 0 0;	}