html { overflow-y: auto; }
html, body, #ARCHITECK_body { background: #222228; margin: 0px ! important; text-align: center; height: 100%; }
img { border: 0px; }
body { font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 12px; top: 0px ! important; }

/***** Primary Layout Elements *****/

#centerwrap { position: relative; height: 100%; min-height: 480px; width: 1000px; margin: 0px auto; }
#wrapper {
	z-index: 2; position: absolute; top: 50%; left: 0%;
	height: 1281px; margin-top: -1063px; width: 1000px;
}
#header {
	position: absolute; top: 0em; left: 0em; height: 928px; width: 337px;
	background: #17D;
	background-image: -webkit-gradient(radial, 500 1391, 1, 500 1391, 1000, from(#39F), to(#036), color-stop(50%, #39F));
	background-image: -moz-radial-gradient(391px 1391px, circle farthest-side, #39F 35%, #036 70%);
}
#header img { position: absolute; bottom: 10px; left: 6px; height: 79px; width: 324x; }

#nav { position: absolute; top: 931px; left: 0px; height: 37px; width: 337px; }
#nav ul { margin: 0px; padding: 0px; }
#nav li {
	position: absolute; display: block; list-style: none;
	top: 0em; height: 37px;

}
#nav a {
	width: 100%; height: 100%; line-height: 2em; font-size: 19px;
	display: block; color: #DDD; text-decoration: none;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #66666A; outline: none;
	background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(rgba(199,199,199,0.4)), to(rgba(199,199,199,0)));
	background-image: -moz-linear-gradient(top, rgba(199,199,199,0.4), rgba(199,199,199,0));
}
#nav li.active a:hover, #nav li.active a:focus { color: #FFF; }
#nav li.active a {
	color: #F7F7F7;
	background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(rgba(75,0,0,0)), to(rgba(75,0,0,0.55)));
	background-image: -moz-linear-gradient(top, rgba(75,0,0,0), rgba(75,0,0,0.55));
}
#nav a:hover, #nav a:focus {
	color: #FFF;
	background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(rgba(100,0,0,0)), to(rgba(100,0,0,0.4))) ! important;
	background-image: -moz-linear-gradient(top, rgba(100,0,0,0), rgba(100,0,0,0.4)) ! important;
}
#nav li.live { left: 0px; width: 91px; }
#nav li.live a:hover, #nav li.live a:focus, #nav li.live.active a { background-color: #D00; }
#nav li.ondemand { left: 94px; right: 94px; width: 149px; }
#nav li.ondemand a:hover, #nav li.ondemand a:focus, #nav li.ondemand.active a { background-color: #0D0; }
#nav li.schedule { right: 0px; width: 91px; }
#nav li.schedule a:hover, #nav li.schedule a:focus, #nav li.schedule.active a { background-color: #FB0; }

#vnav {
	position: absolute; top: 0px; right: 0px; height: 873px; width: 660px;
	background: #06C;
	background-image: -webkit-gradient(radial, 125 1391, 1, 125 1391, 938, from(#17D), to(#036), color-stop(50%, #17D));
	background-image: -moz-radial-gradient(119px 1391px, circle farthest-side, #17D 35%, #036 71%);
}
#vnav ul { position: absolute; bottom: 4px; right: 8px; margin: 0px; padding: 0px; }
#vnav li { display: block; float: left; list-style: none; margin-left: 16px; }
#vnav a { color: #DDD; text-decoration: none; font-size: 18px; }
#vnav a:hover, #vnav a:focus { color: #FFF; outline: none; }

#sidebar {
	position: absolute; bottom: 0px; left: 0px; height: 310px; width: 337px;
	background: #66666A; color: #BBB; overflow: hidden; text-align: left;
}
#media {
	position: absolute; bottom: 0px; right: 0px; height: 404px; width: 660px;
	background: #000; overflow: hidden;
}

#footwrap {
	z-index: 1; position: absolute; top: 50%; left: 0%;
	height: 50%; width: 1000px;
	
}
#footer { position: absolute; top: 221px; bottom: 0px; left: 0px; min-height: 1.75em; width: 1000px;
	line-height: 1.75em; background: #44444A; color: #88888C;
	background-image: -webkit-gradient(radial, 500 -1094, 1, 500 -1094, 2188, from(#66666A), to(#33333B), color-stop(20%, #66666A));
	background-image: -moz-radial-gradient(391px -1000px, circle, #66666A 0%, #33333B 200%);
}
#footer a { color: #88888C; }
#footer a:hover { color: #AAAAAA; }

#google_translate_element .goog-te-gadget,
#google_translate_element a {
	color: #999;
}

/***** Secondary Layout Elements *****/

#sidebar h2 { font-size: 1.5em; }
#sidebar h2, #sidebar b, #sidebar a { color: #CCC; }
#sidebar a:hover { color: #FFF; }
#sidebar .description { padding: 1ex; }
#sidebar .description h2 { margin-top: 0px; margin-bottom: 1ex; }
#sidebar .description p { margin-top: 0px; margin-bottom: 1.5ex; }
#sidebar .bottom { position: absolute; bottom: 0px; left: 0px; width: 100%; border-top: 3px solid #222228; }

/***** Call-to-Action *****/
#sidebar .action {
	font-size: 1.5em; padding: 0.5em 1.5em;
	color: #EEE; text-decoration: none;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #66666A; border: 2px solid #222228; outline: none;
	background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(rgba(199,199,199,0.55)), to(rgba(199,199,199,0)));
	background-image: -moz-linear-gradient(top, rgba(199,199,199,0.4), rgba(199,199,199,0));
	-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em;
}
#sidebar .action:hover, #sidebar .action:focus {
	color: #FFF; background-color: #0D0;
	background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(rgba(100,0,0,0)), to(rgba(100,0,0,0.4))) ! important;
	background-image: -moz-linear-gradient(top, rgba(100,0,0,0), rgba(100,0,0,0.4)) ! important;
}

/***** Backlink *****/
#sidebar .backlink {
	display: block; position: absolute; bottom: 0px; left: 0px;
	width: 100%; line-height: 2em; font-size: 1.5em; padding: 0px 0.5em;
	color: #EEE; text-decoration: none;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #66666A; border-top: 3px solid #222228; outline: none;
	background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(rgba(199,199,199,0.4)), to(rgba(199,199,199,0)));
	background-image: -moz-linear-gradient(top, rgba(199,199,199,0.4), rgba(199,199,199,0));
}
#sidebar .backlink:hover, #sidebar .backlink:focus {
	color: #FFF; background-color: #FB0;
	background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(rgba(75,0,0,0)), to(rgba(75,0,0,0.55))) ! important;
	background-image: -moz-linear-gradient(top, rgba(75,0,0,0), rgba(75,0,0,0.55)) ! important;
}

/* Sidebar List */
#sidebar ul { margin: 0px; padding: 0px; }
#sidebar ul li { list-style: none; font-size: 1.25em; height: 31px; line-height: 2em; margin: 0px; padding: 0px; }
#sidebar ul li a {
	display: block; padding: 0px 0.5em; height: 100%;
	color: #BBB; background-color: #66666A; text-decoration: none; outline: none;
}
#sidebar ul li.first a { color: #DDD; background-color: #88888C; }
#sidebar ul li a:hover,#sidebar ul li a:focus {
	background-color: #FB0 ! important; color: #FFF ! important;
	background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(rgba(100,0,0,0)), to(rgba(100,0,0,0.33)));
	background-image: -moz-linear-gradient(top, rgba(100,0,0,0), rgba(100,0,0,0.33));
}

/* Media Slideshow */
#media ul.slideshow, #media ul.slideshow li {
	position: absolute; top: 0px; right: 0px; width: 100%; height: 100%;
	list-style: none; margin: 0px; padding: 0px;
}
#media ul.slideshow li { display: none; }
#media ul.slideshow li img { width: 100%; height: 100%; border: 0px; }

#media ul.slideshow li.first { display: block; }
#media ul.slideshow li.highlight { display: block ! important; z-index: 1000; }

/* Media Grid */
#media ul.grid { position: absolute; top: -4px; left: -5px; height: 407px width: 665px; margin: 0px; padding: 0px; }
#media ul.grid li { position: relative; list-style: none; float: left; height: 99px; width: 130px; margin: 3px 0px 0px 3px; padding: 0px; }
#media ul.grid a { text-decoration: none; outline: none; background-color: #22222A; }
#media ul.grid a, #media ul.grid img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
#media ul.grid img.wide { height: 75%; }
#media ul.grid .title {
	position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0.25em 0px;
	display: block; line-height: 1em;
	background: #22222A; background: rgba(34,34,42,0.75); color: #DDD;
}
#media ul.grid a:hover, #media ul.grid a:focus { background-color: #FB0; }
#media ul.grid a:hover img, #media ul.grid a:focus img { opacity: 0.67; filter: alpha(opacity='67'); }
#media ul.grid a:hover .title, #media ul.grid a:focus .title {
	background-color: #FB0; color: #FFF;
	background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(rgba(100,0,0,0)), to(rgba(100,0,0,0.4)));
	background-image: -moz-linear-gradient(top, rgba(100,0,0,0), rgba(100,0,0,0.4));
}

#media ul.grid li.pagination a {
	background: #333339;
	background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.33)));
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.33));
}
#media ul.grid li.pagination a:hover, #media ul.grid li.pagination a:focus {
	background: #FB0;
	background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(rgba(75,0,0,0)), to(rgba(75,0,0,0.4)));
	background-image: -moz-linear-gradient(top, rgba(75,0,0,0), rgba(75,0,0,0.4));
}
#media ul.grid li.pagination img { opacity: 0.5; filter: alpha(opacity='50'); }
#media ul.grid li.pagination a:hover img, #media ul.grid li.pagination a:focus img { opacity: 1; filter: none; }
#media ul.grid li.pagination .title { background: none; color: #808080; padding: 4px 0px 1.75em; }
#media ul.grid li.pagination a:hover .title, #media ul.grid li.pagination a:focus .title { color: #FFF; }

/***** Social Links *****/

p.social-links { line-height: 40px; text-align: center; }
p.social-links span, p.social-links a { display: inline-block; text-decoration: none; color: #DDD; margin: 0px 0.5ex; opacity: 0.75; filter: alpha(opacity='67'); }
p.social-links a:hover { opacity: 1; filter: none; }
p.social-links a.architag, p.social-links a.download, p.social-links a.email, p.social-links a.twitter, p.social-links a.facebook,
p.social-links a.rss, p.social-links a.atom, p.social-links a.itunes { padding-left: 36px; background: left center no-repeat; }
p.social-links a.no-text { display: inline-block; padding-left: 0px; width: 32px; height: 40px; text-indent: -3000em; }
p.social-links a.atom { background-image: url('social/atom_1280.png'); }
p.social-links a.download { background-image: url('social/download_1280.png'); }
p.social-links a.email { background-image: url('social/email_1280.png'); }
p.social-links a.facebook { background-image: url('social/facebook_1280.png'); }
p.social-links a.itunes { background-image: url('social/itunes_1280.png'); }
p.social-links a.rss { background-image: url('social/rss_1280.png'); }
p.social-links a.twitter { background-image: url('social/twitter_1280.png'); }
p.social-links a.architag { background-image: url('social/architag_1280.png'); }

/***** Browser Overrides *****/

html.grad-imgs #header { background: #036 url('images/header1000.png') bottom right no-repeat; }
html.grad-imgs #nav li { background: #66666A url('images/nav1366h.png') center center repeat-x; }
html.grad-imgs #nav a { background: #66666A url('images/nav1366.png') center center repeat-x; }
html.grad-imgs #nav a:hover, html.grad-imgs #nav a:focus, html.grad-imgs #nav li.active a { background-image: url('images/nav1366h.png'); }
html.grad-imgs #vnav { background: #036 url('images/vnav1000.png') bottom left no-repeat; }
html.grad-imgs #footer { background: #33333B url('images/footer1000.png') top center no-repeat; }
html.grad-imgs #sidebar a.backlink, html.grad-imgs #sidebar a.action { background: #66666A url('images/nav1366.png') top center repeat-x; }
html.grad-imgs #sidebar a.backlink:hover { background: #FB0 url('images/nav1366h.png') bottom center repeat-x; }
html.grad-imgs #sidebar a.action:hover { background: #0D0 url('images/nav1366h.png') bottom center repeat-x; }
html.grad-imgs #sidebar ul li a:hover { background-image: url('images/nav1366h.png'); }
html.grad-imgs #media ul.grid a:hover .title { background-image: url('images/nav1366h.png'); }
html.grad-imgs #media ul.grid li.pagination a:hover .title { background-image: none; }

html.ie6 #nav a { background-color: #88888C; background-image: none ! important; }
html.ie6 #nav li.live a:hover { background-color: #B00; }
html.ie6 #nav li.ondemand a:hover { background-color: #0B0; }
html.ie6 #nav li.schedule { right: -1px; }
html.ie6 #nav li.schedule a:hover { background-color: #DA0; }
html.ie6 #sidebar, html.ie6 #media { bottom: -2px; }
html.ie6 #footwrap { background: url('images/footer1000.png') 50% 221px no-repeat; }
html.ie6 #footer { background: none; }
html.ie6 #sidebar ul li a { background-image: none ! important; }
html.ie6 #sidebar ul li a:hover { background-color: #DA0; }
html.ie6 #media ul.grid { top: -1px; left: -1px; }
html.ie6 #media ul.grid li { margin: 1px; }
html.ie6 #media ul.grid img { display: none; }
html.ie6 #media ul.grid .title { color: #FFF; top: 0px; padding-top: 6.7em; height: 100%; background: none ! important; }
html.ie6 #media ul.grid li.pagination .title { top: 0px; padding-top: 0px; line-height: 8em; height: 100%; background: none ! important; }
html.ie6 #media ul.grid a:hover { background-color: #DA0 ! important; background-image: none ! important; }