body {margin: 0; padding: 0; background: #ececec url(../newgui_images/bg_body.png) repeat-x; text-align: center; font: 12px 'Lucida Grande', Arial, Verdana, sans-serif; color: #000;}
table, td {font: 10px 'Lucida Grande', Verdana, Arial, sans-serif; color: #000;}

body, div, h1, h2, h3, h4, h5, h6, table, td, th, p, ol, ul, dl, li, dt, dd, form {margin: 0; padding: 0;}

a:link {color: #4769cc; text-decoration: none;}
a:visited {color: #666; text-decoration: none;}
a:hover {text-decoration: underline; }

form { margin: 0; padding: 0; }

#tabs {height: 52px; margin: 0; padding: 0; background: transparent url(http://images.apple.com/t/2006/us/en/i/1.2bg.gif) repeat-x top left; overflow: hidden; }
#tabs table {border: 0; border-collapse: collapse; margin: 0; padding: 0;}
#tabs td {padding: 0; vertical-align: top;}

#container {width: 968px; margin: 20px auto 20px; padding: 0; position: relative; background: transparent url(../newgui_images/bg_container.png) repeat-y; text-align: left;}

#header {height: 88px; position: relative; background: url(../newgui_images/bg_header.png) no-repeat; font-size: 10px;}

#header h6 {padding: 58px 0 0 14px;}
#header #navbar {position: absolute; bottom: 7px; right: 9.1em;}
#header #navbar ul {margin: 0; padding: 0; list-style-type: none;}
#header #navbar li {margin: 0; padding: 0 0 2px; background: url(../newgui_images/bg_navigation_middle.png) repeat-x 0 50%; font-size: 11px;}
#header #navbar li:hover, #header #navbar li.current {background-image: url(../newgui_images/bg_navigation_middle_current.png);}
#header #navbar li, #header #navbar a {display: block; float: left;}
#header #navbar a {padding: 4px 12px 5px; color: #FFF; text-shadow: #000 0 0 0; text-decoration: none; background: url(../newgui_images/bg_navigation_divider.png) no-repeat 0 50%; line-height: 1;}
#header #navbar li#nav-home {background: url(../newgui_images/bg_navigation_left.png) no-repeat 0 50%;}
#header #navbar li#nav-home:hover, #header #navbar li#nav-home.current {background-image: url(../newgui_images/bg_navigation_left_current.png);}
#header #navbar li#nav-home a {padding-left: 16px; background: url(../newgui_images/icon_home.png) no-repeat 60% 50%;}
#header #navbar li#nav-home span {display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden;}
#header #navbar li#nav-people {background: url(../newgui_images/bg_navigation_right.png) no-repeat 100% 50%;}
#header #navbar li#nav-people:hover, #header #navbar li#nav-people.current {background-image: url(../newgui_images/bg_navigation_right_current.png);}

#header #search {position: absolute; padding: 0 13px 7px 0; bottom: 0; right: 1.5em;}
#header #search a {display: block; color: #FFF; text-shadow: #000 0 0 0; background: url(../newgui_images/bg_navigation_left.png) no-repeat 0 50%; font-size: 11px; line-height: 1; text-decoration: none;}
#header #search a span {margin-right: -13px; padding: 4px 18px 7px 12px; display: block; background: url(../newgui_images/bg_search_right.png) no-repeat 100% 50%;}
#header #search.expanded {background: url(../newgui_images/bg_search_expanded.png) repeat-x 0 52%;}
#header #search.expanded a {background-image: url(../newgui_images/bg_search_left_expanded.png);}
#header #search.expanded a span {background-image: url(../newgui_images/bg_search_right_expanded.png);}

#header #admin {position: absolute; padding: 0 13px 7px 0; bottom: 0; right: 42.0em;}
#header #admin a {display: block; color: #FFF; text-shadow: #000 0 0 0; background: url(../newgui_images/bg_navigation_left.png) no-repeat 0 50%; font-size: 11px; line-height: 1; text-decoration: none;}
#header #admin a span {margin-right: -13px; padding: 4px 18px 7px 12px; display: block; background: url(../newgui_images/bg_search_right.png) no-repeat 100% 50%;}
#header #admin.expanded {background: url(../newgui_images/bg_search_expanded.png) repeat-x 0 52%;}
#header #admin.expanded a {background-image: url(../newgui_images/bg_search_left_expanded.png);}
#header #admin.expanded a span {background-image: url(../newgui_images/bg_search_right_expanded.png);}

.headerbox a { font-size: 12px; font-weight: bold; color: white; }

/*
#header #navbar #navbar-button {margin: -5px 0 0 5px; background: url(../newgui_images/bg_button_gallery_right.gif) no-repeat top right; float: right;}
#header #navbar #navbar-button a {padding: .6em 10px .6em 20px; display: block; background: url(../newgui_images/bg_button_gallery_left.gif) no-repeat top left; text-decoration: none; color: #FFF;}
#header #navbar #navbar-button a:hover {text-decoration: underline;}
#header #navbar #navbar-button.expanded a {background-image: url(../newgui_images/bg_button_gallery_left_expanded.gif);}
*/


#searchbox { margin: 0 4px; background: #8a8a8a; border-bottom: 1px solid #AAA; font-size: 11px; color: #FFF; }
#searchbox div.headerbox, #adminbox div.headerbox { padding: 10px 11px; }
#adminbox { margin: 0 4px; background: #8a8a8a; border-bottom: 1px solid #AAA; font-size: 11px; color: #FFF; }
/* #adminbox .expanded  { display: block;} */



#edit select.short { width: 85px;}

#main .drop_down {display: none; background: #555; padding: 18px 15px 15px; font-size: 11px; color: #FFF;}
#main .drop_down.expanded {display: block;}
#main .drop_down div.left, #main .drop_down div.right {width: 356px; background: #888 url(../newgui_images/bg_channels_box_bottom.gif) no-repeat bottom left;}
#main .drop_down div.full { width: 728px; padding-bottom: 5px; background: #888 url(../newgui_images/bg_channels_fullbox_bottom.gif) no-repeat bottom left; }
#main .drop_down div div {padding: 6px 15px 2px; background: url(../newgui_images/bg_channels_box_top.gif) no-repeat top left;}
#main .drop_down div.full div { background: #888 url(../newgui_images/bg_channels_fullbox_top.gif) no-repeat top left; font-size: 12px; }
#main .drop_down a {color: #FFF;}
#main .drop_down a.active {color: #000; text-decoration: none; }
#main .drop_down a:hover {color: #DDD;}
#main .drop_down h2 {margin-bottom: .5em;}
#main .drop_down ul ul {padding: 3px 0 3px 15px;}
#main .drop_down ul ul a {color: #DDD;}
#main .drop_down ul ul a:hover {color: #BBB;}
#main .drop_down select { font-size: 10px; height: 15px; }
#main .drop_down span.tip { font-size: 10px; color: black; }

#dashboard, #main {margin-bottom: 1em;}

#main {width: 774px; padding: 0 4px 0 1px; float: right; text-align: left; font-size: 12px; /*background: transparent url(../newgui_images/bg_main.png) no-repeat;*/}

#content {clear: both;}

body.alternate #main {float: left;}
body.alternate #secondary {width: 202px; margin-top: 12px; float: right;}

#title {padding: 10px 15px 15px; }
#title h1 {font-weight: normal; margin: .2em 0;}
#title p {margin: 0 0 .5em; font-weight: bold;}
#title #breadcrumb {font-size: 10px; padding: 6px 0; margin: 0 0 .8em; font-weight: bold;}

#guts {width: 525px; padding: 0 0 0 15px; margin: 0 0 1em; float: left; voice-family: "\"}\""; voice-family:inherit; width: 510px;}
#guts h2 {padding: 0; background: none; font-size: 16px;}
#guts .caption {font-size: 10px; color: #666;}
#guts .caption img {display: block; border: 1px solid #CCC; margin-bottom: .5em;}

#sidebar {width: 200px; padding: 0; margin: 0 15px 10px 0; display: inline; float: right; font-size: 10px;}
#sidebar h2 {padding: 5px 10px 6px; margin: 0; background: #dedede url(../newgui_images/bg_sidebar_top.gif) no-repeat top left; font-size: 11px;}
#sidebar h2 a {padding-left: 11px; background: url(../newgui_images/arrow_sidebar.gif) no-repeat 0 .4em; color: black; text-decoration: none;}
#sidebar h2 a:hover {text-decoration: underline;}
#sidebar div {margin-bottom: 10px; padding-bottom: 5px; background: #ededed url(../newgui_images/bg_sidebar_bottom.gif) no-repeat bottom left;}
#sidebar div div.module {padding: 5px 10px 1px; margin: 0; display: none; background: none; border-top: 1px solid #dedede;}
#sidebar div span.module {padding: 5px 10px 1px; margin: 0; display: block; background: none; border-top: 1px solid #dedede;}
#sidebar div.expanded div.module {display: block;}
#sidebar div.expanded h2 a {background-image: url(../newgui_images/arrow_sidebar_expanded.gif);}

#sidebar h3 {font-size: 11px; margin: 0;}
#sidebar h4 {font-size: 10px; margin: 0;}
#sidebar ul, #sidebar ol {padding-right: 10px;}
#sidebar #submissionnav {text-align: center; position: relative; font-weight: bold; margin-top: .8em; width: 100%;}
#sidebar #submissionnav p {margin-bottom: .5em;}
#sidebar #submissionnav div { padding: 0; }
#sidebar .submissionthumb { }
#sidebar #submissionprevious {position: absolute; top: 26px; left: 16px;}
#sidebar #submissionnext {position: absolute; top: 26px; right: 16px;}
#sidebar #submissioncount {color: #666; font-weight: normal;}
#sidebar .sponsoredby {text-align: center; padding: 5px 0;}
#sidebar .sponsoredby a { text-decoration: none; }
#sidebar .sponsoredby a img { background: white; padding: 5px; margin-top: 3px; border: solid 1px #ccc; }
#sidebar .startconversation {padding: 5px 10px 5px 42px; background: url(../newgui_images/icon_conversation.gif) no-repeat 10px 6px;}
#sidebar .rating {color: #555; font-weight: bold;}

#pagination {padding: 5px 15px 8px; margin: 0; position: relative;}
#pagination p {margin: 0;}

#footer {padding: 0 0 20px; margin: 2em 0 0; clear: both; text-align: center; font-size: 1em; background: transparent url(../newgui_images/bg_footer.png) no-repeat bottom left; position: relative;}
#footer a {color: #666;}
#footer form {margin-bottom: 2em;}
#footer form input {vertical-align: bottom;}
#footer img {vertical-align: middle; margin-bottom: 3px;}
#footer p {margin-bottom: .5em;}
#footer p.rss {margin: 0 4px; padding: 1em 0 0; border-top: 1px solid #ddd;}

select#findastore {width: 200px;}

img {border: 0;}
img.left, .caption.left {float: left; margin: 2px 10px 5px 0; border: 0;}
img.right, .caption.right {float: right; margin: 2px 0 5px 10px; border: 0;}
img.across {margin: 0 0 10px 0; border: 0;}

.showmac {display: none;}
.showwin {}

h1 {font-size: 24px; margin: 0 0 .1em 0;}
h2 {font-size: 16px; margin: 0;}
h3 {font-size: 12px; margin: 0;}
h4 {font-size: 10px; margin: 0;}

p {margin: 0 0 1em;}
p.last {margin: 0;}
p.intro {font-weight: bold;}
.lite {color: #79767c;}
.more {text-align: right;}

a.pdf {background: url(http://images.apple.com/main/elements/globaliconpdf12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
a.html {background: url(http://images.apple.com/main/elements/globaliconhtml12x1220050802.gif) left top no-repeat; display: block; padding-left: 20px;}
a.qt {background: url(http://images.apple.com/main/elements/globaliconqt12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
a.ical {background: url(http://images.apple.com/main/elements/globaliconical12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
a.dl {background: url(http://images.apple.com/main/elements/globalicondl11x10.gif) left top no-repeat; display: block; padding-left: 20px;}
a.dmg {background: url(http://images.apple.com/main/elements/globalicondmg12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
a.zip {background: url(http://images.apple.com/main/elements/globaliconzip12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
a.keynote {background: url(http://images.apple.com/main/elements/globaliconkeynote12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
a.audio {background: url(http://images.apple.com/main/elements/globaliconaudio12x12.gif) left top no-repeat; display: block; padding-left: 20px;}

ul {list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.square {list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle {list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ol {list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
li {padding-bottom: .3em;}
ul ul.circle {margin-top: .3em;}
ul ul.square {margin-top: .3em;}

ol.last {padding: 0;}
ul.last {padding: 0;}
dl.last {padding: 0;}
li.last {padding: 0;}

sup {vertical-align: baseline; font-size: 1em; color: #76797c;}

.sosumi, #footer {font-size: 10px !important; color: #76797c;}
ol.sosumi {margin-left: 0; padding-left: 1.5em; clear: both;}

table {border-collapse: collapse; border: 0;}

.subcolumn1-2 {width: 337px; margin: 0;}
.subcolumn2-3 {width: 433px; margin: 0; float: left;}
.subcolumn1-3 {width: 241px; margin: 0; float: right;}

.subcolumn2-3 .box {background-image: url(../newgui_images/bg_box_2_3.gif);}
.subcolumn2-3 .box h2, .subcolumn2-3 .box .top {background-image: url(../newgui_images/bg_box_top_2_3.gif);}
.subcolumn2-3 .box .inside {background-image: url(../newgui_images/bg_box_bottom_2_3.gif);}

/*.subcolumn1-2 .box {background-image: url(../newgui_images/bg_box_1_2.gif)}
.subcolumn1-2 .box h2 {background-image: url(../newgui_images/bg_box_top_1_2.gif)}
.subcolumn1-2 .box .inside {background-image: url(../newgui_images/bg_box_bottom_1_2.gif)}*/

.subcolumn1-3 .box {font-size: 11px; background-image: url(../newgui_images/bg_box_1_3.gif)}
.subcolumn1-3 .box h2, .subcolumn1-3 .box .top {background-image: url(../newgui_images/bg_box_top_1_3.gif)}
.subcolumn1-3 .box .inside {background-image: url(../newgui_images/bg_box_bottom_1_3.gif)}

.subcolumn2-3 .box h2, .subcolumn1-2 .box h2, .subcolumn1-3 .box h2, body.alternate #secondary .box h2 {padding: 0;}
.subcolumn2-3 .box, .subcolumn1-2 .box, .subcolumn1-3 .box, body.alternate #secondary .box {position: relative;}
.box h2 span {margin: 0 1px; padding: 5px 10px 8px; display: block; background: url(../newgui_images/bg_box_h2_shadow.gif) repeat-x bottom left;}

.instructions { clear: both; font-size: 9px; font-weight: bold; margin: 0; padding: 0 0 10px; }

.thumbnails h3, .thumbnails p {margin-left: 100px;}

.left {float: left;}
.right {float: right;}
.hidden {display: none;}
.align_right {text-align: right;}
.align_left {text-align: left;}

/* STYLES FOR MOVING STUFF */
.top_rated,.most_recent {overflow: hidden; position: relative;}
.top_rated div,.most_recent div {position: relative; overflow: hidden;}
.fixed {z-index: 99; position: absolute;}

.cb {clear: both;}
.ca:after {content: "."; display: block; height: 0; font-size: 1px; line-height: 0; clear: both; visibility: hidden; overflow: hidden;}
.ca {display: inline-table;}
/* Hides from IE-mac \*/
.ca {display: block;}
/* End hide from IE-mac */

div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

#nojs {background: #f93; padding: 5px 0;}
span.header {font-weight: bold; display: block;}

/* alternate body layout for profile page? */
body.alternate #dashboard {width: 900px; float: none; margin: 0; border-bottom: 1px solid #d8d8d8; padding-bottom: 12px;}
body.alternate #dashboard #controller {border: none; background: none;}
body.alternate #dashboard #controller table {border-bottom: 1px solid #dedede; width: 100%;}
body.alternate #dashboard #controller table td {background: #CFCFCF url(..../community.._images/bg_controller_h2.gif) repeat-x top left; border-right: 1px solid #dedede; white-space: nowrap; padding: 4px 10px 6px; font-weight: bold;}
body.alternate #dashboard #controller table td#username {background: url(..../community.._images/bg_controller_header.gif) repeat-x 0 -10px; border-left: 1px solid #dedede;}
body.alternate #dashboard #controller table td#username p {margin: 0;}
body.alternate #dashboard #controller table td#username a {color: #34689C; font-weight: normal; padding: 0;}
body.alternate #dashboard #controller table td a {color: black;}

body.alternate #secondary .box {background-image: url(../newgui_images/bg_box_secondary.gif);}
body.alternate #secondary .box h2 {background-image: url(../newgui_images/bg_box_top_secondary_h2.gif);}
body.alternate #secondary .box .top {background-image: url(../newgui_images/bg_box_top_secondary.gif);}
body.alternate #secondary .box .inside {background-image: url(../newgui_images/bg_box_bottom_secondary.gif);}

.box {margin: 0 0 12px; }
.box h2 {padding: 0; font-size: 12px; }
.box h2 span {}
.box .top {padding: 8px 0 0; font-size: 1px; }
.box .inside {padding: 7px 12px 4px;}
.box .function {position: absolute; top: 7px; right: 10px; background: transparent; font-size: 10px;}

img[name=s_i_appleglobal] { visibility: hidden; background: transparent; height: 0; }

/*
.box .subcolumn2-3 {float: left; width: 419px;}
.box .subcolumn1-3 {float: right; width: 212px;}
.box .subcolumn1-2 {}
.box .subcolumn2-3 h2, .box .subcolumn1-3 h2, .box .subcolumn1-2 h2 {margin-bottom: .8em; padding: 0 0 .8em; background: none; border-bottom: 1px solid #CCC; color: black;}

.box.sidebars {background-image: url(../newgui_images/bg_box_sidebars.gif);}
.box #guts {background: url(../newgui_images/bg_box_top.gif) no-repeat top left;}
.box #sidebar {background: url(../newgui_images/bg_sidebar_top.gif) no-repeat top right;}
*/