/*
FILENAME: seattle.css
DESCRIPTION: Base stylesheet for the Seattle theme
DESIGNER: Matthew Anderson -> manderson@onehub.com
AUTHOR: Matthew Anderson -> manderson@onehub.com
*/

/*
  ~design
  =GLOBALS
	=LOGIN
	=WRAPPER
	=HEADER
	=PAGES
	=LAYOUT
	=CONTROLS
	=FOOTER
*/

/* =GLOBALS */

tr.rowodd, .odd {
	background: #f4f4f4;
}

tr.roweven {
	background: #fff;
}

/* =PLUGINS */

#logo .default a { /* Create a default logo that matches your Theme called logo.png */
	display: block;
	background: url("logo.png") no-repeat;
	width: 190px;
	height: 54px;
}

/* =WRAPPER */

#wrapper {
  position: relative;
	width: 96%;
	margin: 0 auto;
}

/* =HEADER */

#header {
	clear: both;
	overflow: hidden; /* Float clearing for good browsers */
	padding: 18px 0;
}

#header #logo {
	float: left;
}

#header #hub_name {
	float: right;
	text-align: right;
}

#header #hub_name h1 {
  padding: 13px 0;
  line-height: 28px;
	font-size: 2.6em;
}

#header #hub_name h1 a {
	text-decoration: none;
	color: #fff;
}

#header #hub_name em {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1.3em;
	font-style: normal;
	font-weight: normal;
}

#header hr {
	clear: both;
	display: none;
}

/* =PAGES */

#pages ul {
	overflow: hidden;
	margin: -9px 0 0 0;
	list-style-type: none;
}

#pages ul li {
	position: relative;
	float: left;
	padding: 0;
}

#pages ul li a.page, #pages ul li#page_new a {
	display: block;
	margin: 9px 9px 0 0;
	padding: 1em 18px;
	font-size: .85em;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

#pages ul li a.page {
	background: transparent url("bg_pages.png");
}

#pages ul li .selected a.page {
	background: #fff url("bg_pages_active.png") repeat-x;
}

/* ~design */

.design #pages ul li a.page {
	margin-right: 18px;
	border: 1px dashed #fff;
}

.design #pages ul li .selected a.page {
  border: 1px dashed #b4b4b4;
}

.design #pages ul li .selected a.page span {
  padding-right: 16px;
}

.design #pages ul li a.page:hover {
  border-color: #fff;
}

.design #pages ul li.moveable a.page {
  padding-left: 9px;
}

.design #pages ul li.moveable a.page span {
	background: url("bg_moveable_white20.png") 0 50% no-repeat;
	padding-left: 23px;
}

.design #pages ul li.moveable .selected a.page span {
	background: url("bg_moveable_black20.png") 0 50% no-repeat;
	padding-left: 23px;
	padding-right: 16px;
}

.design #pages ul li.moveable a:hover.page span {
	background: url("bg_moveable_white60.png") 0 50% no-repeat;
	padding-left: 23px;
}

.design #pages ul li#page_new a {
	background: url("/images/icons/add.png") 0 50% no-repeat;
	padding-left: 18px;
}

.design #pages ul li a.delete {
	position: absolute;
	background: url("close.png") no-repeat;
	width: 22px;
	height: 22px;
	top: 0;
	right: 7px;
	text-indent: -9999px;
}

.design #pages ul li a:hover.delete {
	background: url("close.png") 0 -22px no-repeat;
}

/* =LAYOUT */

#content {
	clear: both;
	overflow: hidden; /* Float clearing for good browsers */
	background: #fff;
	border-bottom: 1px solid #444;
}

#primary .interior, #secondary .interior, #tertiary .interior {
  padding: 18px;
}

/* ~design */

.design #content {
  padding: 9px;
}

.design .layout {
  padding-top: 9px;
}

.design #primary .interior, .design #secondary .interior, .design #tertiary .interior {
  margin: 9px;
  padding: 9px 9px 0 9px;
}

/* =CONTROLS */

.first_run {
	border-top: 0;
}

.zone {
  margin-bottom: 18px;
}

.zone .container .header {
  padding-bottom: 9px;
}

.contact_list .content, .discussion_item .content, .link_list .content, .text_item .content, .task_list .content {
  border-top: 1px solid #d4d4d4;
}

.calendar .content, .content_library .content {
  border-top: 1px solid #b4b4b4;
}

.header h3 {
	font-size: 1.8em;
	color: #000;
}

.header .description {
	clear: left;
	margin-bottom: 0;
	color: #828282;
}

.container .add {
  margin: 0;
	padding: 4px 0;
	border-top: 1px solid #e6e6e6;
}

.calendar .add {
	border: 0;
}

/* ~design */

.design .zone {
  margin-bottom: 9px;
}

.design .zone .container .header {
  background: #e6e6e6;
  padding-top: 9px;
  border-bottom: 1px solid #b4b4b4;
}

/* =FOOTER */

#footer {
	margin-top: 18px;
	text-align: center;
}

#footer p {
  color: #eee;
  font-size: 1.1em;
}
/*
FILENAME: seattle_blue.css
DESCRIPTION: Blue color palette for the Seattle theme
*/

a:link, a:visited {
	font-weight: bold;
	color: #2057a9;
}
	
a:hover, a:active {
	color: #40adfe;
}

body {
	background: #2057a9 url("bg_wrapper_blue.png") no-repeat 50% 0;
}

#header #hub_name em {
  color: #799acb;
}

#pages ul li .selected a.page {
	color: #2057a9;
}

#pages ul li a.page:hover {
	background: #40adfe;
	color: #fff;
}

#login #wrapper .interior .content {
	border: 2px solid #40adfe;
}

/* Off Tab Color IE6 Hack */
.design #pages ul li.moveable .selected a:link.page span, .design #pages ul li.moveable .selected a:visited.page span {
	_background-image: url("bg_movable_selected.gif") !important;
}

.design #pages ul li.moveable a:link.page span, .design #pages ul li.moveable a:visited.page span {
	_background-image: url("bg_movable_blue_passive.gif") !important;
}

.design #pages ul li.moveable .selected a:hover.page span, .design #pages ul li.moveable a:hover.page span {
	_background-image: url("bg_movable_blue_active.gif") !important;
}

#pages ul li a.page { _background: #264e82; }

#footer a:link, #footer a:visited {
	color: #fff;
}
	
#footer a:hover, #footer a:active {
	color: #eee;
}

#footer p em a:link, #footer p em a:visited, #footer a#poweredby:link, #footer a#poweredby:visited {
	color: #40adfe;
}

#footer p em a:hover, #footer p em a:active, #footer a#poweredby:hover, #footer a#poweredby:active {
	color: #fff;
}