/*	cbs.css	Style sheet for Web pages
	Begun 15/01/11
*/

*	{
	margin:		0;
	padding:	0;
}

body	{
	background:	url( 'media/cb-stave.png' );
	font:		0.75em/150% Verdana,sans-serif
}

.central	{
	text-align:	center
}

.column	{
	float:			left;
	margin-right:	20px
}

.inset	{
	float:	left
}

.new-row	{
	clear:	both
}

.outset	{
	float:	right
}

/*	divisions	*/

/* A: slots */

div.block	{
	width:			158px;
	height:			225px;
	border-top:		1px solid;
	border-right:	1px solid;
	border-bottom:	1px solid;
	margin-bottom:	9px;
	float:			left
}

div.block a	{
	display:	block
}

div.block h3	{
	margin-top:	0;
	padding:	9px 9px 0
}

div.block p	{
	padding:	3px 9px 0
}

div.single	{
	width:		145px;
	margin-top:	21px
}

div.inner	{
	margin-right:	0
}

div.medium	{
	width:	310px
}

div.full	{
	width:	475px
}

div.complete	{
	margin-right:	0
}

/*B:  individual */

div#body-copy	{
	margin-top:	27px;
	text-align:	justify
}

#body-copy h2	{
	margin-bottom:	12px
}

#body-copy h2.secondary	{
	margin-top:	5px
}

#body-copy h3.secondary	{
	margin-top:	3px
}

#body-copy p	{
	padding-bottom:	12px
}

#body-copy div.unit p	{
	padding-bottom:	3px
}

#body-copy table	{
	text-align:	left
}

div#branding	{
	width:	295px
}

div#contact1	{
	margin-bottom:	27px
}

div#enhancement	{
	width:			150px;
	margin-top:		18px;
	margin-right:	0;
	padding-bottom:	3px
}

div#final	{
	border-right:	none
}

div.final-info	{
	margin-top:	-2px;
	padding:	0 3px 9px;
	border:		1px solid
}

div.final-info h3	{
	padding-left:	9px
}

div.final-info p	{
	padding:		9px 0 0 27px
}

div.final-info th, div.final-info td	{
	padding:		0 6px 0 9px;
	vertical-align:	top
}

div.final-info ul	{
	padding:		3px 18px;
	line-height:	200%;
	list-style:		none
}

div#first	{
	clear:			both;
	margin-left:	3px
}

div#footer	{
	padding:		3px 0;
	border-top:		1px dashed;
	border-bottom:	1px dashed;
	text-align:		center
}

#invite p	{
	padding-bottom:	12px
}

div#main	{
	width:		980px;
	margin:		0 auto;
}

div#major-news, div#photos	{
	margin-top:	18px
}

#major-news p	{
	margin-bottom:	8px	/* brings bottom to 20px */
}

div#navbar	{
	border-bottom:	1px solid
}

#navbar ul	{
	list-style:		none;
	text-transform:	uppercase
}

#navbar ul li	{
	display:		inline;
	line-height:	18px;
	float:			left;
	margin-left:	27px
}

#navbar ul li a, #navbar ul li#here	{
	display:		block;
	font-family:	'Century Gothic', Arial, Helvetica, sans-serif !important;
	font-size:		120%;
	font-weight:	bold;
	padding:		36px 0 18px
}

div#notice	{
	margin-top:	6px;
	padding:	1px 3px 3px
}

div#playbox	{
	margin:	20px 0
}

div#rmap	{
	width:		471px;
	height:		250px;
	padding:	1px;
	border:		1px solid
}

div#sidebar-extra	{
	margin-top:	56px;
	padding:	1px 3px 3px;
	border-top:	1px solid
}

#sidebar-extra h4	{
	margin-top:	6px
}

#sidebar-extra img	{
	padding:	3px 0 6px
}

#sidebar-extra img.pointer	{
	padding:	0 3px 0 0
}

#sidebar-extra p, #sidebar-extra ul	{
	padding:	3px 0
}

#sidebar-extra p.follower	{
	padding-top:	0
}

#sidebar-extra p.quote	{
	padding-top:	6px
}

#sidebar-extra ul	{
	list-style:	none
}

div.story, div#story2	{
	background:	url( "media/cbs-moraira.png" ) no-repeat
}

div#stop-press	{
	margin-top:	20px;
	padding:	0 6px 9px;
	border:		1px solid
}

#stop-press p.point	{
	padding-bottom:	12px
}

div.story p	{
	margin-bottom:	27px
}

div.story .final-info p	{
	margin-bottom:	0;
}

div#text-links	{
	padding-top:	27px;
	margin-bottom:	9px
}

#text-links ul	{
	list-style:	none
}

#text-links ul li	{
	display:	inline;
	padding:	9px;
	border-top:	1px solid
}

div.unit	{
	margin-top:	16px
}

div.unit h3	{
	margin:	3px 0
}

div.unit h4	{
	margin-top:	10px
}

div#wrapper	{
	border-top:	6px solid
}

/*	images	*/

img	{
	border:	0
}

img.assertive	{
	margin-right:	18px;
	padding:		1px;
	border:			1px solid;
	float:			left
}

img.badge	{
	margin:	9px 0
}

img.badge2	{
	margin:	9px 0 10px 5px
}

img#block-1, img#block-4	{
	padding:	9px 0 0 3px
}

img#block-2, img#block-5	{
	padding:	27px 0 0 9px
}

img#block-3	{
	padding:	9px 0 0 9px
}

img#block-6	{
	padding:	27px 0 0 3px
}

img.end-stop, div#sidebar-extra img.end-stop	{
	padding:	0
}

img#header	{
	margin:	-24px 0 3px
}

img#homepage-photo	{
/*	opacity:	0.15;
	filter:		alpha(opacity=15); */
}

img.inset	{
	margin-right:	20px
}

img.outset	{
	margin-left:	20px
}

img.photo	{
	background:	white;
	padding:	10px;
	cursor:		pointer
}

/*	forms	*/

div.row	{
	margin:	16px 0;
	clear:	both
}

.row label	{
	float:		left;
	width:		142px;
	text-align:	right
}

.row input, .row select, .row textarea	{
	margin-left:	8px
}

fieldset	{
	width:	100%;
	border:	1px solid;
	margin:	11px 0 18px
}

p.caller	{
	margin-left:	150px
}

form#collector p, form#joiner p	{
	padding-left:	6px
}

#collector p.close, #joiner p.close	{
	padding-bottom:	9px
}

/*	elements	*/

a:link, a:visited	{
	text-decoration:	none
}

a:hover	{
	text-decoration:	underline
}

div.block a:hover	{
	text-decoration:	none
}

#navbar a:hover	{
	text-decoration:	none
}

form#collector p	{
	padding-left:	6px
}

#collector p.uploader	{
	padding-bottom:	9px
}

h1	{
	font-size:		240%;
	margin-bottom:	18px
}

h2	{
	font-size:		180%;
	margin:			7px 0;
	line-height:	100%
}

h2#appeal	{
	font-size:		250%;
	line-height:	2.5;
	text-align:		center;
	margin-top:		-300px
}

h3	{
	font-size:	120%;
	margin:		9px 0 3px
}

h3#story-title	{
	padding:	15px 0 24px;
	font-style:	italic
}

ol#playlist	{
	padding-left:	36px
}

#playlist li	{
	font-style:	italic
}

p.caption	{
	text-align:	center;
	position:	relative;
	top:		-6px
}

p.note	{
	margin-top:	3px;
	font-style:	italic
}

p.pager	{
	text-align:	right
}

p.separator	{
	margin:	7px 0 0 45px
}

p.sub	{
	padding:	18px 0;
	font-size:	90%
}

p#tagline	{
	padding:	6px 0;
	font-size:	150%;
	text-align:	center
}

p#welcome	{
	padding:		3px 0 9px;
	/* margin-top:		75px;	during appeal */
	margin-bottom:	9px
}

span.am-pm	{
	font-size:	75%
}

span.supportive	{
	padding-left:	9px
}

/*	colours
	available: #e30700 (a red), #d10080 (a purple), #6300ff (a blue: the base),
	#0098e5 (a pale blue) and #07bd2e (a green)	*/

a:link	{
	background-color:	inherit;
	color:				#6300ff
}

a:visited	{
	background-color:	inherit;
	color:				#d10080
}

a:hover	{
	background-color:	inherit;
	color:				#6300ff
}

a:active	{
	background-color:	inherit;
	color:				#e30700
}

div.block a	{
	color:	#330
}

#navbar a	{
	color:	black
}

#navbar a:hover, #navbar li#here	{
	background:	url( 'media/triangle.png' ) no-repeat center top
}

body	{
	color:	#330
}

div.block, div.final-info	{
	background-color:	#fff7d8
}

div.block, div.final-info, fieldset	{
	border-top-color:		#b282ff;
	border-right-color:		#6dbde5;
	border-bottom-color:	#6cbd7e;
	border-left-color:		#6dbde5
}

div.block a:hover	{
	background:		url( 'media/block-hover.png' ) repeat-x
}

div#enhancement, div#notice, div#sidebar-extra	{
	background-color:	#fffbe9
}

div#footer	{
	border-color:	#07bd2e
}

div#navbar	{
	border-color:	#e30700
}

div#rmap, div#sidebar-extra, div#stop-press	{
	border-color:	#d10080
}

div#text-links ul li	{
	border-color:	#07bd2e
}

div#wrapper	{
	border-color:	#630
}

h2#appeal	{
	background-color:	transparent;
	color:				red
}

img.assertive	{
	border-color:	#6300ff
}

/*	EOF	*/