/* @override http://www.comingtogether.ca/wp-content/themes/ct_theme/style.css */

/* @override http://www.comingtogether.ca/wp-content/themes/ct_theme/style.css */

/* @override http://www.comingtogether.ca/wp-content/themes/ct_theme/style.css */

/* @override http://localhost/comingtogether.ca/wp-content/themes/ct_theme/style.css */

@charset "utf-8";
/* Coming Together Stylesheet */

/*Colours
Pink: #de7d7d
Green: #8abf8d
*/

/*RESET THE CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}
body { line-height: 1;}
/*ol, ul { list-style: none;}*/
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}
/*END RESET THE CSS*/


html, body {font-family: "Gill Sans", "Gill Sans MT", Helvetica, Verdana, sans-serif; font-size: 1.2em; color: #555555; line-height: 18px; text-align:center; background-color: #2f302f;}

/*LAYOUT*/
#outerWrapper {margin: 0 auto; width:748px; font-size: 12px; margin-bottom: 20px; background: url(images/home-background.jpg) no-repeat left top #FFF; height: 1200px;}
@media screen and (-webkit-min-device-pixel-ratio:0){#outerWrapper {margin-top: -8px;}} 

#innerWrapper {margin:0 auto; width: 650px; background: #FFF;}
.navigation_top {width: 650px; height:110px; margin:0 auto; float: left; margin-top: 10px;}
.navigation_bot {width: 650px; height:110px; margin:0 auto; float: left; margin-bottom: 10px;}
@media screen and (-webkit-min-device-pixel-ratio:0){.navigation_top {margin-top: -5px;} .navigation_bot {margin-bottom: 20px;}} 
.header {width: 650px; height: 77px; margin:0 auto; float: left;}
.content {width: 650px; float:left; /*margin:0 0px 30px 0px;*/}

.contentPhotoWrapper {width: 650px; float:left; background: #FFF;}
.contentTextWrapper {width: 450px; float:left;}
.content .contentText {width: 450px; background: #FFF; text-align: left;}
.contentPhoto {width: 650px; background: #FFF; text-align: left;}
.content .top {	margin:0; no-repeat left top; padding: 20px 0 0 0;}
.content .bottom {margin:0; padding: 20px 0 0 0;}

.content p {padding-left: 20px; padding-right: 20px; text-align: left;}
p.dm_album_iframe {text-align:center;}
.sidebar {width:189px; background: #FFF; float:right}
.footer {height: 80px; padding-bottom: 90px; text-align: center; clear: both; font-size: 12px;}
.credit {
	margin-top: 20px;
}


.galleryWrapper {
	width: 650px; /*background-color: #fff;*/ padding-left: 30px;}
.galleryThumb {margin: 15px 10px 10px 10px; height: 220px; width: 175px; float: left; text-align: center;}


/*END LAYOUT*/

#Home #outerWrapper {background: url(images/home-background.jpg) no-repeat left top #FFF; height: 1300px;}
#Profiles #outerWrapper {background: url(images/home-background.jpg) no-repeat left top #FFF; height: 1900px;}
#Collaboration #outerWrapper {background: url(images/home-background.jpg) no-repeat left top #FFF; height: 1350px;}
#Contact #outerWrapper {background: url(images/home-background.jpg) no-repeat left top #FFF; height: 960px;}
#Publications #outerWrapper {background: url(images/home-background.jpg) no-repeat left top #FFF; height: 960px;}
#News-and-Events #outerWrapper {background: url(images/home-background.jpg) no-repeat left top #FFF; height: 1200px;}
#Links #outerWrapper {background: url(images/home-background.jpg) no-repeat left top #FFF; height: 960px;}
#Image-Gallery #outerWrapper {background: url(images/home-background.jpg) no-repeat left top #FFF; height: 1460px;}

/* NAVIGATION */
#ul_navigation_top{
	background:url(images/navigation_top.jpg) no-repeat;
	height:110px;
	width:650px;
	text-indent: -99999px;
	list-style: none;
	position: absolute;
	/*top:38px;
	left:15px;*/
}

ul#ul_navigation_top li{
	position: absolute;
	height:110px;	
	top:0px;
	line-height:1px;
	font-size:0px;
}

ul#ul_navigation_top a{
	display: block;
	text-decoration: none;
	height: 110px;
	overflow: hidden;
	width:100%;	
}


#ul_navigation_bot {
	background:url(images/navigation_bot.jpg) no-repeat;
	height:110px;
	width:650px;
	text-indent: -99999px;
	list-style: none;
	position: absolute;
	/*top:38px;
	left:15px;*/
}

ul#ul_navigation_bot li{
	position: absolute;
	height:110px;	
	top:0px;
	line-height:1px;
	font-size:0px;
}

ul#ul_navigation_bot a{
	display: block;
	text-decoration: none;
	height: 110px;
	overflow: hidden;
	width:100%;	
}



ul#ul_navigation_top li#li_home {left:0px; width: 164px;}
ul#ul_navigation_top li#li_collaboration {left:165px; width:160px;}
ul#ul_navigation_top li#li_image_gallery {left:325px; width:160px;}
ul#ul_navigation_top li#li_profiles {left:484px; width:164px;}

ul#ul_navigation_bot li#li_contact {left:0px; width:164px;}
ul#ul_navigation_bot li#li_publications {left:165px; width:160px;}
ul#ul_navigation_bot li#li_news_and_events {left:325px; width:160px;}
ul#ul_navigation_bot li#li_links {left:484px; width:164px;}

li#li_home a:hover {background:url(images/navigation_top.jpg) 0px -110px;}
li#li_collaboration a:hover {background:url(images/navigation_top.jpg) -165px -110px;}
li#li_image_gallery a:hover {background:url(images/navigation_top.jpg) -325px -110px;}
li#li_profiles a:hover {background:url(images/navigation_top.jpg) -484px -110px;}

li#li_contact a:hover {background:url(images/navigation_bot.jpg) 0px -110px;}
li#li_publications a:hover {background:url(images/navigation_bot.jpg) -165px -110px;}
li#li_news_and_events a:hover {background:url(images/navigation_bot.jpg) -325px -110px;}
li#li_links a:hover {background:url(images/navigation_bot.jpg) -484px -110px;}

/*body#Home ul#ul_navigation_top li#li_home {background:url(images/navigation_top.jpg) 0px -110px;}
body#Background ul#ul_navigation_top li#li_background {background:url(images/navigation_top.jpgf) -165px -110px;}
body#Image-Gallery ul#ul_navigation_top li#li_image_gallery {background:url(images/navigation_top.jpg) -325px -110px;}
body#Profiles ul#ul_navigation_top li#li_profiles {background:url(images/navigation_top.jpg) -484px -110px;}


body#Contact ul#ul_navigation_bot li#li_contact {background:url(images/navigation_bot.jpg) 0px -110px;}
body#Publications ul#ul_navigation_bot li#li_publications {background:url(images/navigation_bot.jpg) -165px -110px;}
body#News-and-Events ul#ul_navigation_bot li#li_news_and_events {background:url(images/navigation_bot.jpg) -325px -110px;}
body#Links ul#ul_navigation_bot li#li_links {background:url(images/navigation_bot.jpg) -484px -110px;}*/

/* END NAVIGATION */

/*LIST STYLING*/
.content  ul { padding: 0 40px 0 40px; margin: 10px 0 10px 0;}
.content .sidebar ul{
padding: 0 0px 20px 0px;	font-size: 16px; font-style: italic; line-height: 22px; list-style-type: none;}
.content  li {padding: 0 0px 0 0px; margin: 5px;}
.footer li {display: inline; margin: 0 10px 0 10px;}
.footer ul {margin: 0px 0 10px 0; text-align:center;}
ol { padding: 0 25px 0 25px; margin-bottom: 20px;}
/*END LIST STYLING*/


/*PARAGRAPH STYLES*/
.content p {margin: 10px 0 10px 0;}
.content p.quote {margin: 10px 30px 10px 30px;}
.content p.center {text-align:center;}


/*LINK STYLES*/
a:link {color:#648d66; text-decoration:none;}
a:visited {color:#666666;text-decoration:none;}
a:hover {color:#de7d7d;}
a:active {color:#de7d7d;}
.content a:link {border-bottom:1px dotted #648d66;}
.content a:hover {color:#de7d7d;	border-bottom:1px dotted #de7d7d;}
.content a:visited {color:#666666;	border-bottom:1px dotted #666666;}
.galleryWrapper a:link {border-bottom:none;}
.galleryWrapper a:hover {border-bottom:none;}
.galleryWrapper a:visited {border-bottom:none;}

a img {border:none; border-bottom: none;}
a:hover img {border:none; border-bottom: none;}

/*END LINK STYLES*/


/*HEADINGS*/
.header h1 { background: url(images/header.gif) no-repeat;	width: 650px; height:  77px; text-indent: -9999px;	font-size: 9px; margin: 0;}
.content h3 {text-transform:uppercase; border-top:1px dashed #de7d7d; border-bottom:1px dashed #de7d7d;	padding: 4px 25px 4px 0px; margin: 20px; color:#de7d7d; font-size:12px}
.content h2 {letter-spacing: 1px; /*border-bottom:1px solid #de7d7d;*/ padding: 0px 25px 4px 0px; margin: 0px 20px 10px 20px; color: #de7d7d; font-size: 16px; text-transform:uppercase; height: 45px; text-align: left; width: 390px;}
h4 { text-transform:uppercase; border-top:1px dashed #B2B2B2; border-bottom:1px dashed #B2B2B2; padding: 4px 25px 4px 0px; margin: 20px 20px 15px 20px; color:  #de7d7d; font-size:12px}
h4.first { border-top: none;}

h2#contact {background-image: url(images/contactHead.gif); text-indent: -9999px; border-bottom:none;}
h2#home {background-image: url(images/homeHead.gif); text-indent: -9999px; border-bottom:none;}
h2#profiles { background-image: url(images/profilesHead.gif); text-indent: -9999px; border-bottom:none;}
h2#image-gallery { background-image: url(images/imageGalleryHead.gif); text-indent: -9999px; border-bottom:none;}
h2#news-and-events { background-image: url(images/newsAndEventsHead.gif); text-indent: -9999px; border-bottom:none;}
h2#publications {background-image: url(images/publicationsHead.gif); text-indent: -9999px; border-bottom:none;}
h2#collaboration { background-image: url(images/collaborationHead.gif); text-indent: -9999px; border-bottom:none;}
h2#links { background-image: url(images/linksHead.gif); text-indent: -9999px; border-bottom:none;}
.sidebar h2 { font-size: 19px; background-image: url(images/quoteHead.gif); text-indent: -9999px; border-bottom:none; width: 110px; height: 45px; margin-top:  20px;}


/*END HEADINGS*/

/*IMAGE STYLES*/
img {border:none;}
img.center {display: block; margin-left: auto; margin-right: auto}
img.profile {float: left; padding: 0 10px 0px 0px;}

.profileWrapper {
	height: 90px;
}

.profileWrapperLong {
	height: 165px;
}

/*HIDE CREDIT ON FORMS*/
.linklove {display:none;}

/*END HIDE CREDIT ON FORMS*/


/*TABLE STYLING*/
.content table {border-collapse: collapse;	border-spacing: 0; border: 1px solid #EBEBEB; margin: 0 5px 15px 10px;}
.content table.infotable { border: 1px solid #EBEBEB;}
.content table.infotable caption { text-align: center;}
.content table.infotable th { background-color: #7e6aa9; color:#FFFFFF; border: 1px solid #EBEBEB;}
.content table.infotable td { font-size: 95%; border: 1px solid #EBEBEB; padding: 3px;}
.content kbd { font-size: 80%;	background-color: #FAF6F6; border-width: 1px 2px 3px 2px; border-style: solid; border-color: #EDDDDD #BAAAAA #BAAAAA #EEDDDD; padding: 0 3px 0 3px;}
.content table th {	font-size: 90%;	font-weight: bold;	color: #FFFFFF;	background-color: #000000;	text-align: center;	text-transform: uppercase; vertical-align: middle; border-collapse: collapse; padding: 2px;}
.content table td {	font-size: 90%;	color: #555555;	border-collapse: collapse; padding: 1px 2px 1px 2px;}
.content table th {	background-color: #7e6aa9; color:#FFFFFF; border: 1px solid #EBEBEB;}
.content table td {	font-size: 95%;	border: 1px solid #EBEBEB; padding: 3px;}
/*END TABLE STYLING*/