/*  
Theme Name: Local 548 CUPW Custom Theme
Version: 1.0
Author: Ildar Samit

	Site content and visual design are copyrighted.
	
	CSS and XHTML are released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/




/**************************************************************************

								RESET EVERYTHING

***************************************************************************/

h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
img { border: none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }







/***********************************************************************************************************************************************

																				COLOURING

************************************************************************************************************************************************/


a:link { color: rgb(28,71,127); background: transparent; }
a:visited { color: rgb(8,51,107); background: transparent; }
a:hover, a:focus, a:active { color: rgb(73,119,180); background: transparent; }

ul { list-style: none; }


html {
	color: #000;
	background: #eee;
	}

body {
	color: #000;
	background: #fff url(images/gradient-top.gif) left top repeat-x;
	}

#branding-title-hamilton {
	color: rgb(2,50,114);
	background: rgb(250,182,52);
	font-family: times;
	}
	#branding-title-hamilton #tiny-548 {
		color: rgb(255,255,255);
		background: transparent;
		font-family: arial;
		}
	#branding-title-hamilton .ir { background: url(images/ir-title-hamilton_local_548.gif) left top no-repeat; }

#branding-title-cupw {
	color: rgb(255,255,255);
	background: rgb(28,71,127);
	font-family: arial;
	}
	#branding-title-cupw .ir { background: url(images/ir-title-canadian_union_of_postal_workers.gif) left top no-repeat; }

#content {
	font-family: tahoma;
	}

#content h1 {
	font-family: arial;
	font-weight: bold;
	/* Default h1 style */
	color: rgb(45,45,45);
	background: transparent;
	border-left-color: rgb(250,182,52);
	/* end default h1 style */
	}
	.home #content h1#news {
		color: rgb(73,119,180);
		background: transparent;
		border-left-color: rgb(250,182,52);
		}
		#home #content h1#news .ir { background: url(images/ir-h1-news.gif) left top no-repeat; }

	.home #content h1#hamilton_local_548 {
		color: rgb(45,45,45);
		background: transparent;
		border-left-color: rgb(73,119,180);
		}
		.home #content h1#hamilton_local_548 .ir { background: url(images/ir-h1-hamilton_local_548.gif) left top no-repeat; }

	.about #content h1 {
		color: #fff;
		background: rgb(143,143,143);
		border-left-color: rgb(250,182,52);
		}
		.about #content h1 .ir { background: url(images/ir-h1-about_us.gif) left top no-repeat; }

	.links #content h1 {
		color: #fff;
		background: #7878ce;
		border-left-color: rgb(250,182,52);
		}
		.links #content h1 .ir { background: url(images/ir-h1-links.gif) left top no-repeat; }

	.contact #content h1 {
		color: rgb(143,143,143);
		background: #fff;
		border-left-color: #7878ce;
		}
		.contact #content h1 .ir { background: url(images/ir-h1-contact_us.gif) left top no-repeat; }
	

h2 {
	color: rgb(28,71,127);
	background: transparent;
	font-family: arial;
	font-weight: bold;
	}
.announcement h2.title {
	color: rgb(45,45,45);
	background: transparent;
	font-family: tahoma;
	font-weight: bold;
	}
.announcement h2.title a:link {
	color: rgb(45,45,45);
	background: transparent;
	}
	.announcement h2.title a:visited {
		color: #777;
		background: transparent;
		}
	.announcement h2.title a:hover, .announcement h2.title a:focus, .announcement h2.title a:active {
		color: rgb(73,119,180);
		background: transparent;
	}
.announcement .date {
	color: rgb(143,143,143);
	background: transparent;
	font-family: tahoma;
	}
.announcement ul {
	list-style: disc;
	}
.announcement ul.keypoints {
	list-style: none;
	}
	.announcement ul.keypoints strong {
		color: rgb(106,106,106);
		background: transparent;
		}

#our_goals {
	list-style: disc;
	}


#nav-breadcrumbs {
	color: rgb(28,71,127);
	background: transparent;
	border-top: 2px solid rgb(143,143,143);
	border-bottom: 2px solid rgb(143,143,143);
	list-style: none;
	font-family: arial;
	}

#nav-breadcrumbs a {
	color: rgb(28,71,127);
	background: transparent;
	text-decoration: none;
	}
#nav-breadcrumbs a:hover, #nav-breadcrumbs a:focus, #nav-breadcrumbs a:active {
	text-decoration: underline;
	}


#nav-main, #nav-main ul {
	font-family: arial;
	list-style: none;
	}

/* First level links */
#nav-main  a {
	color: rgb(73,119,180);
	background: transparent;
	}
#nav-main  a:hover, #nav-main a:focus, #nav-main a:active {
	text-decoration: underline;
	}

/* First level current item or first level parent */
#nav-main .current_page_item, #nav-main .current_page_ancestor, #nav-main .current_page_ancestor a {
	color: rgb(252,172,19);
	background: transparent;
	}

/* Second level current item */
#nav-main .page_item .current_page_item {
	color: rgb(45,45,45);
	background: transparent;
	font-weight: bold;
	}

/* Second level link */
#nav-main .page_item .page_item a {
	color: rgb(0,0,0);
	background: transparent;
	}

/* Nav Main IR */
#nav-main-about .ir { background: url(images/ir-nav-about_us.gif) left top no-repeat; }
#nav-main-forms .ir { background: url(images/ir-nav-forms.gif) left top no-repeat; }
#nav-main-links .ir { background: url(images/ir-nav-links.gif) left top no-repeat; }
#nav-main-contact .ir { background: url(images/ir-nav-contact_us.gif) left top no-repeat; }

/* Nav Main Current Page IR */
#nav-main-about.current_page_item .ir, #nav-main-about.current_page_ancestor .ir { background: url(images/ir-nav-about_us-current.gif) left top no-repeat; }
#nav-main-forms.current_page_item .ir, #nav-main-forms.current_page_ancestor .ir { background: url(images/ir-nav-forms-current.gif) left top no-repeat; }
#nav-main-links.current_page_item .ir, #nav-main-links.current_page_ancestor .ir { background: url(images/ir-nav-links-current.gif) left top no-repeat; }
#nav-main-contact.current_page_item .ir, #nav-main-contact.current_page_ancestor .ir { background: url(images/ir-nav-contact_us-current.gif) left top no-repeat; }






#nav-help {
	color: rgb(45,45,45);
	background: transparent;
	list-style: none;
	font-family: arial;
	}

#nav-help a {
	color: rgb(45,45,45);
	background: transparent;
	text-decoration: none;
	}
#nav-help a:hover, #nav-help a:focus, #nav-help a:active {
	text-decoration: underline;
	}


#tagline {
	color: rgb(45,45,45);
	background: transparent;
	font-family: arial;
	font-style: italic;
	}


#siteinfo {
	color: rgb(45,45,45);
	background: transparent url(images/gradient-bottom.gif) left bottom repeat-x;
	font-family: arial;
	}


.files {
	list-style: none;
	}
.files .pdf {
	background: url(images/pdficon_small.gif) left center no-repeat;
	width: 90%; /* IE fix for disappearing background */
	}


.commentlist {
	list-style: none;
	}

.commentlist .introduction_text {
	color: #555;
	background: transparent;
	}

.commentlist cite {
	font-style: normal;
	font-weight: bold;
	font-family: Georgia;
	}

.comment-link:link, .comment-link:visited, .comment-link:hover, .comment-link:focus, .comment-link:active {
	color: #fff;
	background: #fff;
	}

#respond {
	font-style: italic;
	}



/***********************************************************************************************************************************************

																				FONT SIZES

************************************************************************************************************************************************/

body { font-size: 62.5%; } /* = 10px */

	#branding-title-hamilton { font-size: 2.475em; } /* = 24.75px */
		#branding-title-hamilton span { font-size: 0.7778em; } /* = 19.25px */
	#branding-title-cupw { font-size: 1.375em; } /* = 13.75px */

	#nav-breadcrumbs { font-size: 1.1em; } /* = 11px */

	#nav-main { font-size: 1.375em; } /* = 13.75px */
		#nav-main ul { font-size: 0.8em; } /* = 11px */
			#nav-main ul ul { font-size: 1em; } /* = 11px (reset) */

	#nav-help { font-size: 0.9626em; } /* = 9.625px */

	#content { font-size: 1.1em; } /* = 11px */
		#content h1 { font-size: 1.5em; } /* = 16.5px */
		#content h2 { font-size: 1.25em; } /* = 13.75px */
			#content .announcement h2 { font-size: 1.4545em; } /* = 16px */
		#content h3 { font-size: 1.0909em; } /* = 12px */
		#content h4 {}
		#content h5 {}
		#content h6 {}
		#content p, #content ul, #content ol { font-size: 1.0455em; } /* = 11.5px */
			.home #content p, .home #content ul, .home #content ol, /* makes body text small on homepage */
			#content p p, #content p ul, #content p ol,     /* prevents inherited */
			 #content ul p, #content ul ul, #content ul ol, /* expansion          */
			 #content ol p, #content ol ul, #content ol ol { font-size: 1em; } /* = 12px (reset) */
		cite { font-size: 1.0909em; } /* = 12px */
		.announcement .date { font-size: 0.875em } /* = 9.625px */
		#archive-link { font-size: 1.0909em; } /* = 12px */

	#tagline { font-size: 1.2375em; } /* = 12.375px */




/***********************************************************************************************************************************************

																				LAYOUT

************************************************************************************************************************************************/



.ir {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}




/*****************************************
					Main Frame
******************************************/


body {
	position: relative; /* for #nav-main position: absolute */
	width: 767.2468px;
	margin: 0 auto;
	border-top: 1px solid #79a2da; /* FF fix for (#nav-breadcrumbs position:absolute) */
	}
	/* IE fix for centering body */
	html { text-align: center; }
		body { text-align: left; }

#content {
	min-height:300px;
	margin-left: 289px;
	margin-bottom: 9em;
	}

#nav-breadcrumbs {
	position: absolute;
	top: 138.8182px; /* = (#branding height) + (#branding margin-top) + ~7.2mm */
	left: 0;
	width: 684.4291px; /* (body width) - (#nav-breadcrumbs padding-left) - (#nav-breadcrumbs padding-right) - (#nav-breadcrumbs margin-left) - (#nav-breadcrumbs margin-right) */
	line-height: 16.9579px;
	}

#nav-main {
	position: absolute;
	top: 196.0019px; /* = (#nav-breadcrumbs top) + (#nav-breadcrumbs height) + 40.2257px */
	left: 0;
	}

#nav-help {
	position: absolute;
	top: 15.7748px;
	right: 41.4089px;
	}



/*****************************************
					Branding
******************************************/

#branding {
	position: relative; /* for #branding-logo position: absolute */
	margin: 32.3383px 32.3383px 0 32.3383px;
	width: 659px;
	left: 43.5779px;
	}

#branding-logo {
	position: absolute;
	top: -4px;
	left: -43.5779px;
	z-index: 3;
	}

#branding-title-hamilton {
	position: relative; /* for IR */
	padding-top: 12px;
	padding-left: 74px;
	height: 41px;
	overflow: hidden;
	z-index: 2;
	}
	#branding-title-hamilton #tiny-548 {
		padding-left: 0.3em;
		vertical-align: top;
		}

#branding-title-cupw {
	position: relative; /* for IR */
	padding-top: 5.1268px;
	padding-left: 65px;
	height: 20px;
	overflow: hidden;
	z-index: 1;
	}




/*****************************************
					Content
******************************************/

#content {
	margin-top: 85.5783px; /* 21.7mm; /* = (#nav-breadcrumbs top) + (#nav-breadcrumbs height) - (#branding height) - (#branding margin-top) + 10.2mm */
	margin-right: 61px;
	}

#content h1 {
	position: relative; /* for IR */
	border-left-width: 11px;
	border-left-style: solid;
	width: 135px;
	height: 25px;
	text-indent: 12px;
	overflow: hidden; /* fixes width and height */
	line-height: 25px; /* = (this height) to centre text vertically */
	}
	#content h1#page_not_found, .accessibility #content h1 { width: 300px; }
	.home #content h1#hamilton_local_548 { margin-top: 40.2257px; width: 200px; }
	.about #content h1 { text-indent: 18px; }
	.links #content h1 { text-indent: 40px; }

h2 {
	margin-top: 2.4727em;
	margin-bottom: 0.9em;
	margin-left: 11.0424px;
	}


#content p {
	padding: 0.25em 0;
	/*text-indent: 11.0424px;*/
	line-height: 1.5em;
	}
#content ul {
	padding: 0.25em 0;
	}
#content ul li {
	padding: 0.25em 0;
	line-height: 1.5em;
	}




.home p.about_us {
	margin-top: 0.9em;
	text-indent: 0;
	}

.announcement h2.title {
	margin-top: 1.7em;
	margin-bottom: 0.4em;
	margin-left: 0;
	}
.announcement .date {
	margin-bottom: 1.2364em;
	}
.announcement ul.keypoints {
	margin-left: 33.1271px;
	margin-bottom: 0.5em;
	}
	.announcement ul.keypoints strong {
		margin-right: 0.3em;
		}

.announcement blockquote {
	padding-left: 1em;
	}

#archive-link {
	text-align: right;
	margin-top: 3em;
	}
	
#list-links ul li {
	padding: 0.25em 0;
	}


#officers #how-to-contact {
	padding-top: 2em;
	}

#officers #how-to-contact #telephone_number {
	white-space: nowrap;
	}



#documents #content {
	padding-bottom: 15em;
	}
#officers #content {
	padding-bottom: 3em;
	}
#contact #content {
	padding-bottom: 8em;
	}


#content .files {
	margin-left: 11.0424px; /* = (h2 margin-left) */
	}
#content .files .pdf {
	padding: 9px 0 8px 34px;
	}


.commentlist {
	padding-top: 2em;
	}

.commentlist li {
	padding-top: 2em;
	}

#respond {
	padding-top: 2em;
	padding-bottom: 0.2em;
	}

#accessibility #content h2 {
	margin-left: 0;
}

#accessibility #content li {
	padding: 0 0 0 2em;
	}




/*****************************************
					Breadcrumbs
******************************************/

#nav-breadcrumbs {
	margin: 0 7.0987px;
	padding: 0 34.3102px;
	}

#nav-breadcrumbs li {
	display: inline;
	}





/*****************************************
					Main Nav
******************************************/

#skip {
	position: absolute;
	}

#nav-main {
	padding: 0 0 0 48.9019px;
	}

#nav-main ul {
	padding: 10.6480px 0 0 11.8311px;
	}

#nav-main li {
	margin-bottom: 21.2960px;
	}

#nav-main li ul li {
	margin-bottom:5px;
	}

#nav-main .ir-target {
	display: block;
	position: relative; /* for IR */
	width: 100px;
	overflow: hidden;
	}
#nav-main a.ir-target:hover, #nav-main a.ir-target:focus, #nav-main a.ir-target:active {
	margin-bottom: 0;
	cursor: pointer;
	}



/*****************************************
					Help Nav
******************************************/

#nav-help {
	text-transform: lowercase;
	}

#nav-help li {
	display: inline;
	}






/*****************************************
					Tagline
******************************************/

#tagline {
	position: absolute;
	bottom: 3.5062em;
	right: 0;
	margin-bottom: -3px;
	}





/*****************************************
					Site Info
******************************************/

#siteinfo {
	padding: 17px 12px 1px;
	height: 35px;
	font-size:12px;
	}

#siteinfo a {
	color:#000;
	background:transparent;
	}