/*
Title:      Template Master Styles
Author:     Loughlin McSweeney, loughlin@choicecutsonline.com
Updated:    ...
Notes:		...
*/

@import url(reset.css);

body 
{
	margin: 0px;
	padding: 0px;
	font-family: "MS Trebuchet", sans-serif;
	text-align: center;
	line-height: 1.5em;
	color: #000;
	background: #FFFFFF url(../images/bg.gif) repeat 0 0;
}

/* ---( common elements )------------------------------- */

p 
{
	margin: 0px;
	padding: 0px;

}


p img
{
	border: 0px;
}


i
{
	display:none;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;


}



.clearboth
{
	clear: both;
}

/* ---( wrapper )------------------------------- */


#wrap 
{

	position: relative;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	width: 960px;
	margin-bottom:20px;
} 		


/* ---( nav )------------------------------- */

#nav
{
	height:39px;
	width:960px;
	background:transparent url(../images/nav-bg.jpg) no-repeat 0 0;
	position:relative;
}

#nav img.logo
{
	position:absolute;
	top:6px;
	left:9px;
}


#nav ul
{
	position:absolute;
	height:12px;
	width:630px;
	top:13px;
	left:160px;
}

#nav ul li
{
	margin-left:1px;
	float:left;
	display:inline;
}

#nav ul li a
{
	height:12px;
	display:block;

}


#nav ul li#about a
{
	background:url(../images/nav-sprite.gif) no-repeat 0 0;
	width:100px;
}
#nav ul li#about a:hover
{

	background:url(../images/nav-sprite.gif) no-repeat 0px -12px;
}



#nav ul li#where a
{
	background:url(../images/nav-sprite.gif) no-repeat -100px 0;
	width:111px;
}
#nav ul li#where a:hover
{

	background:url(../images/nav-sprite.gif) no-repeat -100px -12px;
}

#nav ul li#trailer a
{
	background:url(../images/nav-sprite.gif) no-repeat -211px 0;
	width:119px;
}
#nav ul li#trailer a:hover
{

	background:url(../images/nav-sprite.gif) no-repeat -211px -12px;
}


#nav ul li#news a
{
	background:url(../images/nav-sprite.gif) no-repeat -330px 0;
	width:160px;
}
#nav ul li#news a:hover
{

	background:url(../images/nav-sprite.gif) no-repeat -330px -12px;
}


#nav ul li#gallery a
{
	background:url(../images/nav-sprite.gif) no-repeat -490px 0;
	width:110px;
}
#nav ul li#gallery a:hover
{

	background:url(../images/nav-sprite.gif) no-repeat -490px -12px;
}


#nav ul li#downloads a
{
	background:url(../images/nav-sprite.gif) no-repeat -600px 0;
	width:84px;
}
#nav ul li#downloads a:hover
{

	background:url(../images/nav-sprite.gif) no-repeat -600px -12px;
}

#nav ul li#dvd a
{
	background:url(../images/nav-sprite.gif) no-repeat -727px 0;
	width:38px;
}
#nav ul li#dvd a:hover
{

	background:url(../images/nav-sprite.gif) no-repeat -727px -12px;
}


#p-about #nav ul li#about a{background-position:0px -12px;}
#p-where #nav ul li#where a{background-position:-100px -12px;}
#p-trailer #nav ul li#trailer a{background-position:-211px -12px;}
#p-news #nav ul li#news a{background-position:-330px -12px;}
#p-gallery #nav ul li#gallery a{background-position:-490px -12px;}
#p-downloads #nav ul li#downloads a{background-position:-600px -12px;}
#p-shop #nav ul li#shop a{background-position:-684px -12px;}


#newsletter-signup
{
	position:absolute;
	right:3px;
	top:5px;
	width:108px;
	height:27px;
	background:transparent url(../images/newsletter-signup.gif) no-repeat 0 0;

}


.newsletter-textfield
{
	background:transparent;
	color:#666;
	float:left;
	font-size:11px;
	height:16px;
	padding:0px;
	width:88px;
	border:0px;
	margin-top:12px;
	margin-left:3px;
}

#newsletter-signup form span a
{
	background-color:transparent;
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:16px;
	line-height:16px;
	margin-left:1px;
	text-align:center;
	text-decoration:none;
	width:16px;
	margin-top:12px;
}

/* ---( homepage content )------------------------------- */

#homepage-content
{
	margin:0 auto;
	height:570px;
	position:relative;

}

#trailer-frame
{
	position:absolute;
	top:0px;
	left:20px;
	width:540px;
	padding-top:39px;
	padding-left:39px;
	height:384px;
	background:transparent url(../images/trailer-frame.jpg) no-repeat 0 0;
}

#facebook
{
	position:absolute;
	right:120px;
	top:2px;
}

#twitter
{
	position:absolute;
	right:32px;
	top:5px;
}

#more-videos
{
	position:absolute;
	right:79px;
	top:326px;
}


#where-to-watch
{
	position:absolute;
	right:20px;
	top:100px;
}


#launch-date
{
	left:173px;
	position:absolute;
	top:407px;
}

/* ---( content )------------------------------- */

#main-content-container
{
	margin-top:20px;
	position:relative;
}

#zonad-pose-left
{
	position:absolute;
	bottom:0px;
	left:0px;
	position:fixed;
}

#zonad-pose-right
{
	position:absolute;
	bottom:0px;
	right:0px;
	position:fixed;
}




#content
{
	border:1px solid #CCC;
	background-color:#FFFFFF;
	margin:0 auto;
	min-height:570px;
	padding:20px;
	width:520px;
}


#about-container
{
	border-top:3px solid #C4C4C4;
	margin-top:15px;
	padding-top:15px;
}


#about-info
{
	float:left;
	display:inline;
	width:380px;
	margin-right:20px;
}

#about-info p
{
	color:#000;
	line-height:16px;
	font-size:12px;
	margin-bottom:20px;
}

#about-photos
{
	float:left;
	display:inline;
	width:120px;
}

#about-photos img
{
	margin-bottom:10px;
}

#about-photos h4 {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}

#about-photos h4 a {
	color: #FF0000;
	text-decoration: none;
}

#about-photos h4 a:hover {
	text-decoration: underline;
}


/* ---( map shenanigans )------------------------------- */

#map-container
{
	display:inline;
	float:left;
	margin-right:10px;
	width:330px;
	margin-top:15px;
}

.county-info
{
	width:176px;
	display:inline;
	float:left;
	display:none;
}

.county-info.show-county {
	display:inline;
}

.county-info.hide-county {
	display:none;
}

.county-info h1
{
	color:#F70404;
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	margin-top:33px;
}

.county-info ul
{
	margin-top:10px;
	font-size:11px;
	line-height:12px;
}

.county-info ul li
{
	margin-bottom:5px;
}

.county-info ul li a
{
	color:#F70404;
}

/* ---( trailer and clips )------------------------------- */

#video-player
{
	width:520px;
	height:319px;
}

#video-stubs-containers
{
	margin-top:10px;
}


/* ---( picture gallery )------------------------------- */

#gallery-image-main
{
	width:520px;
}

#gallery-image-main p
{
	float:right;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	margin-top:7px;
	text-align:right;
}

#gallery-image-main p a
{
	color:#F70404;
}


#image-thumbs-containers
{
	margin-top:10px;
}



/* ---( download )------------------------------- */

#download-container h2
{
	color:#F70404;
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}

.download-stub
{
	width:255px;
	float:left;
	display:inline;
	margin-right:5px;
	margin-bottom:20px;
}

.download-stub h3
{
	color:#F70404;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	margin-bottom:5px;
}

.email
{
	width:251px;
	margin-right:8px;
}

.buddy
{
	width:160px;
	margin-right:10px;
}


/* ---( shop )------------------------------- */

#shop-container h2
{
	color:#F70404;
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}

.shop-stub
{
	width:255px;
	float:left;
	display:inline;
	margin-right:5px;
	margin-bottom:20px;
}

.shop-stub img
{
	display:block;
}

.shop-stub h3
{
	color:#000;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	margin-top:5px;
	text-align:center;
}

/* ---( ballymoran gazette )------------------------------- */

#gazette-content
{
	border:1px solid #CCC;
	background-color:#FFFFFF;
	margin:0 auto;
	min-height:570px;
	padding:20px;
	width:830px;
}

#gazette-content img#gazette-header
{
	margin-bottom:10px;
	display:block;
}

#gazette-columns
{
	width:830px;
	padding-bottom:10px;
}

#gazette-columns h1
{
	color:#000;
	letter-spacing:1px;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	padding-bottom:10px;
}

#our-columnists
{
	width:152px;
	float:left;
	margin-right:18px;
	display:inline;
}

#our-columnists img
{
	margin-bottom:10px;
	display:block;
}

#latest-news
{
	width:327px;
	float:left;
	margin-right:18px;
	display:inline;
	border-bottom:2px solid #000;	
}

#latest-news h2
{
	font-size:34px;
	color:#000;
	line-height:34px;
	border-top:2px solid #000;
	padding-top:15px;
	padding-bottom:15px;
	font-weight:bold;
}

#latest-news h2 span a
{
	font-size:22px;
	color:#F70404;
	text-decoration:none;
}

#gazette-vid-pics
{
	width:315px;
	float:left;
	display:inline;
	position:relative;
}

#gazette-vid-pics img
{
	margin-bottom:15px;
	display:block;
}


#gazette-vid-pics img.vid-play
{
	border:0 none;
	left:117px;
	position:absolute;
	top:102px;
}


/* ---( single-post )------------------------------- */

#our-columnists h2
{
	color:#000;
	letter-spacing:1px;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	border-bottom:2px solid #000;
	padding-bottom:5px;
}

#our-columnists ul
{
	margin-top:5px;
	font-size:12px;
	font-family: courier, courier new, monospace;
}

#our-columnists ul li
{
	line-height:14px;
	margin-bottom:15px;
	text-transform:uppercase;
}

#our-columnists ul li a
{
	color:#000;
}

#single-post-container
{
	width:658px;
	float:left;
	display:inline;
}


.single-post
{
	margin-bottom:20px;
}

.single-post h3
{
	border-bottom:2px solid #000000;
	border-top:2px solid #000000;
	font-family:courier,courier new,monospace;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	margin-bottom:17px;
}


.single-post-text
{
	width:285px;
	display:inline;
	float:left;
}

.single-post-text h4
{
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:24px;
	padding-bottom:5px;
	text-transform:uppercase;
}

.single-post-text p
{
	font-family: courier, courier new, monospace;
	line-height:16px;
	font-size:12px;
	margin-bottom:15px;
}

.single-post-text p a
{
	color:#000;

}


.single-post-media
{
	width:350px;
	display:inline;
	float:left;
	margin-left:22px;
}

.single-post-media img
{
	display:block;
	margin-top:15px;
}

/* ---( slider styles starts here )------------------------------- */


#slider {
	background-color: #FFF;
	font-size: 12px;
	font-weight: bold;
	background:transparent url(../images/hp-slider-bg.gif) no-repeat 0px 35px;
	margin-top:0px;
}

.scroll {
	min-height: 80px;
	width: 520px;
	overflow: auto;
	position: relative;
	clear: left;

}

.scrollContainer div.panel {
	min-height: 80px;
	width: 520px;
}

ul.navigation {
	list-style: none;
	width: 250px;
	height:25px;
}

ul.navigation li {
	float:left;
	margin:0 1px 0 0;
	padding:0;
}

ul.navigation li.sliderTitle {
	float: left;
	font-weight: bold;
}

ul.navigation li.navLinks {
	float: left;
	margin-right: 10px;
	height:24px;
}

p.launch-slideshow {
	float: right;
	height:24px;
	margin-top:-25px;
}


p.launch-slideshow a
{
	color:#F70404;

}

ul.navigation a {
	color:#F70404;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	margin-top:7px;
	text-align:left;
}

ul.navigation a:hover {
	color: #000;
}

.hide {
	display: none;
}


.image-thumb
{
	width:120px;
	float:left;
	display:inline;
	min-height:80px;
	text-align: left;
	margin-right:13px;
}

.right-thumb {
	margin-right: 0px;
}

.video-stub
{
	width:120px;
	margin-right:13px;
	float:left;
	display:inline;
	min-height:150px;
}


.video-stub h2
{
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	margin-top:3px;
}

.video-stub p
{
	line-height:14px;
	font-size:12px;
	color:#555;
	margin-top:3px;
}


.last
{
	margin:0px;
}


#content-area .imgCell p.showTitle
{
	height:30px;
	line-height:30px;
	margin-bottom:0;
}

.imgCell p.showTitle a {
	color:#353535;
	font-weight:bold;
	margin-left:5px;
}


.imgCell P.categoryTitle {
	font-weight: bold;
	font-size:11px;
	line-height:12px;
}

/* ---( end slider styles )------------------------------- */


#media-container
{
	border-top:3px solid #C4C4C4;
	margin-top:15px;
	padding-top:15px;
}


#media-container h3
{
	border-bottom:1px dotted #000000;
	color:#F70404;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:5px;
}

#media-container ul
{
	margin-bottom:30px;
	color:#000;
	
}

#media-container ul li
{
	font-family:Arial;
	font-size:12px;
	line-height:18px;
	margin-bottom:8px;

}

#media-container ul li a
{
	color:#000;
	text-decoration:none;
	background:transparent url(../images/media-bullet.gif) no-repeat 0px 3px;
	padding-left:10px;


}


#media-container ul li a:hover
{
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}


/* ---( dvd )------------------------------- */

#dvd-info
{
	width:520px;
}

#packshot
{
	display:inline;
	float:left;
	width:243px;
	margin-right:25px;
}

#dvd-details
{
	display:inline;
	float:left;
	width:250px;
}

#dvd-details p
{
	font-size:12px;
	line-height:14px;
	margin-top:10px;
}
#dvd-details p a
{
	font-weight:bold;
	color:#F70404;
}

#dvd-details ul
{
	margin-top:15px;
}

#dvd-details ul li
{
	font-size:12px;
	line-height:16px;
	margin-bottom:8px;
}