/*----------------------------------------------------------------------
////////////
////////////	Setting up the Canvas
////////////
----------------------------------------------------------------------*/

* { margin:0; padding:0; outline:none; }
	
body { color:#3a3a3a; font-family:Arial, Helvetica, sans-serif; }
	
a { text-decoration:none; cursor:pointer; }
		
img { border:0px; }
	
p,
span { cursor:default; }
	
h1 { color:#333; font-size:111px; text-align:center; text-transform:lowercase; }
h2 { color:#A64E08; text-shadow:0 1px 1px #fff; }
h3 { color:#44413D; text-shadow:0 1px 1px #fff; }

.hr { height:2px; width:926px; border-bottom:solid 1px #e5e5e5; }

#container { width:926px; position:relative; margin:0 auto;	 z-index:1; }

/*----------------------------------------------------------------------
////////////
////////////	Header
////////////
----------------------------------------------------------------------*/

#header { margin-top:6px; height:75px; position:relative; }

#logo { width:151px; height:43px; position:absolute; top:30px; background:url(../images/logo.png) no-repeat 0 0; }
#logo:hover { background-position: 0 -44px; }

/*-------------------------------------------------------
////////////	Top-Bar
-------------------------------------------------------*/
	
#topbar { width:100%; display:block; left:0; top:-24px; height:30px; background:#a8d5d0; position:absolute; z-index:2; font-size:11px; }
.topbar_min { top:-24px; }	
.topbar_max { top:0px; }
	
#topbar .wrapper { width:930px; margin:0 auto; position:relative; }

#topbar .form { height:23px; padding-top:7px; position:relative; }
#topbar .register { color:#2D7B84; float:left; font-size:12px; }

.topbar-button { background:#2D7B84; color:#FFFFFF; margin-left:5px; padding:1px 7px; -moz-border-radius:5px; -webkit-border-radius:5px; border:0 none; cursor:pointer; }
input.topbar-button { padding:0 7px; }

.topbar-button:hover { background:#f88166; }
.topbar-input { background:#FFF; border:1px solid #2D7B84; margin:0 3px; padding-left:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.topbar-input:focus { border-color:#f88166; }

#topbar form { float:right; position:relative; top:-2px; }

#topbar .login { background:transparent url(../images/top-bar-login.png) no-repeat scroll 0 -4px; height:16px; position:absolute; right:97px; width:57px; }
#topbar .placeAd { background:transparent url(../images/top-bar-placeAd.png) no-repeat scroll 0 -4px; height:16px; position:absolute; right:0px; width:89px; }

#topbar .login span a,
#topbar .placeAd span a { display:block; padding:0 0 2px 17px; color:#333; text-shadow: 0 -1px 0 #e5e5e5; }

#topbar .login span a:hover,
#topbar .placeAd span a:hover { color:#555; }

/*----------------------------------------------------------------------
////////////
////////////	Navigation
////////////
----------------------------------------------------------------------*/

#nav { list-style-type:none; position:relative; float:right; top:38px; border-bottom:solid 1px #e5e5e5; font-size:14px; }
#nav li { float:left; padding:0 8px 4px 16px; }

#nav a { color:#333; }
#nav a:hover,
#nav a.active { color:#b6aa00; }

/*----------------------------------------------------------------------
////////////
////////////	Sub-Header
////////////
----------------------------------------------------------------------*/

#sub-header { position:relative; margin-top:15px; }

/*-------------------------------------------------------
////////////	SidePanel Flyout
-------------------------------------------------------*/

#sidepanel {  }
.sidepanel_min {  }
.sidepanel_max {  }

/*-------------------------------------------------------
////////////	Location Specifics
-------------------------------------------------------*/

#location-title { position:relative; }
#location-title .welcome { color:#9cc5c0; font-size:14px; position:absolute; left:250px; top:0; }
#location-title .hr { margin-top:-13px; }

#location-image { width:926px; height:123px; margin:10px 0; }

/*//// Porltand, OR ////*/
.Portland-OR { background:url(../images/location-picture_portland-oregon.png) no-repeat 0 0; }

/*//// Sandpoint, ID ////*/
.Sandpoint-ID { background:url(../images/location-picture_sandpoint-alaska.png) no-repeat 0 0; }

/*-------------------------------------------------------
////////////	Icons
-------------------------------------------------------*/

#options { font-size:12px; position:relative; top:5px; z-index:2; height:15px; }
#options .time { background:url(../images/icon_time.png) no-repeat 0 1px; padding:0 0 0 17px; color:#c9c9c9; float:left; }
#options .makeHome a { background:url(../images/icon_makeHome.png) no-repeat 0 0px; padding:0 0 0 14px; color:#3a3a3a; }
#options .bookmark a { background:url(../images/icon_bookmark.png) no-repeat 0 0; padding:0 0 0 16px; color:#3a3a3a; }
#options .makeHome a:hover { color:#b6aa00; background-position: 0 -15px; }
#options .bookmark a:hover { color:#b6aa00; background-position: 0 -15px; }
#options .makeHome,
#options .bookmark { float:right; padding-left:20px; }
#options .bookmark { margin-right:0px; }

/*----------------------------------------------------------------------
////////////
////////////	Content
////////////
----------------------------------------------------------------------*/

#content { margin-top:35px; }

/*-------------------------------------------------------
////////////	TweetBox
-------------------------------------------------------*/

.tweetbox { float:left; margin-bottom:35px; margin-right:38px; position:relative; }
.tweetbox.last { margin-right:0; }

/*-------------------------------------------------------
////////////	TweetBox Widths
-------------------------------------------------------*/

.tweetbox.onethird,
.tweetbox.onethird .twtr-bd,
.tweetbox.featured,
.tweetbox.featured_sponsor,
.tweetbox.sponsors { width:283px; }

.tweetbox.onehalf,
.tweetbox.onehalf .twtr-bd { width:444px; }

/*-------------------------------------------------------
////////////	TweetBox Topper
-------------------------------------------------------*/

.tweetbox .topper { height:45px; color:#fff; font-size:25px; position:relative; }
.tweetbox .topper span { display:block; padding:8px 17px; }
.tweetbox.featured_sponsor .topper { color:#3a3a3a; margin-left:-10px; }

/*-------------------------------------------------------
////////////	TweetBox Tweet
-------------------------------------------------------*/

.tweet { border-top:solid 1px #fff; position:relative; padding:10px; height:80px; overflow:hidden; }
	
/*-------------------------------------------------------
////////////	Tweet Avatar, Name, Time-Stamp
-------------------------------------------------------*/

.tweetbox .avatar { width:34px; height:34px; border:solid 1px; border-bottom:solid 2px; background-color:#FFF; }
.tweetbox .name a { color:#FFFFFF; font-weight:bold; left:55px; position:absolute; top:5px; }
.tweetbox .timestamp { font-size:10px; position:absolute; right:10px; color:#3A3A3A; }

/*-------------------------------------------------------
////////////	Tweet Text 
-------------------------------------------------------*/

.tweetbox.onethird .chirps { background:url(../images/tweet_txt_bg_onethird.png) no-repeat 0 0; font-size:11px; height:58px; left:25px; margin-bottom:-19px; padding-left:29px; padding-top:3px; position:relative; top:-18px; width:205px; padding-right:5px; overflow:hidden; }

.tweetbox.onehalf .chirps { background:url(../images/tweet_txt_bg_onehalf.png) no-repeat 0 0; font-size:14px; height:58px; left:25px; line-height:1.25em; margin-bottom:-19px; padding-left:29px; padding-top:3px; position:relative; top:-18px; width:369px; padding-right:5px; overflow:hidden; }

.tweetbox.featured .chirps { background:transparent url(../images/tweet_txt_bg_onethird.png) no-repeat scroll 0 0; font-size:11px; height:44px; left:35px; padding:1px 5px 0 25px; position:absolute; top:26px; width:213px; overflow:hidden; }

.chirps a { font-style:italic; color:#666666; }
.chirps a:hover { text-decoration:underline !important; }

/*-------------------------------------------------------
////////////	Featured Photo
-------------------------------------------------------*/

.tweetbox .topper span.credits { font-size:9px; position:absolute; right:0; text-align:right; top:3px; display:none; }
.tweetbox .topper span.credits a { color:#B6AA00; }
.tweetbox .topper span.credits a:hover { color:#fff; }

.tweetbox .twimage { overflow:hidden; /* Incase we want to drop images into the div itself */ height:200px; }
.tweetbox.featured .twimage { width:283px; }
.tweetbox.featured_sponsor .twimage { position:relative; left:3px; }

.tweetdeck { margin-bottom:2px; height:55px; border-top:solid 4px #333; position:relative; padding:10px; }

/*-------------------------------------------------------
////////////	Sponsors
-------------------------------------------------------*/
/*
.tweetsponsors { height:279px; padding:0 20px; }

.tweetsponsors a { color:#fff; } 
.tweetsponsors a:hover { text-decoration:underline; }

.tweetsponsors p { margin-bottom:5px; }
.tweetsponsors span{ font-size:12px; }

.tweetbox.sponsors .twtr-bd { height:278px !important; }
.tweetbox.sponsors .twtr-timeline { height:270px !important; margin-top:0px; }

.tweetbox.sponsors .tweet{ margin-left:10px; width:245px; height:24px; border:none !important; background-color:#F98166; }
.tweetbox.sponsors .chirps { background:none !important; font-size:12px; height:20px; padding-left:38px; padding-top:0; position:relative; top:-16px; width:220px; z-index:1; }
.tweetbox.sponsors .chirps:after { content: "..."; }
.tweetbox.sponsors .avatar { border:0 none; display:block; position:relative; }
.tweetbox.sponsors .name a { z-index:5; padding-left:37px; color:#3A3A3A; font-size:16px; font-weight:normal; left:11px; margin-bottom:5px; padding-bottom:10px; position:absolute; top:11px; width:240px; } 
.tweetbox.sponsors .timestamp { display:none; }
*/

.tweetbox.sponsors .twtr-bd,
.tweetbox.sponsors .twtr-timeline { height:101px !important; }

.tweetbox.featured_sponsor { margin-left:-12px; margin-right:32px; width:302px; }

/*-------------------------------------------------------
////////////	Tweet Error
-------------------------------------------------------*/

.tweetbox .twtr-error { display:block; position:absolute; z-index:1; top:46px; }
.tweetbox .twtr-error span { display:block; font-size:20px; padding:25px 20px; text-align:center; }

.tweetbox.onethird .twtr-error { width:283px; } 
.tweetbox.onehalf .twtr-error { width:444px; }

/*-------------------------------------------------------
////////////	TweetBox Icons
-------------------------------------------------------*/

.tweetbox span.more { display:block; margin-top:5px; }
.tweetbox span.more a { background:url(../images/icon_more.png) no-repeat 0 0; padding:0 0 0 19px; color:#3a3a3a; color:#333; font-size:14px; }
.tweetbox span.more a:hover { color:#b6aa00; background-position: 0 -17px; }

.tweetbox span.camera { margin-right:10px; }
.tweetbox span.camera a { background:url(../images/icon_camera.png) no-repeat 0 1px; padding:0 0 0 22px; color:#3a3a3a; color:#333; font-size:12px; }
.tweetbox span.camera a:hover { color:#b6aa00; background-position: 0 -14px; }

.tweetbox span.article a { background:url(../images/icon_article.png) no-repeat 0 1px; padding:0 0 0 17px; color:#3a3a3a; color:#333; font-size:12px; }
.tweetbox span.article a:hover { color:#b6aa00; background-position: 0 -14px; }

.tweetbox span.advertise { position:absolute; right:-18px; top:-25px; }
.tweetbox span.advertise a { background:url(../images/icon_advertise.png) no-repeat 0 1px; padding:0 0 0 17px; color:#3a3a3a;  color:#C9C9C9; font-size:12px; }
.tweetbox span.advertise a:hover { color:#e2dd9a; background-position: 0 -14px; } 

/*----------------------------------------------------------------------
////////////
////////////	Footer
////////////
----------------------------------------------------------------------*/

#footer { width:100%; height:100px; background-color:#CCC; border-top:solid 5px #4d4d4d; clear:both; }

#footer .wrapper { width:926px; margin:0 auto; position:relative; height:90px; padding-top:10px; }

#footer .wrapper p { display:block; font-size:14px; position:absolute; right:0; text-align:right; top:70px; width:500px; color:#333; }

/*-------------------------------------------------------
////////////	Icons
-------------------------------------------------------*/

#footer_icons { list-style-type:none; position:relative; width:200px; float:left; color:#333; }

#footer_icons li { height:20px; }

#footer_icons .makeHome a { background:url(../images/icon_makeHome.png) no-repeat 0 0px; padding:0 0 0 14px; }
#footer_icons .bookmark a { background:url(../images/icon_bookmark.png) no-repeat 0 0; padding:0 0 0 16px; }
#footer_icons .camera a { background:url(../images/icon_camera.png) no-repeat 0 1px; padding:0 0 0 22px; }
#footer_icons .article a { background:url(../images/icon_article.png) no-repeat 0 1px; padding:0 0 0 17px; }

#footer_icons .camera a,
#footer_icons .article a,
#footer_icons .bookmark a,
#footer_icons .makeHome a { color:#333333; display:block; font-size:12px; width:auto; }

#footer_icons li:hover { margin-left:3px; }

#footer_social { list-style-type:none; position:relative; width:88px; float:right; margin-top:20px; }
#footer_social li { float:left; margin-left:10px; display:inline; }
#footer_social li:hover {  }

#footer_social .fb { background:url(../images/icon_fb.png) no-repeat 0 0px; width:36px; height:34px; display:block; }
#footer_social .twtr { background:url(../images/icon_twitter.png) no-repeat 0 0px; width:31px; height:34px; display:block; }
#footer_social .rss { background:url(../images/icon_rss.png) no-repeat 0 0px; width:31px; height:34px; display:block; }

/*----------------------------------------------------------------------
////////////
////////////	Color Scheme Overides
////////////
----------------------------------------------------------------------*/

/*-------------------------------------------------------
////////////	Default
-------------------------------------------------------*/

body.default { background:#f1f1f1 url(../images/bg.png) repeat-y center top; }

.tweetbox.national .topper { background-color:#ce9012; }
.tweetbox.national .tweet,
.tweetbox.national .twtr-error { background-color:#e5c051; }
.tweetbox.national .tweet.alt { background-color:#dfb125; }
.tweetbox.national .avatar { border-color:#ce9012; }
.tweetbox.national .tweet .name a { text-shadow:0 1px 0 #ce9012; }

.tweetbox.local .topper { background-color:#b6aa00; }
.tweetbox.local .tweet,
.tweetbox.local .twtr-error { background-color:#dbd35d; }
.tweetbox.local .tweet.alt { background-color:#d2c834; }
.tweetbox.local .avatar { border-color:#b6aa00; }
.tweetbox.local .tweet .name a { text-shadow:0 1px 0 #b6aa00; }

.tweetbox.sports .topper { background-color:#2d7b84; }
.tweetbox.sports .tweet,
.tweetbox.sports .twtr-error { background-color:#b9ddd9; }
.tweetbox.sports .tweet.alt { background-color:#a8d5d0; }
.tweetbox.sports .avatar { border-color:#2d7b84; }
.tweetbox.sports .tweet .name a { text-shadow:0 1px 0 #2d7b84; }

.tweetbox.featured .topper { background-color:#333; }
.tweetbox.featured .tweetdeck { background-color:#a8d5d0; }
.tweetbox.featured .tweetdeck .timestamp { color:#2D7B84; }
.tweetbox.featured .avatar { border-color:#2d7b84; }
.tweetbox.featured .name a { text-shadow:0 1px 0 #2d7b84; }

.tweetbox.sponsors .topper { background-color:#f98166; }
.tweetbox.sponsors .tweet,
.tweetbox.sponsors .twtr-error { background-color:#FF977F; }
.tweetbox.sponsors .avatar { border-color:#f98166; }
.tweetbox.sponsors .name a { text-shadow:0 1px 0 #f98166; }

/*-------------------------------------------------------
////////////	Sandy
-------------------------------------------------------*/
	
body.sandy { background:#e7dcbc url(../images/bg-sandy.png) repeat-y center top !important; }

.sandy h1 { color:#7b6016 !important; position:relative !important; top:10px !important; }
.sandy .tweetbox .topper,
.sandy .tweetbox .tweet.alt,
.sandy .tweetbox .tweetdeck { background-color: #b49844 !important; }
.sandy .tweetbox .tweet,
.sandy .tweetbox .twtr-error { background-color: #c2ab67 !important; }
.sandy .tweetbox .avatar { border-color:#685b2e !important; }
.sandy .tweetbox .name a { text-shadow:0 1px 0 #685b2e !important; }
.sandy .tweetbox .timestamp,
.sandy .tweetbox .topper span.credits a { color:#685b2e !important; }
.sandy .tweetbox.featured_sponsor .topper { background-color:#fff !important; }


.sandy #footer { background-color:#b49844 !important; }

/*-------------------------------------------------------
////////////	Sky
-------------------------------------------------------*/
	
body.sky { background:#ccdcdf url(../images/bg-sky.png) repeat-y center top !important; }

.sky h1 { color:#2d7b84 !important; }
.sky .tweetbox .topper,
.sky .tweetbox .tweet.alt,
.sky .tweetbox .tweetdeck { background-color: #6d999e !important; }
.sky .tweetbox .tweet,
.sky .tweetbox .twtr-error { background-color: #b7ddd9 !important; }
.sky .tweetbox .avatar { border-color:#2d7b84 !important; }
.sky .tweetbox .name a { text-shadow:0 1px 0 #2d7b84 !important; }
.sky .tweetbox .timestamp,
.sky .tweetbox .topper span.credits a { color:#2d7b84 !important; }
.sky .tweetbox.featured_sponsor .topper { background-color:#fff !important; }

.sky #footer { background-color:#6d999e !important; }