/********************************************
    Author:  		Stan Cording
      Media:		handheld (phone)
   last modified:	April 07, 2009	
 *******************************************/
/* top elements */
* { margin: 0; padding: 0; outline: 0 }
body { background: #000000; FONT: 80%/1.5em 'Verdana', 'Tahoma', 'Arial', sans-serif; color: #555; text-align: center }

/* links */
a { color: #3399ff; text-decoration: none }
a.external { padding-right: 18px; background: url(../images/_icon_external.gif) no-repeat right center }
a.external:visited { padding-right: 18px; background: url(../images/_icon_external.gif) no-repeat right center; color: #0066cc; text-decoration: none }
a.external :hover { padding-right: 18px; background: url(../images/_icon_external.gif) no-repeat right center; color: #0066cc; text-decoration: underline }
a:visited { color: #0066cc; text-decoration: none }
a:hover { color: #0066cc; text-decoration: underline }

/* form elements */
form { margin: 0px 10px; padding: 0 5px; border: 1px solid #f2f2f2; background-color: #FAFAFA }
label { display: inline; font-weight: bold; margin: 5px 0px 5px 5px }
input { padding: 2px; border: 1px solid #888; font: normal 1em 'Verdana', 'Tahoma', 'Arial', sans-serif; color:#000 }
textarea { width: 95%; padding: 2px; font: normal 1em 'Verdana', 'Tahoma', 'Arial', sans-serif; border: 1px solid #888; height:100px; display:block; color:#000 }
input.button { font: bold 12px 'Verdana', 'Tahoma', 'Arial', sans-serif; height: 24px; margin: 0; padding: 2px 3px; color: #FFF; background: #3399ff url(../images/button-bg.jpg) repeat-x 0 0; border: none }

/* headers */
h2 { font-family: 'Verdana', 'Tahoma', 'Arial', sans-serif; font-size: 140%; text-transform: uppercase; color: #3f3f3f; padding: 10px; margin: 0px }
h3 { font-family: 'Verdana', 'Tahoma', 'Arial', sans-serif; font-size: 120%; color: #666666; padding: 10px; margin: 0px }

/* images */
img.float-right { border: #e5e5e5 1px solid; padding: 5px; margin: 5px 0px 10px 10px }
img.float-left { border: #e5e5e5 1px solid; padding: 5px; margin: 5px 10px 10px 0px }

/* other elements */
acronym { cursor: help; border-bottom: 1px dotted #777 }
code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ; color: #000000; background: #FAFCFD; border: 1px solid #f2f3f7 }
ol { margin: 5px 20px; padding: 0 20px }
p { padding: 2px; margin: 0px }

/* classes */
.align-left  { text-align: left; }
.align-right { text-align: right }

.alt { background: #F0F0F0; border: 1px solid #ffffff }

.float-left { float: left }
.float-right { float: right; }

.image caption { font-size: 80%; font-family: 'Verdana', 'Tahoma', 'Arial', sans-serif; text-align: center; caption-side: bottom }

.music_left_body { line-height: 16px; margin: 0px; padding-bottom: 4px; padding-top: 0pt; text-align: left; text-indent: 0px; }
.music_left_cat { color: #000000; font-family: 'Verdana', 'sans-serif'; font-size: 11px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: 0; line-height: 16px; }
.music_left_val { color: #000000; font-family: 'Verdana', 'sans-serif'; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: 0; line-height: 16px; }
.music_div { padding: 7px 15px; display: block; margin: 0px 0px 1px;  width: 95%; border-bottom: #000000 1px solid; }

.post-footer { clear: both; border: #f2f2f2 1px solid; padding: 5px; font-size: 95%; margin: 5px 5px 5px; background-color: #f0f0f0 }
.post-footer .date { padding-left: 20px; background: url(../images/clock.gif) no-repeat left center; margin: 0px 5px 0px 5px }
.post-footer .comments { padding-left: 20px; background: url(../images/comment.gif) no-repeat left center; margin: 0px 5px 0px 5px }
.post-footer .readmore { padding-left: 20px; background: url(../images/page.gif) no-repeat left center; margin: 0px 5px 0px 5px }

.searchform { padding: 10px 0px 10px 0px; margin: 0px; width: 190px; background-color: transparent; border-style: none }
.searchform p { padding: 0px; margin: 0px }
.searchform input.textbox { border: #e5e5e5 1px solid; padding: 2px; vertical-align: top; width: 120px; color: #777; height: 18px }
.searchform input.button { padding: 2px 5px; vertical-align: top; width: 60px; height: 24px }

/* named elements */
#blog { margin: 5px 0px 0px 5px; width: auto }
#blog h2 { padding: 10px 0px 5px 25px; margin-top: 10px; font-weight: bold; text-transform: none; width: 350px; color: #3f3f3f; border-bottom: #000000 1px solid; font-family: 'Verdana', 'Tahoma', 'Arial', sans-serif }
#blog h2 a { background: none transparent scroll repeat 0% 0%; color: #3f3f3f; text-decoration: none }
#blog ul li { list-style-image: url(../images/bullet.gif) }

#btitle { margin-top: 5px; margin-left: 10px; background: url(../images/ispeak.gif); vertical-align: top; width: 160px; height: 50px; text-align: left }
#bsubhead { margin-top: 10px; margin-right: 10px; float: right; font: 12px/18px 'Verdana', 'Tahoma', 'Arial', sans-serif; vertical-align: top; width: 425px; color: #3f3f3f; text-align: right }

#container    { background: url(../images/mcontent.jpg) black repeat-y center top; margin: 0px auto; width: auto; text-align: center }

#content { background: #ffffff; width: auto; margin: 10px auto; text-align: left }

#ctitle { margin-top: 5px; margin-left: 10px; background: url(../images/copyrightnews.gif); vertical-align: top; width: 240px; height: 50px; text-align: left }

#discuss { margin: 7px 15px 7px 25px; display: block; width: 72% }

#footer { font-size: 100%; background: #000000; width: auto; color: #ccc; height: 35px; text-align: left }
#footer ul { padding-left: 10px; margin-top: 10px; list-style-type: none; }
#footer ul li { display: inline; color: #fff }
#footer ul li a { color: #ccc; text-decoration: none }
#footer ul li a:hover { color: #fff }
#footer ul li.tango a { padding-right: 20px; background: url(../images/_icon_mailto.gif) no-repeat right center }
#footer ul li.last a { padding-right: 10px }

#footer_icon {float: left}

#header  { background: url(../images/msite_header.png) #000000 no-repeat center top; width: auto; color: #fff; position: relative; height: 83px }

#main { display: block; margin: 5px; width: 98% }
#main h2 { padding: 5px 0px 5px 25px; margin-top: 10px; font-weight: bold; text-transform: none; width: 350px; color: #3f3f3f; border-bottom: #000000 1px solid; font-family: 'Verdana', 'Tahoma', 'Arial', sans-serif }
#main h2 a { background: none transparent scroll repeat 0% 0%; color: #3f3f3f; text-decoration: none }

#menu { font: bold 18px/40px 'Verdana', 'Tahoma', 'Arial', sans-serif; width: auto; position: absolute; top: 55px; height: 40px }
#menu ul { padding: 0px; float: right; margin: 0px; list-style-type: none }
#menu ul li { display: inline }
#menu ul li a { padding: 0px 5px 0px 5px; display: block; float: left; color: #ccc; text-decoration: none }
#menu ul li.last a { padding-right: 20px }
#menu ul li a:hover { color: #fff }
#menu ul li#current a { color: #fff }

#mtitle { margin-top: 5px; margin-left: 10px; background: url(../images/icreate.gif); vertical-align: top; width: 150px; height: 50px; text-align: left }

#page { margin: 5px 0px 0px 5px; width: 90% }
#page h2 { padding: 5px 0px 5px 25px; margin-top: 10px; font-weight: bold; text-transform: none; width 350px; color: #3f3f3f; border-bottom: #000000 1px solid; font-family: 'Verdana', 'Tahoma', 'Arial', sans-serif }
#page div.box { padding: 7px 15px; margin: 0px 0px 1px; display: block; width: 90%; background-color: #d8d8d8 }
#page h2 a { background: none transparent scroll repeat 0% 0%; color: #3f3f3f; text-decoration: none }
#page ul li { list-style-image: url(../images/bullet.gif) }

#ptitle { margin-top: 25px; margin-left: 25px; verical-align: top; width: 250px; background: url(../images/privacypolicy.gif); height: 50px; text-align: left }

#sections { display: block; margin: 5px auto; width: 98%; color: #383838 }
#sections div.right-box { padding: 7px 15px 7px 15px; display: block; margin: 0px 0px 1px; width: 420px; background-color: #f0f0f0 }

#sidebar { display: block; margin: 5px 0px 15px; width: auto; color: #383838 }
#sidebar h2 { padding: 5px 15px; margin-top: 0px; margin-bottom: 1px; display: block; font-weight: bold; font-size: 11px; width: 160px; color: #000000; font-family: 'Verdana', 'Tahoma', 'Arial', 'Helvetica', sans-serif; background-color: #b8b8b8 }
#sidebar ul.sidemenu { padding: 0px; margin: 0px }
#sidebar ul.sidemenu li { list-style-type: none }
#sidebar ul.sidemenu li a { padding: 3px 15px; display: block; font-size: 11px; margin: 0px 0px 1px; width: 160px; color: #383838; line-height: 16px; background-color: #d8d8d8; text-decoration: none }
#sidebar ul.sidemenu li a.popup { padding: 3px 15px; display: block; font-size: 11px; background: url(../images/_icon_popup.gif) #d8d8d8 no-repeat right center; margin: 0px 0px 1px; width: 160px; color: #383838; line-height: 16px; text-decoration: none }
#sidebar ul.sidemenu li a:hover { color: #383838; background-color: #b8b8b8; text-decoration: none }
#sidebar div.right-box { padding: 7px 15px; display: block; margin: 0px 0px 1px; width: 160px; background-color: #d8d8d8 }
#sidebar div.final { clear: right; padding: 7px 15px; display: block; float: right; margin: 0px 0px 1px;  width: 100%; border-bottom: #000000 1px solid; }

#wsubhead { margin-top: 25px; background: url(../images/nametagsc.jpg); float: right; vertical-align: top; width: 103px; margin-right: 45px; height: 78px; text-align: left }
#wtitle { margin-top: 25px; background: url(../images/welcome.gif); vertical-align: top; width: 200px; height: 50px; text-align: left }