/*
Theme Name: Audiences East Scotland
Version: 1.0
Author: Evie Milo
Author URI: http://www.my-igloo.net
*/

/* COLOURS
DARK GREY		#7F7F7F
LIGHT GREY		#F2F2F2
DARK PURPLE		#551B89
LIGHT PURPLE		#EEE8F3
DARK RED		#990000
LIGHT RED		#F5E5E5

*/

/* RESET */
/* -------------------------------------------------------------------------------------------*/
* 		{ margin:0; padding:0; }
body 		{ font-size: small; font-family:Arial, Helvetica, sans-serif; color: #000000; text-align:left; background:url(/assets/bgrpt_topgrey.jpg) repeat-x top left; }
* html body 	{ font-size: x-small; /* for IE5/Win */ f\ont-size: small; /* for other IE versions */ }



/* The below restores some sensible defaults */
strong 	{ font-weight: bold; }
em 		{ font-style: italic; }
a img 		{ border:none; } /* Gets rid of IE's blue borders */


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin: 0px 20px 10px 0px; }
.alignright { float:right; margin: 0px 0px 20px 20px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; }


/* FLOATED ELEMENTS */
/* -------------------------------------------------------------------------------------------*/
.left 		{ float: left; }
.right 	{ float: right;}

.clearleft 	{ clear: left; }
.clearright 	{ clear: right; }
.clearboth 	{ clear: both; }


/* TYPOGRAPHY */
/* -------------------------------------------------------------------------------------------*/
h1 {font-size: 180%; font-weight:100; color: #551B89; margin: 0px 0px 10px 0px; padding: 0px;}
h1.laslogoleft {font-size: 180%; font-weight:100; color: #990000; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 30px; background: url(/assets/logo_lassml.gif) no-repeat top left;}
h1.laslogoleft-family {font-size: 180%; font-weight:100; color: #551B89; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 30px; background: url(/assets/logo_lassml.gif) no-repeat top left;}
h1.aeslogoleft {font-size: 180%; font-weight:100; color: #551B89; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 30px; background: url(/assets/logo_aessml.jpg) no-repeat top left;}

h1 a:link, h1 a:visited { color:#551B89; text-decoration: none; }
h1 a:hover, h1 a:active { color: #551B89; text-decoration: underline; }

h2 {font-size: 150%; font-weight:normal; color: #7F7F7F; margin: 0px 0px 10px 0px; padding: 0px;}
h2.aeslogoleft {font-size: 140%; font-weight:100; color: #551B89; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 30px; background: url(/assets/logo_aessml.jpg) no-repeat top left;}

h2 a:link, h2 a:visited { color: #7F7F7F; text-decoration: none; }
h2 a:hover, h2 a:active { color: #7F7F7F; text-decoration: underline; }

h2.aeslogoleft a:link, h2.aeslogoleft a:visited { color: #551B89; text-decoration: none; }
h2.aeslogoleft a:hover, h2.aeslogoleft a:active { color: #551B89; text-decoration: underline; }

h3 {font-size: 160%; font-weight:normal; color: #551B89;}
h4 {font-size: 120%; color: #990000; margin: 20px 0px 0px 0px;}

p {margin: 5px 0px 15px 0px; font-size: 100%; line-height:1.3em;}

a:link, a:visited { color: #551B89; text-decoration: underline; }
a:hover, a:active { color: #551B89; text-decoration: none; }

blockquote {
	padding:0px 40px 0px 40px;
	margin: 0px 0px 0px 10px;
	background:url(/assets/blockquote.gif) no-repeat top left;
	font-style: italic;
	font-size: 110%;
	 color: #5d5d5d;
}
.post cite {
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color:#551B89;
}


/* WRAPPER IS 1100PX WIDE RO ACCOMMODATE THE GRADIENTS DOWN EACH SIDE */
/* -------------------------------------------------------------------------------------------*/
#wrapper {
	width: 1100px;
	margin: 0 auto;
	padding: 0;
	background:url(/assets/bgrpt_pagegradients.jpg) repeat-y top left;
}

/* TOPLINKS IS 1000PX WIDE */
/* -------------------------------------------------------------------------------------------*/
#toplinks {
	width: 1000px;
	height: 20px;
	margin: 0 auto;
	padding: 5px 0px;
	color: #ffffff;	
}

#toplinks .left {width: 500px;}
#toplinks .right {width: 500px; text-align:right;}

#toplinks a:link, #toplinks a:visited { color: #ffffff; text-decoration: none; }
#toplinks a:hover, #toplinks a:active { color: #ffffff; text-decoration: underline; }


/* HEADER IS 1000PX WIDE AND HOLDS THE NAV ON THE LEFT AND THE LOGO ON THE RIGHT AS WELL AS THE HEARDER IMAGE ROTATOR */
/* -------------------------------------------------------------------------------------------*/
#header {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
}

#header .left {width: 742px;}
#header .right {width: 258px;}

#masthead {}


/* NAVIGATION SITS UNDER THE HEADER AND IS 880PX WIDE */
/* -------------------------------------------------------------------------------------------*/
#navigation {
	width: 742px;
	height: 74px;
	margin: 0 auto;
	padding: 0px;
	background: url(/assets/primarynav.gif) no-repeat;
}

#nav {
	width: 742px;
	height: 74px;
	background: url(/assets/primarynav.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#nav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	position: absolute;
	text-indent: -3000px;
}

#nav a {
	display: block;
	height:34px;
	text-decoration: none;
}

/* POSITION OF THE NAVIGATION BUTTONS
---------------------------------------------------------------------------------------------------------------*/
#home			{left:20px; top:40px; width:52px; height:34px;}
#aboutaes		{left:88px; top:40px; width:98px; height:34px;}
#loveartsscotland	{left:205px; top:40px; width:155px; height:34px;}
#blog			{left:378px; top:40px; width:38px; height:34px;}
#links	 		{left:435px; top:40px; width:45px; height:34px;}
#contact	 	{left:499px; top:40px; width:98px; height:34px;}

#home a, #aboutaes a, #loveartsscotland a, #blog a, #links a, #contact  {height:34px;}

/* HOVER AND ACTIVE STATES OF THE NAVIGATION BUTTONS
---------------------------------------------------------------------------------------------------------------*/
#home a:hover, #home .active 				{background:url(/assets/primarynav.gif) -20px -114px no-repeat; width:52px; height:34px;}
#aboutaes a:hover, #aboutaes .active 			{background:url(/assets/primarynav.gif) -88px -114px no-repeat; width:98px; height:34px;}
#loveartsscotland a:hover, #loveartsscotland .active 	{background:url(/assets/primarynav.gif) -205px -114px no-repeat; width:155px; height:34px;}
#blog a:hover, #blog .active 				{background:url(/assets/primarynav.gif) -378px -114px no-repeat; width:38px; height:34px;}
#links a:hover, #links .active 				{background:url(/assets/primarynav.gif) -435px -114px no-repeat; width:45px; height:34px;}
#contact a:hover, #contact .active 			{background:url(/assets/primarynav.gif) -499px -114px no-repeat; width:98px; height:34px;}

body.page-id-3 #home 		{background:url(/assets/primarynav.gif) -20px -114px no-repeat; width:52px; height:34px;}
body.page-id-2 #aboutaes 		{background:url(/assets/primarynav.gif) -88px -114px no-repeat; width:98px; height:34px;}
body.page-id-701 #loveartsscotland 	{background:url(/assets/primarynav.gif) -205px -114px no-repeat; width:155px; height:34px;}
body.page-id-9 #links 		{background:url(/assets/primarynav.gif) -435px -114px no-repeat; width:45px; height:34px;}
body.page-id-11 #contact 		{background:url(/assets/primarynav.gif) -499px -114px no-repeat; width:98px; height:34px;}
body.parent-pageid-701 #loveartsscotland 	{background:url(/assets/primarynav.gif) -205px -114px no-repeat; width:155px; height:34px;}

body.blog #blog, body.single #blog, body.archive #blog, body.error404 #blog {background:url(/assets/primarynav.gif) -378px -114px no-repeat; width:38px; height:34px;}



/* --------------------------------------------Posts Content----------------- */
.post {padding-bottom:30px;}

.post ul, .post ol {font-size: 100%; margin: 0px 0px 20px 30px;}

.post h1 {margin: 0px; padding: 0px;}
.post h2 {margin: 0px; padding: 0px;}
.post h3 {font-size: 120%; font-weight:bold; color: #551B89;}

.datestyle {
	margin: 0;
	padding: 0px 0px 10px 0px;
	color:#999999;
}


.attachment-post-thumbnail {
	float: left;
	margin: 0px 15px 10px 0px;
	padding-top:8px;
}

.postinfo {
	text-transform:uppercase;
	font-size: 80%;
	color: #AE936C;
	border-top: 1px dotted #CCCCCC;
	padding-top: 3px;
	clear: left;
}


/* comment styles */
.comments-template{
	margin: 10px 0 0;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0px 0px 0px;
	line-height: 15px;
	padding: 5px 0px 0px 0px;
	border-bottom: 1px dashed #ccc;
}

.comments-template h2, .comments-template h3{
	font-size: 160%; font-weight:normal; color: #7F7F7F;
}

.commentmetadata{
	font-size: 90%;
}

.commentmetadata em{
	color: #990000;
	font-weight: bold;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-size: 90%;
	width: 100%;
}

.commentlist li {
	list-style: none;
	list-style-type:none;
}

.commentlist li .avatar {
	float:left; 
	background: #fff; 
	border: 1px solid #bbb; 
	padding:5px;
	margin: 0px 15px 0px 0px;
	list-style: none;
	list-style-type:none;
}

.comments-template cite {
	padding:0px;
	margin: 0px;
	font-style:normal;
	font-weight: bold;
}

.says{display:none;}


.more-link{ padding: 5px; background: #EEE8F3; color: #551B89;}

a.more-link:link {color: #551B89;}     /* unvisited link */
a.more-link:visited {color: #551B89;}  /* visited link */
a.more-link:active {color: #551B89;}   /* selected link */
a.more-link:hover {color: #551B89;}   /* mouse over link */

/* next previous */
.previous a {float:left;}
.next a {float:right;}


/* --------------------------------------------Sidebar Content----------------- */


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 2px;
	text-indent: -2px;
	}

html>body .entry li {
	margin: 7px 0 8px 2px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	color: #7f7f7f;
	}
	
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 2px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 2px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
#sidebar h2.widgettitle {
	font-size: 150%; font-weight:normal; color: #551B89; margin: 0px; padding: 0px;

} 

#sidebar a:link, #sidebar a:visited { color: #7f7f7f; text-decoration: none; }
#sidebar a:hover, #sidebar a:active { color: #551B89; text-decoration: underline; }
/* End Entry Lists */


/* --------------------------------------------Width of drop downs----------------- */
select { width: 260px; font-size: 1em; }




/* CONTENT - HOMEPAGE
---------------------------------------------------------------------------------------------------------------*/
#content-home{
	margin: 0 auto;
	width: 920px;
	padding: 20px 20px 10px 20px;
	background: #F2F2F2;
}

#content-home .leftintro { float: left; width: 740px;}
#content-home .rightintro { float: right; width: 180px; text-align:right;}

#content-home-columns{
	margin: 10px auto;
	width: 920px;
	padding: 20px 20px 0px 20px;
	background: #F2F2F2 url(/assets/bgrpt_2columns_home.jpg) repeat-y top left;
}
#content-home-columns .left { width: 435px;}
#content-home-columns .right { width: 435px; text-align: left;}


#content-home-columns .right a:link, #content-home-columns .right a:visited { color: #990000; text-decoration: underline; }
#content-home-columns .right a:hover, #content-home-columns .right a:active { color: #990000; text-decoration: none; }

#content-home-logos{
	margin: 0 auto;
	width: 920px;
	padding: 20px;
	background: #F2F2F2;
}

/* CONTENT - ABOUT AES
---------------------------------------------------------------------------------------------------------------*/
#content-aboutaes{
	margin: 0 auto;
	width: 920px;
	padding: 20px;
	background: url(/assets/bgrpt_blog_2column_background.jpg) repeat-y top left;
}

#content-aboutaes .left { width: 610px;}
#content-aboutaes .right { width: 260px;}

#content-aboutaes ul, #content-aboutaes ol {font-size: 100%; margin: 0px 0px 20px 20px; color: #5d5d5d;}

#basecamp { background:url(/assets/icon_basecamp.jpg) no-repeat top left; padding: 0px 0px 0px 106px; margin: 0px 0px 15px 0px; }
#basecamp p { padding: 0px 0px 8px 0px; margin: 0px;}

a#btn_aesnewsletter {
	display: block;
	width: 260px;
	height: 143px;
	background: url(/assets/btn_newsletter_aes.jpg) no-repeat 0 0;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	outline:none;
}
a#btn_aesnewsletter:hover {
	background: url(/assets/btn_newsletter_aes.jpg) no-repeat 0 -143px;
	outline:none;
}

#btn_aesnewsletter span {display: none;}

/* CONTENT - ABOUT LAS
---------------------------------------------------------------------------------------------------------------*/
#content-aboutlas{
	margin: 0 auto;
	width: 920px;
	padding: 20px;
	background: url(/assets/bgrpt_blog_2column_background.jpg) repeat-y top left;
}

#content-aboutlas h3{ color: #990000;}

#content-aboutlas a:link, #content-aboutlas a:visited { color: #990000; text-decoration: underline; }
#content-aboutlas a:hover, #content-aboutlas a:active { color: #990000; text-decoration: none; }

#content-aboutlas .left { width: 610px;}
#content-aboutlas .right { width: 260px;}

#content-aboutlas ul, #content-aboutlas ol {font-size: 100%; margin: 0px 0px 20px 20px; color: #5d5d5d;}

a#btn_lasnewsletter {
	display: block;
	width: 260px;
	height: 143px;
	background: url(/assets/btn_newsletter_las.jpg) no-repeat 0 0;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	outline:none;
}
a#btn_lasnewsletter:hover {
	background: url(/assets/btn_newsletter_las.jpg) no-repeat 0 -143px;
	outline:none;
}

#btn_lasnewsletter span {display: none;}

/* CONTENT - ABOUT LAS - FAMILY CAMPAIGN
---------------------------------------------------------------------------------------------------------------*/
#content-aboutlas-family{
	margin: 0 auto;
	width: 920px;
	padding: 20px;
	background: url(/assets/bgrpt_blog_2column_background_family.jpg) repeat-y top left;
}

#content-aboutlas-family h2 {
	font-size: 150%; font-weight:normal; color: #551B89; margin: 0px; padding: 0px;
}

#content-aboutlas-family h3{ color: #551B89;}

#content-aboutlas-family a:link, #content-aboutlas-family a:visited { color: #551B89; text-decoration: underline; }
#content-aboutlas-family a:hover, #content-aboutlas-family a:active { color: #551B89; text-decoration: none; }

#content-aboutlas-family .left { width: 610px;}
#content-aboutlas-family .right { width: 260px;}

#content-aboutlas-family ul, #content-aboutlas-family ol {font-size: 100%; margin: 0px 0px 20px 20px; color: #5d5d5d;}


/* CONTENT - ABOUT LAS - 2010 SUMMER CAMPAIGN
---------------------------------------------------------------------------------------------------------------*/
#content-summer-entertainment{
	margin: 0 auto;
	width: 920px;
	padding: 20px;
	background: url(/assets/bgrpt_blog_2column_background.jpg) repeat-y top left;
}

#content-summer-entertainment-orange{
	margin: 0 auto;
	width: 920px;
	padding: 20px;
	background: url(/assets/bgrpt_2column_orange.jpg) repeat-y top left;
}

#content-summer-entertainment-purple{
	margin: 0 auto;
	width: 920px;
	padding: 20px;
	background: url(/assets/bgrpt_2column_purple.jpg) repeat-y top left;
}

#content-summer-entertainment h2 {
	font-size: 150%; font-weight:normal; color: #551B89; margin: 0px; padding: 0px;
}

#content-summer-entertainment h3{ color: #551B89;}

#content-summer-entertainment a:link, #content-summer-entertainment a:visited { color: #551B89; text-decoration: underline; }
#content-summer-entertainment a:hover, #content-summer-entertainment a:active { color: #551B89; text-decoration: none; }

#content-summer-entertainment .left, #content-summer-entertainment-orange .left, #content-summer-entertainment-purple .left { width: 610px;}
#content-summer-entertainment .right, #content-summer-entertainment-orange .right, #content-summer-entertainment-purple .right { width: 260px;}

#content-summer-entertainment .column1 { width: 310px; float: left;}
#content-summer-entertainment .column2 { width: 300px; float: right;}

.column1 span, .column2 span {display: none;}

a#btn-column1 {
	display: block;
	width: 310px;
	height: 370px;
	background: url(/assets/2010-family-btn.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-column1:hover {background: url(/assets/2010-family-btn.jpg) no-repeat 0 -370px; outline:none;}

a#btn-column2 {
	display: block;
	width: 300px;
	height: 370px;
	background: url(/assets/2010-summer-lovearts-btn.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-column2:hover {background: url(/assets/2010-summer-lovearts-btn.jpg) no-repeat 0 -370px; outline:none;}

#content-summer-entertainment ul, #content-summer-entertainment ol {font-size: 100%; margin: 0px 0px 20px 20px; color: #5d5d5d;}





/* CONTENT - BLOG
---------------------------------------------------------------------------------------------------------------*/
#content-blog{
	margin: 0 auto;
	width: 920px;
	padding: 20px;
	background: url(/assets/bgrpt_blog_2column_background.jpg) repeat-y top left;
}

#content-blog .left { width: 610px;}
#content-blog .right { width: 260px;}


/* CONTENT - LINKS
---------------------------------------------------------------------------------------------------------------*/
#content-links{
	margin: 0 auto;
	width: 920px;
	padding: 20px;
	background: url(/assets/bgrpt_blog_2column_background.jpg) repeat-y top left;
}

#content-links .left { width: 610px;}
#content-links .right { width: 260px;}



/* CONTENT - CONTACT US
---------------------------------------------------------------------------------------------------------------*/
#content-contactus{
	margin: 0 auto;
	width: 920px;
	padding: 20px;
	background: url(/assets/bgrpt_blog_2column_background.jpg) repeat-y top left;
}

#content-contactus .left { width: 610px;}
#content-contactus .right { width: 260px;}


/* CONTENT - SITEMAP
---------------------------------------------------------------------------------------------------------------*/
#content-sitemap{
	margin: 0 auto;
	width: 920px;
	padding: 20px;
	background: url(/assets/bgrpt_blog_2column_background.jpg) repeat-y top left;
}

#content-sitemap .left { width: 610px;}
#content-sitemap .right { width: 260px;}

#content-sitemap ul, #content-sitemap ol {font-size: 100%; margin: 0px 0px 20px 20px; color: #5d5d5d;}
#content-sitemap li {margin: 0px 0px 5px 0px;}

.ddsg-wrapper{}

.ddsg-pagenav {}

.credits {display: none;}



/* FOOTER */
/* -------------------------------------------------------------------------------------------*/
#footer{
	width: 960px;
	margin: 0 auto;
	padding: 10px 0px 50px 0px;
	color: #7f7f7f;
	background:url(/assets/footer_logo.jpg) no-repeat top left;
}

#footer .right {text-align: right;}

#footer p, #footer ul{ font-size: 85%; margin: 0px 0px 0px 0px; padding: 0px;}

#footer ul 		{ list-style-type: none; margin: 0; padding: 0px 0px 5px 0px; }
#footer ul li 	{ display: inline; }

#footer a:link, #footer a:visited {
	color: #7f7f7f;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #7f7f7f;
	text-decoration: underline;
}
