/*
Theme Name: Rankin Inlet
Author: Dreamco Design

*/

/* -- just some ugly styling to make it easier to get started, can safely be removed */



/* - BASIC STUFF - */
body {background:#373737;
font-family: Arial, Tahoma, sans-serif;
font-size: 12px;
color:#000;
margin:0 auto;}
a {text-decoration:none; color:#00b0c9;}
a:hover {text-decoration:underline;}

img {
	border: none;
}

.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

p {
	padding-bottom: 20px;
}

/* -- LISTS -- */
ul {margin:0;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
li.cat-item {
	font-size: 16px;
}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

li.page_item ul li {
	float: left;
	font-size: 13px;
}

.footermain ul {
	margin-bottom: 10px;
}

ul.parent {
	float: left;
	margin-right: 12px;
}

ul.parent li {
	font-size: 14px;
	line-height: 1em;
	margin-bottom: 10px;
	width: 175px;
}

ul.parent li ul {
	margin-left: 10px;
}

ul.parent li ul li {
	font-size: 11px;
	margin-top: 5px;
}


/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0; 
font-family: Georgia, Times, Times New Roman, serif;
color:#007aa9;
font-weight: normal;
}



h2{
	font-size: 22px;
}

#categories-3 h2.widgettitle {
	font-size: 22px;
	margin-bottom: 10px;
}


/* headings inside posts */


/* -- MAIN DIV'S -- */
#wrapper {float:none;clear:both;margin:0 auto;padding:0;width:100%;}

.top {
	height: 95px;
	width: 100%;
	background: #ffffff;
}


.thetitle {
	border-bottom: 5px solid #FFE74E;
}

.banner {
	background: url(images/bannerback1.jpg) repeat-x;
	height: 285px;
	padding-top: 15px;
}

.footer {
	background: url(images/footerback.jpg) repeat-x #444444;
}



.footlinkright {
	float: right;
	text-align:right
}

.banner .footer {
	width: 100%;
	padding-top: 15px;
}

.footer {
	margin-top: -10px;
}

.footermain {
	width: 960px;
	margin: 0 auto;
	color: #b1b1b1;
	
}

p.footertext {
	margin: 10px;
	text-align: center;
}

p.whitespace {
	background: #ffffff;
	height: 25px;
	margin-top: -1px;
}


.banner-text {
	width: 255px;
	padding-left: 20px;
	padding-top: 105px;
	*padding-top:125px;
	color: #228CB4;
	font-family: georgia, Times, Times New Roman, serif;
	font-style: italic;
	font-size: 16px;
	text-align: center;
}

.banner-text p {
	padding-bottom: 5px;
}

#banners {
	height: 270px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	
	
}

.news {
background: url(images/newsbanner.jpg) no-repeat #ffffff;
	
}

.services {
	background: url(images/servicesbanner.jpg) no-repeat  #ffffff;
}

.resources {
	background: url(images/resourcesbanner.jpg) no-repeat  #ffffff;
}

.recreation {
	background: url(images/recreationbanner.jpg) no-repeat  #ffffff;
}

.hamlet {
	background: url(images/hamletbanner.jpg) no-repeat  #ffffff;
}

.portfolio {
	background: url(images/portfoliobanner.jpg) no-repeat  #ffffff;
}

.profile {
	background: url(images/community-profilebanner.jpg) no-repeat  #ffffff;
}

.tourism {
	background: url(images/tourismbanner.jpg) no-repeat  #ffffff;
}

.business {
	background: url(images/businessbanner.jpg) no-repeat  #ffffff;
}

.contact {
	background: url(images/contactbanner.jpg) no-repeat;
}

.inuk {
	background: url(images/inukbanner.jpg) no-repeat  #ffffff;
}

#content {
	background: #FFFFFF;
	width: 960px;
	margin: 0 auto;
	padding-top: 20px;
}


#header {
height:95px;
width: 960px;
margin:0 auto;
text-align:center;
padding:0; 
position:relative;
 background:#ffffff url(images/top.jpg) no-repeat;
 }
 
 .toplinks {
 	position: absolute;
 	top: 0px;
 	right: 0px;
 	font-weight: bold;
 	text-transform:uppercase
 }


.sidebar, .sidebar2 {
	width: 200px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	display: inline;	
}

.sidebar {
	min-height: 400px;
	background: url(images/leftsideback.jpg) no-repeat center bottom;
}

.child_page{
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 15px;
	line-height: .9em;
}
.middlecontent {
	float: left;
	display: inline;
	width: 420px;
	padding-left: 20px;
	padding-right:20px;
	border-left: 1px dotted;
	border-right: 1px dotted;
}

.middlecontent{
	
}



table#twocol{
	width: 700px;
}

#twocol td {
	width: 50%;
}

table#threecol {
	width: 700px;
}

#threecol td {
	width: 33%;
}

tr {
	vertical-align:top;
}

/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}

.right {
float:right;
 clear:none;
 width:710px;
 }
 
 .description {
 	background: #c4e6f3;
 	padding: 5px;
 	margin-right: 10px;
 }

.description p {
	padding: 0;
	margin: 0;
}

/* -- SIDEBARS --*/

.block-1 {float:left;}

#sidebutton {
	margin: 0;
	padding: 0;
}

 .mayor-message a {
	text-indent:-9999em;
	overflow:hidden; 
	background:transparent url(images/mayorsmessage.png) no-repeat;
	display: block;
	padding-top: 21px;
	padding-left: 200px;
}

 .mayor-message a:hover {
 	background-position: 0 -35px;
 }
 
  .read-news a {
 	text-indent:-9999em;
 	overflow:hidden; 
 	background:transparent url(images/rankinnews.png) no-repeat;
 	display: block;
 	padding-top: 21px;
 	padding-left: 200px;
 	margin-top: 5px;
 }
 
  .read-news a:hover {
  	background-position: 0 -35px;
  }
  
   .read-history a {
  	text-indent:-9999em;
  	overflow:hidden; 
  	background:transparent url(images/readhistory.png) no-repeat;
  	display: block;
  	padding-top: 21px;
  	padding-left: 200px;
  	margin-top: 5px;
  }
  
   .read-history a:hover {
   	background-position: 0 -35px;
   }

.excerpt {
	margin-bottom: 20px;
	font-size: 13px;
}

.excerpt h2{
	margin-bottom: 10px;
	border-bottom: 2px solid #00b0c9;
	color: #5f5f5f;
        font-size:18px;
}

#wp-forecast-3 {
	}

.wp-forecast {
	background: url(images/weatherback.jpg) bottom no-repeat;
}

.side_more {
	float:right; font-weight:bold; text-transform:uppercase;
}


/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- ALIGNMENTS --*/
.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}
.wp-caption-text {
	text-align: center;
}

/* -- NAVIGATION --*/


.menu {
	position: absolute;
	bottom: 10px;
	right: 0;
	z-index: 9;
}

.menu a {
	color: #4d4d50;
}

.menu a:hover {
	color: #00a2c0;
}

#rotator {
	color:#000;
	position:relative;
	margin:0 auto; 
	font-size:12px;
	width: 960px;
        background: #ffffff;
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
	
}

li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	border-bottom: 1px solid #ffffff;
	text-align: left;
}

ul.ui-tabs-nav {
	position:absolute;
	top:0px;
	right:0px;
	width:260px;
	background: url(images/rightback.jpg) repeat-x;
	text-align: right;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-size:.8em;
	font-weight:normal;
	color:#e4e4e4;
	border-left:1px solid #FFF;
	height: 68px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	width: 220px;
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	color:#ffffff;
	background: url(images/hover.png) repeat-x;
}

#rotator .ui-tabs-nav-item a span {
	cursor:pointer;
	font-size: 11px;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {

	color:#ffffff;
	background: url(images/active.png) repeat-x
	#007aa9;
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	height:270px;
}


.rotator-left {
	width: 200px;
	height: 230px;
	background: #ffffff url(images/leftback.jpg) repeat-x;
	padding: 20px;
	float: left;
	display: inline;
}




#rotator .picture {
	width: 460px;
	height: 270px;
	float: left;
	display: inline;
}


#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 {
	font-family: Georgia, serif;
	color:#007aa9;
	font-weight:lighter;
	margin-bottom: 10px;
	font-size:1.5em;
	line-height:1em;
}

#rotator h3 {
	font-weight:bold;
	margin-bottom: 5px;
	font-size:1.2em;
	line-height:1em;
	font-family: Georgia, serif;
	color: #ffffff;
}

#rotator p {
	font-size:1.1em;
	margin:.5em 0;
	color:#333;
}

#rotator .learn-more a {
	text-indent:-9999em;
	overflow:hidden; 
	background:transparent url(images/learnmore.png) no-repeat;
	display: block;
	padding-top: 27px;
	padding-left: 150px;
	margin-top: 20px;
}

#rotator .learn-more a:hover {
	background-position: 0 -41px;
}

#rotator .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
}

/* Background Images */

#com-pro.picture {
	background: url(images/community-image.jpg) no-repeat;
}

#tour.picture {
	background: url(images/tourism-image.jpg) no-repeat;
}

#bus.picture {
	background: url(images/business-image.jpg) no-repeat;
}

td.videos {
	width: 175px;
}