/* ---------------------------------------------------
CVS: $Id: brand.css,v 1.1 2008/03/20 23:44:48 cvsdevel Exp $
Title: brand.css
Copyright: (c) 2008
Author: Smitty
Company: Rhino Internet Solutions
Description: Brand styles for phoenix.gov
--------------------------------------------------- */

/* ---------------------------------------------------
=Branding
Styles for CoP brand colors

   Purple      #990066  |   Gray        #666666
   Black       #000000  |   Plum        #621A4B
   Red Rock    #B5121B  |   Fire Red    #E31B23
   Orange Tree #E37F1C  |   Sun Flower  #EEB211
   Saguaro     #9FA617  |   Palo Verde  #4C721D
   Lake Blue   #4E8ABE  |   Royal Blue  #005295
   Light Gray  #CCCCCC  |   Lignt Brown #C48F5E
   Brown        #5C3021 |   Teal		#00B898
--------------------------------------------------- */

/* --{ Font Colors }------------------------------- */

.purple {
	color: #906;
}
.gray {
	color: #666;
}
.plum {
	color: #621A4B;
}
.redrock {
	color: #B5121B;
}
.firered {
	color: #E31B23;
}
.orangetree {
	color: #E37F1C;
}
.sunflower {
	color: #EEB211;
}
.saguaro {
	color: #9FA617;
}
.paloverde {
	color: #4C721D;
}
.lakeblue {
	color: #4E8ABE;
}
.royalblue {
	color: #005295;
}
.lightgray {
	color: #CCC;
}
.brown {
   color: #5C3021;
   }
.teal {
color: #00B898;
}
.lightbrown {
   color: #C48F5E;
   }

/* --{ Background Colors }---------------------------- */

.purple-bg {
	background-color: #906;
}
.purple-alert {
	background-color: #906;
	color: #FFF;
	font-weight: bold;
	margin: 0 20px;
	padding: 3px 10px 5px 10px;
}
.purple-alert a {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}
.purple-alert a:hover {
	color: #FFF !important;
	font-weight: bold;
	text-decoration: underline;
}
.gray-bg {
	background-color: #666;
}
.plum-bg {
	background-color: #621A4B;
}
.redrock-bg {
	background-color: #933;
}
.firered-bg {
	background-color: #E31B23;
}
.orangetree-bg {
	background-color: #E37F1C;
}
.sunflower-bg {
	background-color: #EEB211;
}
.saguaro-bg {
	background-color: #9FA617;
}
.paloverde-bg {
	background-color: #4C721D;
}
.lakeblue-bg {
	background-color: #4E8ABE !important;
}
.royalblue-bg {
	background-color: #005295;
}
.lightgray-bg {
	background-color: #CCC;
}
.brown-bg {
   background-color: #5C3021;
}
.lightbrown-bg {
   background-color: #C48F5E;
}
.teal-bg {
   background-color: #00B898;
}
/* ---------------------------------------------------
=Misc. Colors
Various content color treatments; often variations
of the primary and secondary brand color palette.
--------------------------------------------------- */

.tan {
	background-color: #F0E0B2;
	border-top: 1px solid #C90;
}
/* ---------------------------------------------------
=Logo Colors
--------------------------------------------------- */

#phx-logo a.plum {
	background: transparent url(/webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_plum.png) top left no-repeat;
}
#phx-logo a.redrock {
	background: transparent url(/webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_redrock.png) top left no-repeat;
}
#phx-logo a.firered {
	background: transparent url(/webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_firered.png) top left no-repeat;
}
#phx-logo a.orangetree {
	background: transparent url(/webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_orangetree.png) top left no-repeat;
}
#phx-logo a.sunflower {
	background: transparent url(/webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_sunflower.png) top left no-repeat;
}
#phx-logo a.saguaro {
	background: transparent url(/webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_saguaro.png) top left no-repeat;
}
#phx-logo a.paloverde {
	background: transparent url(/webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_paloverde.png) top left no-repeat;
}
#phx-logo a.lakeblue {
	background: transparent url(/webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_lakeblue.png) top left no-repeat;
}
#phx-logo a.royalblue {
	background: transparent url(/webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_royalblue.png) top left no-repeat;
}
#phx-logo a.brown {
   background: transparent url(/webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_brown.png) top left no-repeat;
}
#phx-logo a.lightbrown {
   background: transparent url(/webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_lightbrown.png) top left no-repeat;
} 
#phx-logo a.teal {
   background: transparent url(/webcms/groups/internet/@inter/@pio/documents/web_asset/phx_logo_teal.png) top left no-repeat;
} 
/* ----------------------------------------------------------------
captioning modification from Rhino  
------------------------------------------------------------------*/

.caption.white-bg {
	color: #000;
	background-color: #fff;
	text-align: center;
	line-height:normal;
	font-size:95%;
}
.caption { 
font-size: 95%; 
}