/* ============================ common ============================== */

img, div, h2 { behavior: url(http://www.annamation.co.uk/iepngfix.htc); }

body { 
	color: #fff; background: #d71c49 url(../img/body-bg.jpg) repeat-x 0 0;
	font: normal 69% "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

a:link, a:visited { color: #3b0514; text-decoration: none; }
a:link:hover, a:visited:hover, a:active, a:focus { text-decoration: underline; }

img { display: block; }
a img { border: none; }
a span{ cursor: pointer; }

input.text,
input.fmtext,
input.fmverify, 
textarea{
	padding: 3px;
	border: 1px solid #4e4648;
	color: #fff; background: #610922 url(../img/bg-input-text.png) repeat-x 0 0;
	font: normal 1em "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-table; }
.clearfix{ display: block; }
.clearfix{ height: 1%; } /* ie */

/* ========================== common end ============================ */

/* ============================ layout ============================== */

.holder{ 
	width: 782px;
	margin: 0 auto;
}

#header{ height: 159px; }

#sub-header{ 
	height: 364px;
	margin: 0 0 36px 0;
}

#content{ 
	float: right; position: relative;
	width: 469px; min-height: 700px; height: auto !important; height: 700px;
	padding: 0 0 72px;
}

#side-bar{ 
	float: left; position: relative;
	width: 296px;
	margin: 0 0 0 16px;
	display: inline;
}

#footer{ 
	clear: both;
	min-height: 70px; height: auto !important; height: 70px;
	padding: 18px 0 0 0;
	background: #1b020a url(../img/bg-footer.jpg) repeat-x 0 0;
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

#brush-top-left{
	position: absolute;
	top: 523px; left: 0;
	width: 196px; height: 259px;
	background: url(../img/brush-top-left.jpg) no-repeat 0 0;
}

#brush-top-right{
	position: absolute;
	top: 523px; right: 0;
	width: 279px; height: 93px;
	background: url(../img/brush-top-right.jpg) no-repeat 0 0;
}

#brush-bottom-right{
	position: absolute;
	bottom: 0; right: 0;
	width: 235px; height: 72px;
	background: url(../img/brush-bottom-right.gif) no-repeat 0 0;
}

/* ========================== header end ============================ */

/* ============================ header ============================== */

#header h1{ float: left; }

#logo { width: 467px; float: left; }

#searchform{ padding: 72px 0 0 0; }
#searchform label{
	display: block; position: relative;
	width: 148px; height: 32px;
}
#searchform label span.image{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/lbl-search-the-site.png) no-repeat 0 0;
}
#searchform label span.text{
	display: none;
}
#searchform input.text{
	display: block; float: left;
	width: 210px;
}
#searchform input.button{
	display: block;
	margin: 0 0 0 5px;
}

/* ========================== header end ============================ */

/* ========================== sub-header ============================ */

#banner{
	height: 309px;
	padding: 19px 0 0 23px;
	background: url(../img/bg-banner.jpg) no-repeat 50% 50%;
}

#navigation {
	margin-left: 20px;
}
#navigation li{
	float: left;
	height: 32px;
}
#navigation li a{
	display: block; float: left; position: relative;
	height: 36px;
}
#navigation li a span{
	position: absolute;
	width: 100%; height: 100%;
}
#navigation li.nav-home a{ width: 88px; }
#navigation li.nav-about a{ width: 92px; }
#navigation li.nav-shows a{ width: 91px; }
#navigation li.nav-anna a{ width: 96px; }
#navigation li.nav-annac a{ width: 89px; }
#navigation li.nav-susanna a{ width: 93px; }
#navigation li.nav-workshops a{ width: 95px; }
#navigation li.nav-media a{ width: 97px; }

#navigation li.nav-home a span{ background: url(../img/nav_home.jpg) no-repeat 0 -3px; }
#navigation li.nav-about a span{ background: url(../img/nav_about.jpg) no-repeat 0 -3px; }
#navigation li.nav-shows a span{ background: url(../img/nav_shows.jpg) no-repeat 0 -3px; }
#navigation li.nav-anna a span{ background: url(../img/nav_anna.jpg) no-repeat 0 -3px; }
#navigation li.nav-annac a span{ background: url(../img/nav_annac.jpg) no-repeat 0 -3px; }
#navigation li.nav-susanna a span{ background: url(../img/nav_susanna.jpg) no-repeat 0 -3px; }
#navigation li.nav-workshops a span{ background: url(../img/nav_workshops.jpg) no-repeat 0 -3px; }
#navigation li.nav-media a span{ background: url(../img/nav_media.jpg) no-repeat 0 -3px; }

#navigation li a:hover span{ background-position: 0 100%; }
#navigation li a.current span{ background-position: 0 100%; }

/* ======================== sub-header end ========================== */

/* ============================ content ============================= */

h2 {
	font-family: "Trebuchet MS";
	font-size: 16px; color: #e5e4cf;
	font-weight: bold; letter-spacing: 1px;
}

.h2-welcome{
	clear: both;
	width: 100%; height: 49px;
	background: url(../img/h2_welcome.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden;
}

.h2-more-info{
	clear: both;
	width: 100%; height: 49px;
	background: url(../img/h2_read_more.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden; margin-top: 20px;
}

.h2-about-us{
	clear: both;
	width: 100%; height: 49px;
	background: url(../img/h2_about_us.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden;
}
.h2-gallery{
	clear: both;
	width: 100%; height: 49px;
	margin: 20px 0 0 0;
	background: url(../img/h2_gallery.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden;
}
.h2-workshops{
	clear: both;
	width: 100%; height: 49px;
	margin: 20px 0 0 0;
	background: url(../img/h2_workshops.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden;
}
.h2-shows{
	clear: both;
	width: 100%; height: 49px;
	margin: 20px 0 0 0;
	background: url(../img/h2_shows.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden;
}
.h2-anna{
	clear: both;
	width: 100%; height: 49px;
	margin: 20px 0 0 0;
	background: url(../img/h2_anna.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden;
}
.h2-annac{
	clear: both;
	width: 100%; height: 49px;
	margin: 20px 0 0 0;
	background: url(../img/h2_annac.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden;
}
.h2-susanna{
	clear: both;
	width: 100%; height: 49px;
	margin: 20px 0 0 0;
	background: url(../img/h2_susanna.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden;
}
.h2-media{
	clear: both;
	width: 100%; height: 49px;
	margin: 20px 0 0 0;
	background: url(../img/h2_media.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden;
}



.more{
	display: block; float: right; position: relative;
	width: 78px; height: 30px;
	margin: 0 43px 1em 0;
	background: url(../img/btn-read-more.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden;
	display: inline;
}

#content h3{
	clear: both;
	padding: 20px 43px 2px 10px;
	font-size: 1.8em;
	color: #fff;
}
#content h3 a:link, 
#content h3 a:visited{ color: #fff; text-decoration: none; padding: 3px; }
#content h3 a:link:hover, 
#content h3 a:visited:hover, 
#content h3 a:active, 
#content h3 a:focus{ background: #aa1d45; text-decoration: none; }

#content small{ 
	display: block;
	margin: 0 0 -15px 13px;
	color: #CF0A42; }

#content p{
	font-size: 1.3em;
	line-height: 2em;
	padding: 15px 43px 0 13px;
}

#content ul{
list-style: circle;
	font-size: 1.3em;
	line-height: 2em;
	padding: 15px 43px 0 40px;
}

#content strong {
font-weight: bold;
}

#content em {
font-style: italic;
}

/* ========================== content end =========================== */

/* ============================ side-bar ============================ */


.lbl-stay-in-touch{
	display: block;
	width: 100%; height: 49px;
	background: url(../img/h2_stay_in_touch.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden;
	behavior: url(http://www.annamation.co.uk/iepngfix.htc);
}

#h3-profiles{
	display: block;
	width: 100%; height: 49px;
	background: url(../img/h2-profiles.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden;
	behavior: url(http://www.annamation.co.uk/iepngfix.htc);
	margin-top: 20px;
}


.profile {
	background: url(../img/profile-bg.jpg) repeat-x;
	width: 285px; height: 155px; border: 1px solid #524649;
	margin: 10px 0 10px 0;
}
.profile p {
	float: right;width: 115px;
	margin: 0 5px 0 0;
}
.profile p a {
	color: #ffffff; text-decoration: underline;
}

.profile-img {
	float: left; margin: 5px;
}


#h3-anna {
	display: block;
	width: 55px; height: 16px;
	background: url(../img/anna-h3.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden;
	behavior: url(http://www.annamation.co.uk/iepngfix.htc);
	margin: 10px; position: relative; left: 8px;
}
#h3-annac {
	display: block;
	width: 74px; height: 16px;
	background: url(../img/annac-h3.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden;
	behavior: url(http://www.annamation.co.uk/iepngfix.htc);
	margin: 10px; position: relative; left: 8px;
}
#h3-susanna {
	display: block;
	width: 83px; height: 16px;
	background: url(../img/susanna-h3.png) no-repeat 0 0;
	text-indent: -666em; overflow: hidden;
	behavior: url(http://www.annamation.co.uk/iepngfix.htc);
	margin: 10px; position: relative; left: 8px;
}


.book-now {
	background: url(../img/book-me.gif) no-repeat; 
	width: 78px; height: 30px; display: block;
	margin-top: 60px; margin-left: 30px;
}

#newsletter input.text{
	display: block; float: left;
	width: 210px;
	margin: 10px 0 10px 10px;
	display: inline;
}
#newsletter input.button{
	float: right;
	margin: 15px 0 0 0;
}

#side-bar ul{ margin: 4px 22px 10px 2px; }
#side-bar li a:link,

#side-bar li a:visited{
	display: block;
	margin: 0 0 1px 0; padding: 0.3em 0.5em;
	color: #fff; background: #aa1d45;
	font-size: 1.2em; font-weight: bold;
}
#side-bar li a:link:hover,
#side-bar li a:visited:hover,
#side-bar li a:active,
#side-bar li a:focus{ background: #330512; text-decoration: none; }
#side-bar li.current_page_item a{ background: #330512; text-decoration: none; }

/* ========================== side-bar end ========================== */

/* ============================ gallery ============================= */

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	display:block !important;
}

.ngg-album {
	overflow: hidden;
	height: 130px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin: 13px;
	display:block !important;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
}

.ngg-gallery-thumbnail img {
	background-color:#4f0000;
	border:1px solid #636363;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail a:hover img{
	background-color: #b41939;
} 

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers, a.next, a.prev, 
				span.page-numbers, span.next, span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover, 
				span.page-numbers:hover, span.next:hover, span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

/* ========================== gallery end =========================== */

/* ============================ calendar ============================ */

#wp-calendar table{ 
	width: 90%; 
	font-size: 1.1em;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption{ 
	text-align: center; 
	padding: 0.3em;
}
#wp-calendar #prev{ text-align: left; }
#wp-calendar #next{ text-align: right; }
#wp-calendar img{ display: inline; }

/* ========================== calendar end ========================== */

/* ============================= footer ============================= */

#footer a{ color: #fff; }

#footer img {
margin-right: 10px;
}

#info-bar{ float: left; }

#sponsors{ float: left; }

p#sponsors {
margin: -18px 0 0 50px;
padding: 0;
background: url(../img/footer-sponsors.jpg) no-repeat;
width: 420px;
height: 88px;
}

p#sponsors span {
display: none;
}

#email-icon {
	background: url(../img/email-icon.gif) no-repeat;
	width: 48px; height: 38px; display: block;
	float: left; margin-left: 10px;
}

#book-us {
	background: url(../img/book-us.gif) no-repeat;
	width: 111px; height: 42px; display: block;
	float: left; margin-left: 10px;
}

.get-feed{ float: left; }

#copyright{ float: right; }

/* =========================== footer end =========================== */

/* ============================= comments============================= */

#content ol.commentlist li {
padding: 20px 43px 2px 10px;
}

#content ol.commentlist li p {
padding-left: 0;
margin-left: 0;
}

#content ol.commentlist li small {
padding-left: 0;
margin-left: 0;
}
/* ============================= comments end ============================= */