/* --------------------------------------------------
[sampleTheme stylesheet]

Project:		Kirklees Council website
Primary use:	sampleTheme section
Assigned to:	Lewis Hankinson (lh)
Version:		1.0
Last change:	12/06/2012
-------------------------------------------------- */

body {background: #722075}
::-moz-selection{ background: #722075; color:#fff; text-shadow: none; }
::selection { background:#722075; color:#fff; text-shadow: none; }

a, a:active, a:visited, span.telephoneno { color: #722075;  }

/*#container { background: url('../img/testTheme_bodyBg.jpg') 0 0 repeat #2c95b5; }*/
#mainWrapper {  background: url('../img/townHallBackground.jpg') no-repeat 50% 0 #000000; box-shadow: inset 0 0 10px rgba(0,0,0,0.0); margin: 0 auto; padding: 0 40px; width: 1100px; background-position:top; }
#main { padding: 0; }

#masthead { background: none !important; height: 50px; padding-bottom: 0; }
#mastheadInner { background: none; padding: 0 9px;}
#mastheadContent { border: none; padding: 15px 0 0; }
#mastheadTitle {color: #fff; display: block; font-size: 277%; line-height: 1; margin: 15px 0; }

#rightCol .inner {padding: 10px 10px 0;}

#biscuitTrail { list-style-type: none; margin: 0; }
#biscuitTrail li { color: #000000; float: left; font-size: 85%; margin: 0 5px 0 0; line-height: 22px; }
#biscuitTrail li a { color: #000000; display: inline-block; margin-right: 5px;  }

#wrapper { background-color: #fff; border-top: 3px solid #722075; box-shadow: 0 0 10px rgba(0,0,0,0.35); color: #333; }
#page { padding: 20px 15px 0; }
#sectionNav { background-color: #ebebeb; border: none; }
#sectionNav .inner { padding: 15px; }
#sectionNav h2 { color: #fff; font-size: 108%; font-weight: bold; margin: 6px 15px 10px; text-shadow: 0 1px 1px #666; }
#sectionIdent { margin: 0 0 9px; padding: 0; }
#sectionNavImage { border: 1px solid #999; height: 131px; overflow: hidden; width: auto; }
#sectionNavTitle { background-color: #fff; border: 1px solid #999; border-top: none; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; padding: 5px 10px; text-align: center; width: auto; }
#sectionNavTitle a { color: #333; font-size: 93%; font-weight: bold; line-height: 1.6; text-decoration: none; }
#sectionnav ul {}
#sectionNav ul li { margin: 0; position: relative; border-bottom: 1px solid #ddd; border-top: 1px solid #f7f7f7}
#sectionNav ul li:first-child {border-top: 0;}
#sectionNav ul li:last-child {border-bottom: 0;}
#sectionNav ul a { background-color: #ebebeb; color: #444; display: block; padding: 9px 30px 9px 7px; text-decoration: none; }
#sectionNav ul a:hover { background-color: #f5f5f5; }
#sectionNav ul ul { background-color: #7d727f; }
#sectionNav ul ul li { border-bottom: 1px solid #736975; border-top: 1px solid #8b7e8d}
#sectionNav ul ul li:first-child { border-top: 0; }
#sectionNav ul ul li:last-child { border-bottom: 0; }
#sectionNav ul ul a { background-color: #7d727f; color: #fff}
#sectionNav ul ul a:hover { background-color: #645c66 ; }
#sectionNav ul .selectedItem a, #sectionNav ul .selectedItem a:hover { background-color: #d1d1d1; }
#sectionNav ul .selectedItem a, #sectionNav ul .selectedItem a:hover { background-color: #d1d1d1; }
#sectionNav ul .selectedItem ul a { background-color: #7D727F; }
#sectionNav ul .selectedItem ul a:hover { background-color: #645c66; }
#sectionNav ul ul .selectedItem a, #sectionNav ul ul .selectedItem a:hover { background-color: #645c66; }
#sectionNav .toggle { background: url('../img/sampleTheme_sectionNavSprite.png') 0 0 no-repeat; cursor: pointer; display: block; height: 30px; position: absolute; top: 0; right: 0; width: 30px; }
#sectionNav .toggle.ui-state-default { background-position: 0 0; }
#sectionNav .toggle.ui-state-default.ui-state-hover { background-position: 0 -30px; }
#sectionNav .toggle.ui-state-active { background-position: 0 -60px; }
#sectionNav .toggle.ui-state-active.ui-state-hover { background-position: 0 -90px; }

#pageMeta { border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; padding-bottom: 20px; }
#pageMeta h1 { color: #722075; font-size: 182%; font-weight: bold; margin: 5px 0; line-height: 1; }
#pageOwner { color: #666; font-size: 85%; line-height: 1; }
#pageOwner a { color: #666; }

#pageIntro { }
#pageIntro p { font-size: 108%; font-weight: bold; }

section { margin: 20px 0; }
section h2, section h3 { color: #722075; font-weight: normal; margin: 15px 0; }
section h2 { font-size: 138.5%; }
section h3 { font-size: 123.1%; }

.pageImage { background-color: #ebebeb; margin: 15px 0; padding: 15px 0 5px; text-align: center; }
.pageImage img { display: block; margin: 0 auto; }
.pageImage p { font-style: italic; margin: 10px 15px; }

ul.featuredItemList { list-style: none; margin: 0; padding: 0; }
ul.featuredItemList li { margin: 15px 0; }
ul.featuredItemList .featuredItem {
	background-color: #a60289; /* fallback */
	/*background: url(images/linear_bg_2.png);*/
	background-repeat: repeat-x;
	background: -moz-linear-gradient(100% 100% 90deg, #880177, #a60289); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a60289), to(#880177)); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(#a60289, #880177); /* Safari 5.1+, Chrome 10+ */
	background: -o-linear-gradient(#a60289, #880177); /* Opera 11.10+ */
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
	padding: 10px 20px; 
    color: #fff
	}
ul.featuredItemList .featuredItem:hover {
	background-color: #880177; /* fallback */
	/*background: url(images/linear_bg_2.png);*/
	background-repeat: repeat-x;
	background: -moz-linear-gradient(100% 100% 90deg, #a60289, #880177); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a60289), to(#880177)); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(#880177, #a60289); /* Safari 5.1+, Chrome 10+ */
	background: -o-linear-gradient(#880177, #a60289); /* Opera 11.10+ */
    color: #fff
	}


ul.featuredItemList a { color: #fff; text-decoration: none; }
ul.featuredItemList a:hover { color: #fff}
ul.featuredItemList .featuredItemTitle, ul.featuredItemList .featuredItemSub { display: block; line-height: 1; text-shadow: 0 1px 1px rgba(0,0,0,0.5); }
ul.featuredItemList .featuredItemTitle { font-size: 182%; margin: 10px 0 20px; }
ul.featuredItemList .featuredItemSub { font-size: 123.1%; margin: -10px 0 20px }

.uiHeading { color: #722075; }

.uiBox {}
.uiBoxHeader {margin-bottom: 10px;}
.uiBoxTitle {}
.uiBoxContent {}

#rightCol .uiBox { margin: 25px 10; }
#rightCol .uiBoxTitle { font-size: 138.5%; font-weight: normal; margin: 15px 0; }
#rightCol .uiBox li { margin: 15px 0; }

#rightCol .rightColBox { width:90%; margin-top:120px; border-left:1px solid #E7E7E7; padding-left:10px; }
#rightCol .rightColBox h2 { color:#722075; font-size: 150%; font-weight: bold; margin-top: 10px; padding: 6px 10px 0 10px;}
#rightCol .rightColBox h3 { color:#ffffff; font-size: 150%; font-weight: bold; margin-top: 10px; padding: 6px 10px 0 0;}
#rightCol .rightColBox ul { margin-left: 10px; }


/* -- end generic styles -- */

.onthispage { padding: 7px 10px 7px 36px; width: auto; height: auto; overflow: auto;  background: url("//static.kirklees.gov.uk/templates/theme/defaultTheme/img/icoInfo_18x18.png") 10px 50% no-repeat #f5f5f5; border-bottom: 1px solid #e8e8e8;}
.onthispage h2 { float: left; margin: 5px;}
.onthispage ul { clear: left; margin-left: 5px; list-style: none}
.onthispage li { float: left; margin-right: 5px; }
#pageIntro p.no-bold {font-weight: normal;}
.subtitle {padding: 5px; background: #f7f7f7; border-top:2px solid #71277A; margin-top:10px}
.bold-text, .telephoneno {font-weight:bold}
#centerCol a:hover, #rightCol a:hover {color: #722075}
.uiBoxHeader p {margin: 5px 0 0; font-weight: bold; color: #333}



/* GALLERY STYLES */
.pikachoose {width: auto; padding: 10px; background: #eadfeb; margin-top: 20px}
.pika-thumbs{ padding: 0; height: 85px; margin: 10px 0 0 }
.pika-thumbs li{ width: 102.5px; height:75px; overflow: hidden; float: left; list-style-type: none; background: #fafafa;  cursor: pointer; margin-right:13px}
.pika-thumbs li.last {margin-right: 0;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden; }
.pika-stage, .pika-textnav {width: auto;}
.pika-stage {position: relative; height: 300px;}
.pika-stage .caption {position: absolute; background: #71277a; font-size: 11px; color: #f8f8f8; padding: 10px; bottom: 0px; width:400px}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(../img/prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 0;cursor:pointer;}
.pika-imgnav a.next {background: url(../img/next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 0;cursor:pointer;}
.pika-imgnav a.play {background: url(../img/play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(../img/pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute; background: #fff}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px; display: none}

.pika-loader{ background:url(../img/loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; text-align:right; position:absolute; top:15px; right:15px; }
.pika-counter {display: none}
.gallery_shadow {background: url("../img/shadow.png") no-repeat; height: 13px; width: 439px; }

.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}



/* Accordion styles */

#accordion {margin:0}
#accordion li {position:relative; border-left: 2px solid #fff}
#accordion div.slider-bg {background:#eee;top:250px;height:102px;width:600px;left:0;position:absolute;z-index:10;}
#accordion div.slider-info {top:250px;height:70px;left:0;position:absolute;width:65px;z-index:15;padding:15px;}
#accordion div.slider-info strong {font-size:16px;color:#222;margin-bottom:5px;}
#accordion div.slider-info p {display:none;font-size:12px;line-height:14px;color:#222;margin:0 !important;}
#accordion li.slider-open div.slider-info {width:430px; background:#fff; }
#accordion li.slider-open div.slider-info strong {font-size:22px;}
#accordion li.slider-open div.slider-info p {display:block;}
#accordion-shadow {background:url("../img/shadow-long.png") no-repeat; width:700px; height:18px; clear:both}

/* end accordion styles  */

a.extLink:after, a.pdfLink:after, a.rtfLink:after { background-color: #f0f0f0; color: #6c6c6c; font-size: 11px; margin-left: 5px; padding: 0 3px; }
a.extLink:after { content: "External link"; }
a.pdfLink:after { content: "PDF"; }
.download-list {list-style: none; margin: 0; margin-bottom:20px; margin-top: 0; background: #fff}
.download-list li {height: 20px}
.download-list li a {display: block}
.download-list li.doubleline {height: 30px; }
.download_icon {padding: 0 8px 0 5px; float:left}
.download-list li.doubleline .download_icon {padding: 5px 8px 0 5px;}


/* Home page styles*/

#centre_content {width: 450px; float: left; margin-top: 10px;}
#right_content {width: 180px; float: right; margin-top: 10px; margin-bottom: 20px; padding-left: 25px; border-left: 1px solid #e7e7e7; }
#home-pageIntro p { font-size: 108%; font-weight: bold; margin-top: 0; }

/* Home page news styles */

#right_content .feedburnerFeedBlock ul {list-style: none; margin-left: -10px}

.section-title {font-weight: bold; font-size: 22px; color: #484848; padding-bottom: 10px; letter-spacing: -1px}
#right_content .feedburnerFeedBlock li { height: auto; width: auto; margin-bottom: 10px; padding-top:10px; border-top: 1px solid #e7e7e7;}
#right_content .feedburnerFeedBlock .headline { font-weight: bold; color: #793481; font-size: 14px; padding-bottom: 5px}
#right_content .feedburnerFeedBlock  .date {font-size: 10px; color: #888;}
#right_content .feedburnerFeedBlock  .date:before {content:"Posted on: ";}
{ 
content:"Read this: ";
}

/* Brochures box styles */

#brochures-box { width: auto; background: #a60289; margin-top: 30px; padding: 0 20px; border-left:8px solid #a60289}
#brochures-box .section-title {color: #fff; padding-top: 10px}
.brochure { background: #fff; margin-bottom: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; padding: 10px; font-weight: bold;}
.brochure p { width: 100px; float: left; display: block; margin-top: 0}
.brochure img {margin: 0; padding: 0; padding-left:10px; float: right}
.brochure:hover {background: #f7f7f7; }


/* Tabs styles */ 

.tabs-wrap { width: 230px; margin:20px 0 }
.tabs { width: 230px; font-family: arial, verdana, sans-serif;}
#tabs_shadow { background: url("//www.kirklees.gov.uk/townhalls/img/shadow.jpg") no-repeat; width: 230px; height: 6px; clear: both}
.tabs  img, .tabs iframe { border: 0; outline: 0;}
.tabs a{ color: #790691; text-decoration: none; }
.tabs a:hover { text-decoration: underline}
.tabNavigation { list-style: none; margin: 0;}
.tabNavigation li { display: inline; width:50px;}
.tabNavigation li a { padding: 10px 18px 8px 18px; background-color: #f1f1f1; color: #000; text-decoration: none; display:inline-block; height:40px; margin-bottom:-3px}
.tabNavigation li a.selected, .tabNavigation li a:hover {background-color: #e6e6e6;	color: #fff;}
.tabNavigation li a:focus {outline: 0;}
.tabs > div {	padding: 10px;	background-color: #e6e6e6; z-index: 10; position: relative}
.tabs > div h2 {margin-top: 0;}
.tabs > div h2  a{color: #222; font-weight: bold; font-size: 13px}
.tab_content{background: #fff; font-size: 13px; border: 0; outline: 0; padding: 0; margin: 0}
.tab_content h2 {font-size: 14px; font-weight: normal; padding: 10px;}
.tab_content li {margin-bottom: 10px}
.facebookOuter { background-color: #fff; height: 420px;	}
.facebookInner { height: 400px;	}
#twitter .tab_content  h2  {border-bottom: 1px solid #e8e8e8; margin:0 10px 10px; padding:10px 0}
.tweet_list {line-height:1.3; list-style-type: none; margin: 0 10px; padding: 0;} 
.tweet_list li { border-bottom: solid 1px #e8e8e8; list-style: none; padding: 0 2px 10px; margin-bottom: 10px; } 
.tweet_list li a {text-decoration: none;} 
.tweet_list li a:hover {text-decoration: underline; }
.tweet_list .tweet_time a{color: #009fda}
#follow-us {padding-left:30px; display: block}
#blog .tab_content ul {margin-top: 0; margin-left: -10px; padding:10px; padding-top:0; list-style: none}
#blog .tab_content ul li {padding: 0px; padding-top: 10px; margin-bottom: 0; border-top: solid 1px #eee; border-bottom :solid 1px #ccc}
#blog .tab_content  h2 {margin-bottom: 0;}
.feedburnerFeedBlock {padding: 10px; padding-top: 0}
#blog .headline a {padding-bottom: 5px; display: block}
#blog {height:400px}
#blog #creditfooter{display: none;}
.tabs-wrap h2.section-title {padding-left:20px}

#creditfooter {display: none}
.section-left, .section-middle {float: left; width: 230px; min-height: 150px; }
.section-middle {margin-left: 25px}
.section-left h3, .section-middle h3 {border-bottom: 1px solid #ccc; padding: 0; margin: 0; color: #000; font-size: 14px; }
.section-right {float: right; padding: 5px; background: #e7e7e7}

.clear {clear: both}
.page-spacer {height: 30px; width: auto}


.contact-box-odd, .contact-box-even {width: 46%; height: 120px; padding: 8px; background: #f7f7f7; float: left; margin-bottom: 20px}
.contact-box-even {margin-left: 20px}

.contact-tel-no {margin-top:0}
.icon {float: left; margin-right: 5px; margin-top: -2px}
.contact-name {margin:0 0 3px 0}
.contact-job-title {margin: 0 0 20px 0}

.split-section-odd, .split-section-even {width: 48%; float: left}
.split-section-even{margin-left:20px}
.contact-box{width: 95%; height: 120px; padding: 8px; background: #f7f7f7; margin-bottom: 20px}

/*#weddings #mainWrapper {background: url("//www.kirklees.gov.uk/townhalls/img/weddings_bg.jpg"); background-position:center; background-attachment: fixed; padding-bottom: 190px}
#weddings footer {margin-top: -190px}
#weddings #masthead {background: url("//www.kirklees.gov.uk/townhalls/img/transparent_bg.png") repeat;}
#weddings #masthead #mastheadTitle { }*/

.stayConnected{ margin-top: 20px; width: 220px; margin-bottom: 20px;}
.stayConnected img { display: block;}
.stayConnected a:hover { text-decoration: none;}
.stayConnectedTopic { color: white; padding: 10px 0; width: 100%; font-size: 20px; text-align: center; }
.stayConnectedTopic.townHalls { background-color: #a60289; }
.stayConnectedTopic p {margin: 0;}