/* CSS Document */
* {margin:0; padding:0;}
body {font-family:Arial, Helvetica, sans-serif; text-align:center; color:#8DA4B2; font-size:11px; line-height:17px;}

#wrapper { margin:0 auto; width:735px; text-align:left; }
#results-wrapper { margin:0 auto; width:765px; text-align:left; }

#header-nav {height:16px; text-align:right; margin:5px 0px 0 0;}
#header-nav a {padding:0 7px;}

/*Home page Specific*/
#header {height:135px;}
#logo {float:left; padding:16px 0 0 26px;}
#topad {float:right; padding:40px 26px 0 0; text-align:right;}
#topad img {padding-bottom:4px;}

#choice-wrapper {padding-left:23px;}
.choice-container {float:left; width:172px; height:203px;}

#signup {position:relative; width:172px; height:203px; background:url(../images/signup.jpg) no-repeat;}
#signup a {height:203px; width:auto; display:block; background:url(../images/signup.jpg) no-repeat;}
#signup a:hover {background:url(../images/signup.jpg) right no-repeat;}
#signup-info, #signin-info, #download-info, #tunein-info {position:absolute; top:160px; left:120px; width:37px; height:16px;}
#signup-info a {background:none; width:37px; height:16px}
#signup-info a:hover {background:none;}

#signin {position:relative; width:172px; height:175px; background:url(../images/signin.jpg) no-repeat;}
#signin a {height:203px; width:auto; display:block; background:url(../images/signin.jpg) no-repeat;}
#signin a:hover {background:url(../images/signin.jpg) right no-repeat;}
#signin-info a {background:none; width:37px; height:16px}
#signin-info a:hover {background:none;}

#download {position:relative; width:172px; height:203px; background:url(../images/download.jpg) no-repeat;}
#download a {height:203px; width:auto; display:block; background:url(../images/download.jpg) no-repeat;}
#download a:hover {background:url(../images/download.jpg) right no-repeat;}
#download-info a {background:none; width:37px; height:16px}
#download-info a:hover {background:url(../images/info-ro.gif);}

#tunein {position:relative; width:172px; height:203px; background:url(../images/tunein.gif) no-repeat;}
#tunein a {height:203px; width:auto; display:block; background:url(../images/tunein.gif) no-repeat;}
#tunein a:hover {background:url(../images/tunein.gif) right no-repeat;}
#tunein-info a {background:none; width:37px; height:16px}
#tunein-info a:hover {background:none;}
/*End Home Page Specific*/

/*Ad Page Specific*/
#ad-logo {float:left; padding:6px 0 0 26px;}
#ad-header {height:70px;}
#ad-icon {float:right; padding:10px 20px 0 0;}
#ad-top {background:url(../images/divider.gif) no-repeat; padding:5px 0 60px 28px;}
#ad {text-align:center;}
#ad-bottom {text-align:right; padding:68px 28px 5px 0;}
#thankyou {background:url(../images/divider-bg.jpg) no-repeat; padding:20px 140px; text-align:center;}

/*Generic Subpage*/
.divider {background:url(../images/divider.gif) top center no-repeat; height:13px;}
#sub-left {float:left; width:161px;  padding:14px 14px 28px 28px; margin:20px 0 30px 0; font-size:12px; font-weight:bold;}
#sub-left ul {padding:8px 0 10px 3px;}
#sub-left ul li {padding:5px 0; list-style:none; background:none; }
#sub-right {float:left; width:477px; border-left:1px solid #DEE5E9; padding:14px 20px 28px 26px; margin:20px 0 30px 0; font-size:12px;}

#how-it-works-flash {padding:25px 0;}

/*Panel*/
.panel-top {background:url(../images/panel-top.gif); width:460px; height:22px; margin-top:20px;}
.panel-mid {background:url(../images/panel-mid.gif) repeat-y; width:420px; padding:0 20px;}
.panel-mid p {padding:5px;}
.panel-bot {background:url(../images/panel-bot.gif); width:420px; height:30px; padding:5px 20px 0 20px; text-align:right;}

/*Search Panel*/
#search-container {height:165px; background:url(../images/divider.gif) top center no-repeat; text-align:center;}
#search-container-home {height:200px; background:url(../images/divider.gif) top center no-repeat; text-align:center;}
#search {width:333px; padding-top:45px; text-align:left; margin:0 auto;}
#search-top {padding:0 0 4px 0;}
#search-input-box, #results-search-box {float:left; margin-top:10px; width:333px; height:23px;}
#searchbar-link {float:left; width:180px; padding-top:4px;}
#google-box {float:right; width:120px; padding:4px 2px 0 0; text-align:right; font-size:12px;}
.search-input {top:1px; margin:0; background:#FBFCFC; border:1px solid #AEBEC8; color:#8DA4B2; width:266px; padding:0 2px 3px 2px; height:16px; float:left;}
.submit {width:auto; float:right;}
#results-search-box {padding:15px 0 0 20px;}

/*Home page buttons*/
#add-blog, #add-blog a, #add-orkut, #add-orkut a {height:20px; display:block; position:absolute;}
#add-blog, #add-blog a {background:url(../images/add-blog.gif); width:168px;}
#add-orkut, #add-orkut a {background:url(../images/add-orkut.gif); width:126px;}
#add-blog h3, #add-orkut h3 {display:none;}
#add-blog a:hover, #add-orkut a:hover {background-position:bottom;}
#add-blog {margin:24px 0 20px 168px;}
#add-orkut {margin:24px 0 20px -5px;}

/*Footer*/
#footer {background:url(../images/divider.gif) top center no-repeat; padding:10px 26px 0 36px;}
#footer a {padding:0 5px;}
#footer-left {float:left;}
#footer-left img {float:left; width:16px; height:16px;}
#footer-right {float:right; text-align:right;}
#footer-right a {color:#8DA4B2;}
#footer-right div {float:left; width:auto; height:16px;}

/*Formatting*/
p {margin:0; padding:5px 0;}

h2 {font-family:VAG Rounded Light, Arial Rounded MT Bold, HelveticaRounded Bold, Arial, Helvetica, sans-serif; padding:3px 0 6px 0; font-size:19px; line-height:21px;}
h3 {padding:3px 0 6px 0; font-size:14px; font-weight:bold;}
h4 {padding:2px 0 4px 0; font-size:13px; font-weight:bold; font-style:italic; color:#43C1DF;}
h5 {padding:5px 0 4px 0; font-size:12px; font-weight:bold;}

a img {border:none;}
a:link, a:visited {color:#0087B1; text-decoration:none;}
a:hover {text-decoration:underline;}

/*Forms*/
form {display:inline;}
#contact-form input, #contact-form textarea, #commentform input, #commentform textarea, #advertiser-form input, #advertiser-form textarea, #advertiser-form select {border:1px solid #AEBEC8; background:#FBFCFC; font-size:12px; color:#8DA4B2; line-height:16px; font-family:Arial, Helvetica, sans-serif; padding:2px; margin:3px 0;}
#commentform .submit, #contact-form .submit, #advertiser-form .submit {border:0;}

/*Misc*/
.border-right {border-right:1px solid #DEE5E9;}
.border-left {border-left:1px solid #DEE5E9;}
.left {float:left;}
.right {float:right;}
.small {font-size:11px; font-weight:normal;}
.smaller {font-size:10px;}
.justi {text-align:justify;}
.side-padding {padding:0 25px;}
.join-button {margin:10px 25px 7px 0;}
.quote {font-family:Arial, Helvetica, sans-serif; color:#C7D3DA; font-size:16px; font-style:italic; font-weight:bold;}
.frame, .code {padding:6px; border-left:1px solid #DFDFDF; border-top:1px solid #DFDFDF; border-right:1px solid #AFAFAF; border-bottom:1px solid #AFAFAF;}
#icon-home {width:52px; height:52px; background:url(../images/logo.gif) no-repeat; display:block; float:left; padding-right:20px;}
.code {background:#F7FBFD; font-family:"Courier New", Courier, monospace; color:#8DA4B2;}

.light {color:#C5D0D7; padding-left:10px;}