/* @override http://sean.reachsites.co.uk/css/styles.css */

body {margin:0;font:62.7% "Helvetica Neue", "lucida grande", Arial, Helvetica, sans-serif;background: #c7c6b1 url(/images/sean-bg.jpg) no-repeat 0 0;}
img{border:none;}
h1.welcome{text-indent:-3000px; background:url(/images/welcome.gif) no-repeat; width:212px; height:45px; margin-left:70px;}
#container{width:865px; background:url(/images/sean-maguire-official-websi.jpg) no-repeat; float:left; }
#content_container{width:571px; background:url(/images/content-bg.jpg) repeat-y; margin: 285px 0 0; float:left;}
#content{width:571px;margin:0 0 0 0px; min-height:682px; background:url(/images/copy-bottom.jpg) no-repeat bottom; }
* html #content{height:682px;}
#footer{width:511px; background:url(/images/footer-bg.jpg) top right no-repeat #c8c6b2; margin-left:60px;}
#footer img{margin-left:10px;}
#nav{float:left; background:url(/images/right-bg.jpg) no-repeat; width:294px; min-height:676px; margin-top:310px;}
* html #nav {height:676px;}
#nav ul{padding:0; margin: -20px 0 0;}
#nav ul li{list-style:none; margin:0; padding:0; text-indent:-3000px;}
#nav ul li a{text-decoration:none; display:block;}
#nav ul li a.home{background:url(/images/home.gif) no-repeat; width:143px; height:30px;}
#nav ul li a.home:hover{background:url(/images/home-over.gif) no-repeat;}
#nav ul li a.news{background:url(/images/news.gif) no-repeat; width:143px; height:30px;}
#nav ul li a.news:hover{background:url(/images/news-over.gif) no-repeat;}
#nav ul li a.biography{background:url(/images/biog.gif) no-repeat; width:176px; height:38px;}
#nav ul li a.biography:hover{background:url(/images/biog-over.gif) no-repeat;}
#nav ul li a.film{background:url(/images/film.gif) no-repeat; width:176px; height:29px;}
#nav ul li a.film:hover{background:url(/images/film-over.gif) no-repeat;}
#nav ul li a.television{background:url(/images/tele.gif) no-repeat; width:185px; height:31px;}
#nav ul li a.television:hover{background:url(/images/tele-over.gif) no-repeat;}
#nav ul li a.theatre{background:url(/images/theatre.gif) no-repeat; width:185px; height:33px;}
#nav ul li a.theatre:hover{background:url(/images/theatre-over.gif) no-repeat;}
#nav ul li a.music{background:url(/images/music.gif) no-repeat; width:185px; height:30px;}
#nav ul li a.music:hover{background:url(/images/music-over.gif) no-repeat;}
#nav ul li a.interviews{background:url(/images/interviews.gif) no-repeat; width:185px; height:31px;}
#nav ul li a.interviews:hover{background:url(/images/interviews-over.gif) no-repeat;}
#nav ul li a.pictures{background:url(/images/pictures.gif) no-repeat; width:185px; height:31px;}
#nav ul li a.pictures:hover{background:url(/images/pictures-over.gif) no-repeat;}

/* @group gallery */

#gallery img { margin: 4px; border: 1px solid #c7c5b0; padding: 5px;}

#gallery {margin-left: 83px; width: 475px; margin-top: -25px;}

#gallery h1 {font: bold 18px "Courier New", Courier, mono; letter-spacing: -1px; color: #039; border-bottom-style: solid; border-bottom-width: 1px;}



/* @end */

/* @group Genre */


#seanfilm #content li { width: 90%;}

#content ul {margin-left: 83px; padding: 0;}

#content ul li a { text-decoration: none; font-size: 12px; line-height: 16px; color: #db0048; margin-bottom: 1px;}
#content ul li a:hover{ text-decoration: underline; color: #1300ff;}
#content ul { list-style-image: none; list-style-type: none;}



/* @end */

/* @group news */

#latestnews img, #news img  { margin-top: 3px;}



#news h4 { margin-top: 0; margin-bottom: 0; font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

#feature h4 { font-size: 20px;}

div#news { margin-left: 78px; margin-right: 1em; padding: 5px;}

#news p { margin: 0 2em 0 0; padding: 0 0 4px; font-size: 12px;}

#feature h3 { margin: 0; font-size: 10px;}

#news div.newslist h5 { font-size: 15px; margin: 0; font-weight: normal; font-style: normal;}

#latestnews h5 { margin: 0; }

div#article {margin-left: 83px;width:480px; overflow:hidden; }


div.news_image {float: left; margin-right: 1em;}

#newsc1{width:480px; overflow:hidden;}

#newsc1 h3, #newsc1 h4, #newsc1 h1 { margin-bottom: 10px; margin-top: 5px; margin-right: 0;}

#newsc1 a img { border-style: solid; border-width: 1px; padding: 5px;}

#newsc1 p, #newsdetail p  { font-size: 1.2em; line-height: 1.4em; margin-right: 2em; padding-right: 2px; width: 465px;}



div.news_details, #news div.newslist  { border: 1px solid #eee; margin-bottom:10px; height: 60px; padding-top: 0; padding-bottom: 10px; padding-left: 5px; background-color: #f7f7f7;}



div.news_image { background-color: #fff; height: 65px; width: 110px;}

div#newsdetail { margin-left: 83px; width:480px; overflow:hidden;}
div#newsdetail img{margin:0;padding:0; }

div#feature { border-top: 2px solid #0b40a6; border-bottom: 2px solid #0b40a6;}




/* @end */

/* @group Content */

#newsc1 img { margin-top: 0;}

#article p { font-size: 1.2em; line-height: 1.8em; margin-right: 2em;}
#article h1, h1#filmgenre, #content h1 { width: 55%; color: #039; margin-bottom: 5px; font: bold 18px "Courier New", Courier, mono; letter-spacing: -1px;}
h1#filmgenre, h1#tvgenre, h1#theatregenre { margin-top: -20px; letter-spacing: -1px; padding-left: 83px;}

#newsc1 {margin-left: 82px; }

#content h6 { border-top: 1px solid #039; margin-left: 83px; margin-right: 12px; padding-top: 5px; padding-bottom: 5px; font-size: 12px;}

#content h6 a:hover { text-decoration: none; color: #db0048;}

/* @end */

/* @group secondarynav */

#nav a.forum { background: url(/images/forum.gif) no-repeat 0 -35px; height: 35px; width: 86px; display: block; position: relative; text-indent: -9999px; bottom: 53px; left: 8px;}
#nav a.forum:hover { background: url(/images/forum.gif) no-repeat 0 0; height: 35px; width: 86px; display: block; position: relative; text-indent: -9999px; bottom: 53px; left: 8px;}

#nav a.guestbook {display: block; width: 106px; height: 35px; position: relative; top: -17px; left: 105px; background: transparent url(/images/guestbook.gif) no-repeat 0 -35px; text-indent: -9999px;}
#nav a.guestbook:hover {display: block; width: 106px; height: 35px; position: relative; top: -17px; left: 105px; background: transparent url(/images/guestbook.gif) no-repeat 0 0; text-indent: -9999px;}
#nav a.contactsean { display: block; width: 114px; height: 34px; background: url(/images/contactsean.gif) no-repeat 0 -34px; position: relative; top: -52px; left: 44px; text-indent: -9999px;}
#nav a.contactsean:hover { display: block; width: 114px; height: 34px; background: url(/images/contactsean.gif) no-repeat 0 0; position: relative; top: -52px; left: 44px; text-indent: -9999px;}
/* @end */