@charset "UTF-8";

/*------------------------------------------------
	Global Rules
------------------------------------------------*/
* { 
margin: 0;
padding: 0;
font-weight: normal;
}

strong, b {
font-weight: bold;
}

/*------------------------------------------------
	IE PNG Hack
------------------------------------------------*/
* html img, * html div {
behavior: url(/css/iepngfix.htc);
}

/*------------------------------------------------
	SimpleViewer
------------------------------------------------*/

div#flashcontent {
height: 100%;
margin-top: -15px;
margin-left: -20px;
margin-bottom: 10px;
}

/*------------------------------------------------
	banner
------------------------------------------------*/
div#banner {
background: url(/img/banner/border.png) repeat-x;
width: auto;
height: 22px;
font-size: 11px;
text-transform: lowercase;
}

div#bannerTab {
position: absolute;
right: 5%;
overflow: hidden;
width: 345px;
height: 22px;
}

div#bannerTabLeft {
float: left;
background: url(/img/banner/left.png) no-repeat;
width: 20px;
height: 22px;
}

div#bannerTabCenter {
float: left;
background: url(/img/banner/center.png) repeat-x;
height: 17px;
padding: 5px 0 0 0;
overflow: hidden;
}

div#bannerTabCenter ul {
margin: 0 auto;
}

div#bannerTabCenter li {
list-style: none;
display: inline;
margin: 0 5px;
}

div#bannerTabCenter li a, div#bannerTabCenter li a:visited {
color: #777;
text-decoration: none;
border-bottom: 0;
}

div#bannerTabCenter li a:hover {
color: #888;
text-decoration: none;
border-bottom: 1px solid #888;
}

div#bannerTabCenter li a.selected, div#bannerTabCenter li a.selected:visited {
color: #fff;
text-decoration: none;
border-bottom: 0;
}

div#bannerTabCenter li a.selected:hover {
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
}

div#bannerTabRight {
float: left;
background: url(/img/banner/right.png) no-repeat;
width: 20px;
height: 22px;
}

/*------------------------------------------------
	Tags
------------------------------------------------*/
body {
margin: 0 auto;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 13px;
color: #585858;
}

img, a img, a:visited img, a:hover img {
border: 0;
}

p {
margin: 2px 0 12px 0;
}

h2 {
font-size: 25px;
}

h3, .h3 {
font-size: 15px;
}

h3 small, h3 span {
color: #999;
}

h5 {
color: #000;
font-weight: bold;
margin: 0 0 18px 0;
}

input, textarea {
padding: 3px;
color: #585858;
}

input.text, textarea {
border: 1px solid #36616f;
background: #eee;
color: #585858;
}

a, a:visited {
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

/*------------------------------------------------
	Lists
------------------------------------------------*/
ol { 
margin-left: 2em;
list-style-type: decimal;
}

ol ul, ul ol, ul ul, ol ol { 
margin-top: 0; 
margin-bottom: 0;
}

ol li ol li { 
list-style:  lower-alpha; 
}

ol li ol li ol li { 
list-style-type: lower-roman;
}

/*------------------------------------------------
	Top
------------------------------------------------*/
div#container {
width: 924px;
margin: 0 auto;
}

div#top {
padding: 0 16px;
}

/* logos defined in their respective stylesheets */

/*------------------------------------------------
	Header
------------------------------------------------*/
div#contentHeader {
overflow: hidden;
width: 850px;
height: 290px;
margin: 0 0 20px 0;
}

div#contentHeader img {
width: 850px;
height: 290px;
}

/*------------------------------------------------
	Content
------------------------------------------------*/
div#contentContainer {
width: 845px;
overflow: hidden;
margin: 0 auto;
}

div#contentTop {
background: url(/img/content/top.png) no-repeat;
width: 924px;
height: 28px;
}

div#contentCenter {
background: url(/img/content/center.png) repeat-y;
padding: 10px 36px;
width: 852px;
min-height: 150px;
}

div#contentBottom {
background: url(/img/content/bottom.png) no-repeat;
width: 924px;
height: 28px;
}

div.contentBlock {
margin: 0 0 18px 0;
}

/*------------------------------------------------
	Menu
------------------------------------------------*/
div#menu {
background: url(/img/nav/center.jpg) repeat-x;
margin: 0 0 10px 0;
font-size: 10px;
height: 35px;
text-transform: uppercase;
text-align: left;
}

div#menuLeft {
float: left;
background: url(/img/nav/left.jpg) no-repeat;
width: 8px;
height: 35px;
}

div#menuCenter {
float: left;
height: 35px;
text-align: left;
}

div#menuRight {
float: right;
background: url(/img/nav/right.jpg) no-repeat;
width: 13px;
height: 35px;
}

div#menu a, div#menu a:visited {
color: #939393;
text-decoration: none;
padding: 8px 25px;
position: relative;
top: 8px;
text-align: center;
}

div#menu a:hover {
color: #e1e1e1;
text-decoration: none;
}

div#menu a.active, div#menu a.active:visited {
color: #e1e1e1;
text-decoration: none;
}

/*------------------------------------------------
	Main Content
------------------------------------------------*/
div#contentMain {
float: left;
width: 610px;
overflow: hidden;
}

div#contentMain ul.default {
margin: 0 0 12px 24px;
}

div.contentCenter {
background: #f5f7f6 url(/img/gray/bgrd.jpg) repeat;
padding: 18px 18px 3px;
min-height: 150px;
}

div.contentBottom {
background: #f5f7f6 url(/img/gray/bottom_center.jpg) repeat;
height: 6px;
}

div.contentBottomLeft {
float: left;
background: #f5f7f6 url(/img/gray/bottom_left.jpg) no-repeat;
width: 7px;
height: 6px;
}

div.contentBottomRight {
float: right;
background: #f5f7f6 url(/img/gray/bottom_right.jpg) no-repeat;
width: 7px;
height: 6px;
}

img.contentLeft {
float: left;
margin: 0 18px 18px 0;
}

img.contentRight {
float: right;
margin: 0 0 18px 18px;
}


div.silverHeader div.contentTop {
background: #cbcbcb url(/img/title/center.jpg) repeat-x;
text-align: center;
height: 24px;
overflow: hidden;
}

div.silverHeader div.contentTopLeft {
float: left;
background: #cbcbcb url(/img/title/left.jpg) no-repeat;
width: 6px;
height: 24px;
}

div.silverHeader div.contentTopRight {
background: url(/img/title/right.jpg) top right no-repeat;
text-align: left;
height: 16px;
padding: 3px 0;
}

div.silverHeader div.contentTopRight span {
float: left;
background: #cbcbcb url(/img/title/arrow.jpg) no-repeat;
width: 16px;
height: 24px;
position: relative;
top: -3px;
}

div.silverHeader div.contentTopRight h3 {
padding: 1px 0 0 26px;
color: #686868;
font-size: 13px;
font-weight: normal;
}

/*------------------------------------------------
	Sidebar
------------------------------------------------*/
div#contentSidebar {
float: right;
width: 200px;
overflow: hidden;
}

div#contentSidebar li {
list-style: none;
margin: 0 0 20px 0;
}

div.contentTop, div.sidebarTop {
background: #282828 url(/img/sidebar/top_center.jpg) repeat-x;
text-align: center;
height: 24px;
overflow: hidden;
}

div.contentTopLeft, div.sidebarTopLeft {
float: left;
background: #282828 url(/img/sidebar/top_left.jpg) no-repeat;
width: 7px;
height: 24px;
}

div.contentTopRight, div.sidebarTopRight {
background: url(/img/sidebar/top_right.jpg) top right no-repeat;
text-align: left;
height: 16px;
padding: 3px 0;
}

div.contentTopRight span, div.sidebarTopRight span {
float: left;
background: #282828 url(/img/sidebar/top_arrow.jpg) no-repeat;
width: 16px;
height: 24px;
position: relative;
top: -3px;
}

div.contentTopRight h3, div.sidebarTopRight h3 {
padding: 0 0 0 26px;a
color: #868686;
font-size: 13px;
font-weight: normal;
}

div.sidebarCenter {
padding: 7px;
}

div.sidebarBottom {
height: 6px;
}

div.sidebarBottomLeft {
float: left;
width: 7px;
height: 6px;
}

div.sidebarBottomRight {
float: right;
width: 7px;
height: 6px;
}

/*------------------------------------------------
	Copyright
------------------------------------------------*/
div#copyright {
text-align: center;
color: #111;
margin: 0 0 10px 0;
}

div#copyright a, div#copyright a:visited {
color: #111;
text-decoration: none;
border: 0;
}

div#copyright a:hover {
color: #111;
text-decoration: none;
border-bottom: 1px solid #111;
}

/*------------------------------------------------
	Misc Classes
------------------------------------------------*/
.clear { 
clear: both; 
border: 0;
margin: 0;
padding: 0;
}

p.important {
background: #eee;
border: 1px solid #ccc;
color: #333;
font-size: 15px;
padding: 20px;
text-align: center;
margin: 25px;
}

/*------------------------------------------------
	Desktops
------------------------------------------------*/
ul#desktops img {
width: 300px;
height: 188px;
margin: 0 0 3px;
}

ul#desktops li {
float: left;
list-style: none;
text-align: center;
margin: 0 5px 15px 0;
}

/*------------------------------------------------
	Podcast
------------------------------------------------*/
div#podcastTop {
margin-bottom: 2em;
}

div#podcastLeft {
float: left;
width: 375px;
}


div#podcastSubscribe {
float: right;
width: 199px;
height: 78px;
}

div#podcastSubscribe img {
width: 199px;
height: 78px;
}

http;//www.phaze2.cc/css/youth.css

/*------------------------------------------------
	Logo
------------------------------------------------*/
div#logo {
float: left;
background: url() no-repeat;
width: 185px;
height: 62px;
}

div#title {
float: right;
background: url() no-repeat;
width: 185px;
height: 62px;
position: relative;
top: 26px;
}

div#bgrdOverlay {
background: url(/img/bgrd/bgrd.jpg) repeat-x;
min-height: 425px;
}

/*------------------------------------------------
	Tags
------------------------------------------------*/
body {
background: #3d3e3e url(/img/bgrd/backgrd.jpg);
}

h2 {
color: #36616f;
}

h3, .h3 {
color: #36616f;
}

a, a:visited, a:hover {
color: #36616f;
}

/*------------------------------------------------
	Sidebar
------------------------------------------------*/
div.sidebarCenter {
background: #1d1d1d url(/img/sidebar/bgrd.jpg) repeat;
}

div.sidebarBottom {
background: #1d1d1d url(/img/sidebar/bottom_center.jpg) repeat;
}

div.sidebarBottomLeft {
background: #1d1d1d url(/img/sidebar/bottom_left.jpg) no-repeat;
}

div.sidebarBottomRight {
background: #cfdade url(/img/sidebar/bottom_right.jpg) no-repeat;
}

div.contentTopRight h3, div.sidebarTopRight h3 {
color: #fff;
}