@charset "UTF-8";
/* CSS Document */
/**
* core.css
*
* Bone Creative Inc.
*
* Francis Daigle 
* Vince Bird
* Tarek Adam
* Version       0.1
**/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}
html {
	height: 100%;
	margin-bottom: 1px;
	}
body {
        background: #FFFFFF;
        font: 62.5%/1.6 Arial, Helvetica, Verdana, Tahoma, sans-serif;
        background-image:url('/media/bar.png');
        background-position:top;
        background-repeat:repeat-x;
}
ol, ul {
	list-style: none;
}
a {
	color: #CCCCCC;
}
h1 {font-size: 2.4em}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
h2 {
	color: #00ADEF; /*#0099FF;*/
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 0 5px 0 0;
}
p {
	color: #999999;
}
a {
	outline: none;
	text-decoration: none;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.left {
	float: left;
}
.right {
	float: right;
}
h6 {
	color: red;
}
/* Main */
#pagetop {
        background-image:url('/media/bg-top.png');
        background-repeat:no-repeat;
}
#pagesides {
        background-image:url('/media/bg-sides.png');
        width:980px;
        margin:0px auto 0px auto;
        clear:both;
}
#pagebottom {
        background-image:url('/media/bg-bottom.png');
        background-position:bottom;
        background-repeat:no-repeat;
        margin:0px auto 0px auto;
        clear:both;
}
#canvas {
        width:920px;
        min-height:600px;
        margin:0px auto 0px auto;
        background-color:#FFFFFF;
}
#mainnav {
        background-color: transparent;
	float: left;
        width:920px;
        height: 25px;
	position:absolute;
	top:0;
}
#mainnav ul {
        float: left;
        list-style-type: none;
        width: 920px;
}
#mainnav  li {
        height: 25px;
}
#mainnav a {
        color:#ffffff;
        display: block;
        float: left;
        font-size: 1.1em;
        font-weight: 700;
        letter-spacing: 0.05em;
        line-height: 25px;
	vertical-align:text-top;
        padding: 0px 12px 9px 12px;
}
#mainnav_left {
        float:left;
        margin: 0 0 0 30px;
}
#mainnav_right {
        float:right;
        padding: 0 30px 0 0;
}
#mainnav a:hover, #mainnav a.selected {
	color: #00ADEF; /*#0099FF;*/
        background-image:url('/media/pointer-b.gif');
        background-position:center bottom;
        background-repeat:no-repeat;
}
#undermainnav {
        background-color:#00ADEF; /*#0099FF;*/
        height:25px;
        width: 920px;
}
#undermainnav ul {
        float: left;
        list-style-type: none;
        width: 920px;
}
#undermainnav li {
        height: 25px;
}
#undermainnav a {
        color: #00ADEF; /*#0099FF;*/
        display: block;
        float: left;
        font-size: 1.1em;
        font-weight: 700;
        letter-spacing: 0.05em;
        line-height: 25px;
        padding: 0px 12px 8px 12px;
}
#undermainnav_left {
        float: left;
}
#undermainnav_right {
        float: right;
}
.contentpad {
        padding: 0px 10px 0px 10px;
}
/* CSS for div tag id=textarea1*/
#textarea1 {
	margin: 5px 5px 5px 15px;
}
#textarea1 h1 {
        font-size: 20px;
        color: #666666;
}
#textarea1 h2 {
        color:#00ADEF; /*#0099FF;*/
        float: left;
        font-size: 1.5em;
        font-weight: bold;
        line-height: 1.2em;
        border-right: 2px solid #00ADEF; /*#0099FF;*/
        clear:none;
        margin: 0px 5px 0px 0px;
}
#textarea1 h1 {
        color: #00ADEF; /*#0099FF;*/
        font-size: 1.5em;
        font-weight: bold;
        line-height: 1.2em;
        margin: 0px 5px 0px 0px;
}
#textarea1 p {
	font-size: 1.2em;
        /*color: #333333;*/
        margin: 0px 0px 7px 0px;
        padding: 0px;
        /*line-height: 17px;*/
}
#textarea1 a, #textarea1 a:active, #textarea1 a:link, #textarea1 a:visited {
        color: #00ADEF; /*#0099FF;*/
        text-decoration: none;
}
#textarea1 a:hover {
        text-decoration: underline;
}
#textarea1 #col1 {
        width: 275px;
        float: left;
        margin-right: 18px;
	margin-bottom:20px;
}
#textarea1 #col2  {
        width: 265px;
        float: left;
        margin-right: 18px;
	margin-bottom:20px;
}
#textarea1 #col3  {
        width: 270px;
        float: left;
	margin-bottom:20px;
}
#home {
        /*background: #000000 url('../media/photos/group.jpg') no-repeat;*/
        background: transparent url('../media/webheader_new.jpg') no-repeat;
        margin: 0 auto 0 auto;
        width: 920px;
}
#home #mediaspace1 {
	background: transparent url('../media/webheader_new.jpg') no-repeat;
	background: transparent;
	height: 327px;
}
#portfolio {
        background: #ffffff;
        margin: 0 auto 0 auto;
        width: 920px;
}
#portfolio #mediaspace1 {
        /*background: #ffffff url('../media/menu-bg.png') 0 0 no-repeat;*/
        height: 587px;
}
#portfolio p {
        font-size: 1.2em;
}
/*#portfolio #flash-content {
        margin: 0 auto 0 auto;
        width: 920px;
	display:inline;
        position: absolute;
	z-index: 200;

}*/
/* object#flash-content { display:inline; } */
/* #carousel */
#carousel {
        background-color: #ffffff;
        margin: 11px 0 0 0;
}
#client-login {
        /*background: #ffffff url('../media/menu-bg.png') 0 0 no-repeat;*/
        margin: 0 auto 0 auto;
        width: 920px;
}
#client-login #mediaspace1 {
        background: transparent;
}
#client-login #textarea1 {
        padding: 40px 0 0 40px;
        height: 522px;
}
#client-login .field {
        border: 1px solid #00ADEF; /*#0099FF;*/
        clear: both;
        color: #00ADEF; /*#0099FF;*/
        float: left;
        font-size: 1.4em;
        padding: 0 0 0 3px;
        width: 150px;
}
#client-login label {
        clear: both;
        color: #999999;
        font-size: 1.2em;
        float: left;
        margin: 0 0 20px 0;
        padding: 0 0 0 5px;
}
#client-login #login {
        background: #ffffff;
        border: none;
        clear: both;
        color: #949494;
        cursor: pointer;
        float: left;
        font-size: 1.3em;
        letter-spacing: 1px;
        margin: 10px 0 50px 0;
        padding: 0;
}
#client-login #login:hover {
        color: #00ADEF; /*#0099FF;*/
}
#client-login #assistance {
        color: #999999;
        clear: both;
        float: left;
        font-size: 1.2em;
}
#client-login #assistance:hover {
        color: #00ADEF; /*#0099FF;*/
}
#client-login img{
        margin: 0 5px -3px 0;
}
#ethics {
        /*background: #ffffff url('../media/menu-bg.png') 0 0 no-repeat;*/
        margin: 0 auto 0 auto;
        width: 920px;
}
#ethics #mediaspace1 {
        background: transparent;
        height: 50px;
}
#ethics #textarea1 {
        height: 500px;
        margin: 5px 0 0 0;
        overflow: hidden;
}
#ethics #sidebar br {
        line-height: 2.2em;
}
#ethics .statement {
        background-color: #ffffff;
        float: left;
        height: 100%;
        width: 590px;
}
#ethics .statement  div {
        height: 150px;
}
#ethics #one {
        margin: 10px 0 0 35px;
}
#ethics #two {
        margin: 10px 0 0 35px;
}
#ethics #three {
        margin: 10px 0 0 35px;
}
#ethics #four {
        margin: 5px 0 0 35px;
}
#ethics h3 {
        color: #999999;
        cursor: pointer;
        font-size: 1.6em;
        font-weight: 400;
        margin: 0 30px 0 0;
        text-align: right;
}
#ethics p {
        font-size: 1.5em;
        line-height: 1.3em;
        word-spacing: 0.2em;
}
#ethics .statement ul {
        list-style-type: circle;
        padding: 0 0 0 30px;
}
#ethics .statement li {
        color: #999999;
        font-size: 1.5em;
        line-height: 1.8em;
        word-spacing: 0.2em;
}
#ethics .statement a {
        float: right;
        padding: 0 20px 0 0;
}
#ethics .blue-inline {
        color: #00ADEF; /*#0099FF;*/
        font-size: 1.3em;
        font-weight: 400;
}
#ethics h4 {
        color: #00ADEF; /*#0099FF;*/
        font-size: 2.0em;
        font-weight: 400;
        letter-spacing: 0.03em;
        line-height: 1.2em;
        padding: 0 0 5px 0;
}
#ethics .embolden {
        font-weight: 600;
}
#contact-us {
        /*background: #ffffff url('../media/menu-bg.png') 0 0 no-repeat;*/
        margin: 0 auto 0 auto;
        width: 920px;
}
#contact-us #mediaspace1 {
        background: transparent;
}
#contact-us #textarea1 {
        margin: 0 0 0 25px;
        height: 600px;
}
#contact-us #info {
        float: left;
        width: 220px;
        margin: 15px 0 0 0;
}
#contact-us #map {
        background: #000000;
        border: 2px solid #6688cc;
        float: right;
        height: 345px;
        margin: 85px 0 0 0;
        width: 630px;
}
#contact-us #container {
        margin: 0 5px 0 0;
}
#contact-us .control {
        background: transparent url('../media/map-button.png') no-repeat;
        color: #6688cc;
        cursor: pointer;
        float: right;
        font-size: 1.3em;
        height: 25px;
        line-height: 1.8em;
        margin: 5px;
        text-align: center;
        width: 75px;
}
#contact-us h1{
        float: left;
        height: 65px;
        margin: 20px 0 20px -2px;
        position: relative;
        width: 231px;
}
#contact-us h1 span{
        background: transparent url('../media/bone-logo-contact.png') no-repeat;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
}
#contact-us h3 {
        float: left;
        font-size: 1.2em;
        font-weight: 400;
        margin: 10px 0 0 0;
        width: 200px;
}
#contact-us h3 .bone {
        color: #949494;
        letter-spacing: -0.05em;
        font-size: 3.2em;
}
#contact-us h3 #the-n {
        color: #00ADEF; /*#0099FF;*/
        float: left;
}
#contact-us h3 .creative {
        color:#00ADEF; /*#0099FF;*/
        font-size: 2.4em;
        font-weight: 400;
}
#contact-us h3 .tel {
        color: #00ADEF; /*#0099FF;*/
        font-size: 2.0em;
        font-weight: 400;
}
#contact-us #info a {
        float: left;
        margin: 13px 0 0 0;
}
#contact-us p {
        float: left;
        font-size: 1.4em;
}
#contact-us .cell-a {
        width: 75px;
}
#contact-us .cell-b {
        width: 140px;
}
#contact-us #econf img {
	padding: 30px 0 0 0;
}
#who-we-are {
        background: transparent url('../media/photos/brad.jpg') 0 25px no-repeat;
        margin: 0 auto 0 auto;
        width: 920px;
}
#who-we-are #mediaspace1 {
        background: transparent url('../media/photos/brad.jpg') 0 0 no-repeat;
        height: 432px;
}
#hot-spot {
	/*background: transparent url('../media/photos/brad.jpg') 0 0 no-repeat;*/
        width: 920px;
	height: 432px;
}
#who-we-are #hover-left {
        background: transparent url('../media/arrow-left-a.gif') 0 50% no-repeat;
        float: left;
        cursor: pointer;
        height: 200px;
        margin: 100px 0 10px 0;
        width: 60px;
}
#who-we-are #hover-no {
        width: 760px;
        float: left;
        height: 400px;
}
#who-we-are #hover-right {
        background: transparent url('../media/arrow-right-a.gif') 95% 50% no-repeat;
        float: right;
        cursor: pointer;
        height: 200px;
        margin: 100px 0 10px 0;
        width: 60px;
}
#dothis {
        /*background: #ffffff url('../media/menu-bg.png') 0 0 no-repeat;*/
        margin: 0 auto 0 auto;
        width: 920px;
}

#dothis #mediaspace1 {
        background: transparent;
}
#dothis #textarea1 {
        padding: 35px 20px 20px 0px;
        height: 100%;
        overflow: hidden;
}
#dothis p {
        font-size: 1.1em;
}
#dothis #bubblep p {
	margin: 5px 15px 0 15px;
}
#dothis h4 {
        float: left;
        color: #00ADEF; /*#0099FF;*/
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1.4em;
        padding: 0 5px 0 0;
}
#dothis h5 {
        float: left;
        color: #00ADEF; /*#0099FF;*/
        font-family:Arial, Helvetica, sans-serif;
        font-size: 1.1em;
        font-style: italic;
        font-weight: 500;
        letter-spacing:1px;
        line-height: 1.1em;
        padding: 5px 10px 15px 30px;
}
#clients {
	margin: 40px 0 75px 0;
}
#client-list {
	color: #999999;
        margin: 0 auto 0 auto;
        width: 920px;
}
#client-list #textarea1 {
        height: 100%;
        overflow: hidden;
}

#client-list #textarea1 #bbcol1 {
        width: 205px;
        float: left;
        margin-right: 10px;
	border-right: 1px dashed #999999;
}
#client-list #textarea1 #bbcol2  {
        width: 205px;
        float: right;
        margin-right: 10px;
	border-right: 1px dashed #999999;
}
#client-list #textarea1 #bbcol3  {
        width: 205px;
        float: left;
	margin-right: 10px;
	margin-left: 10px;
	border-right: 1px dashed #999999;
}
#client-list #textarea1 #bbcol4  {
        width: 205px;
        float: right;
}

.dothis_bot_mid #bcol1 {
        width: 200px;
        float: left;
        margin: 0;
        padding: 1em;
        min-height: 700px;
}
.dothis_bot_mid #bcol2 {
        width: 200px;
        float: right;
        margin: 0;
        padding: 1em;
        min-height: 700px;
}
.dothis_bot_mid #bcol3 {
        width: 200px;
        float: left;
        margin: 0;
        padding: 1em;
        min-height: 700px;
}
.dothis_bot_mid #bcol4 {
        width: 200px;
        float: right;
        margin: 0;
        padding: 1em;
        min-height: 700px;
}

#sidebar {
        border-right: 1px dashed #999999;
        float: left;
        margin: 0px 0 0 10px;
        width: 210px;
}
#hrightcontent {
        margin: 0px 0 0 20px;
        background-color: #ffffff;
        float: left;
        height: 100%;
        width: 635px;
}
#rightcontent {
        margin: 0px 0 0 20px;
        background-color: #ffffff;
        float: left;
        height: 100%;
        width: 590px;
}
#logo {
        float: right;
        width: 207px;
	height: 73px;
        border-left: 1px solid #FFF;
        padding-bottom: 5px;

}
#nav {
        float: left;
        list-style-type: none;
        padding: 10px 0 0 10px;
        width: 690px;
}
#nav li{
        color: #999999;
        cursor: pointer;
        float:left;
        font-size: 1.65em;
        font-weight: 600;
        line-height: 1.3em;
	/*letter-spacing: -0.01em;*/
        margin: 0 5px 0 0;
        padding: 0;
}
#nav .dark {
        color: #00ADEF; /*#0099FF;*/
}
#nav .light  {
        color: #999999; /*#eeeeee;*/
}
#nav .hover {
        color: #eeeeee; /*#0099FF;*/
}
#nav .selected {
        color: #eeeeee; /*#0099FF;*/
}
#logo a {
        cursor: pointer;
	width: 217px;
}
#credit {
        /*clear: both;*/
        color: #eeeeee;
        font-size: 1.0em;
        font-weight: bold;
        padding: 0 0 0 15px;
        width: 690px;
}
#credit a:hover {
        color: #00ADEF; /*#0099FF;*/
}

#footer-content {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 920px;
}
#foot {
        background-color:#CCCCCC;
        margin:0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}
#footcanvas {
        width:920px;
        margin:0px auto 0px auto;
}

/* Preload media */
.image1 {background-image: url('../media/panel-bottom-long.png');}
.image2 {background-image: url('../media/photos/brad.jpg');}
.image3 {background-image: url('../media/photos/tarek.jpg');}
.image4 {background-image: url('../media/photos/john.jpg');}
.image5 {background-image: url('../media/photos/shon.jpg');}
.image6 {background-image: url('../media/photos/rod.jpg');}
.image7 {background-image: url('../media/photos/hugh.jpg');}
.image8 {background-image: url('../media/client-jay.jpg');}
.image9 {background-image: url('../media/client-list.png');}

.bubble_mid {
	background: transparent url('../media/diagnostic_mid.png') repeat-y;
        margin: 0 auto 0 auto;
	z-index: -1;
	width: 273px;
	height: 142px;
}
.bubble_bot{
	margin: 0 auto 0 auto;
	width: 273px; 
	height:42px;
}
.bubble_top{
	background: transparent url('../media/diagnostic_top.png') no-repeat;
	margin: 0 auto 0 auto;
        width: 273px;
        height:15px;
}
.bubble_mid h4 {
	clear:both;
        top: 10px;
        color: #00ADEF; /*#0099FF;*/
        font-size: 1.2em;
        font-weight: bold;
        /*padding: 10px 5px 5px 15px;*/
	/*margin: 0 0 0 35px;*/
	text-indent:20px;
        text-align: center;
}
.bubble_mid ul {
        list-style-type:square;
	margin: 0 0 0 35px;
}
.bubble_mid br  {
	clear:both;
	display: block;
}
.bubble_mid  p {
	clear: both;
	background: transparent !important;
	padding: 5px 5px 5px 20px;
}
.bubble_mid a img {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
}
.dothis_bot_top{
	clear: both;
	width: 885px;
	height: 45px;
	margin: 0 auto 0 auto;
	padding: 0;
}
.dothis_bot_bot{
	clear: both;
	width: 885px;
	height: 20px;
	margin: 0 auto 0 auto;
	padding: 0;
}
.dothis_bot_mid {
	clear: both;
	width: 885px;
	background: transparent url('../media/failure-fill.gif') 0 0 repeat-y;
	z-index:-1;
	margin: 0 auto 0 auto;
	padding: 0; 
	min-height: 720px;
}
.dothis_bot_mid ul {
	list-style-type:circle;
	margin: 0 0 0 35px;
}
#badcol1 {
	width: 340px;
	float: left;
}
#badcol1 h1 {
	font-size: 3.2em;
	font-weight: 900;
	line-height: 1.4em;
	margin: 0 0 25px 0;
}
.bgry {
	color:#999999;
}
.bblu {
	color:#00ADEF;
}
#badcol2 {
	float: left;
	width:504px;
	margin: 39px 0 0 15px;
	padding:0;
}
#bleft_size {
	float: left;
	width: 350px;
	margin: 0 40px 10px 5px;
}
#badcol1 p {
        font-weight: 600;
        margin: 5px 0 16px 0;
}
#badcol1 img {
	vertical-align: middle;
}
#bleft_size p {
	font-weight: 600;
	margin: 5px 0 16px 0;
}
#bright_size {
	float: left;
	width: 250px;
}
.clear {
	clear: both;
}
.right_size {
	float: right;
	width: 440px;
        margin: 0 auto 0 auto;
        padding: 0;

}
.left_size {
	float: left;
	width: 440px;
        margin: 0 auto 0 auto;
        padding: 0;
}
.dothis_bot_mid #bcol1 {
        width: 200px;
        float: left;
	margin: 0;
	padding: 1em;
	min-height: 700px;
}
.dothis_bot_mid #bcol2 {
        width: 200px;
        float: right;
	margin: 0;
	padding: 1em;
	min-height: 700px;
}
.dothis_bot_mid #bcol3 {
        width: 200px;
        float: left;
	margin: 0;
	padding: 1em;
	min-height: 700px;
}
.dothis_bot_mid #bcol4 {
        width: 200px;
        float: right;
	margin: 0;
	padding: 1em;
	min-height: 700px;
}
#do_or_die img {
}

#bottom_nav {
	color: #ffffff;
	background: transparent url('../media/botmenu.gif') 0 0 no-repeat;
	width: 897px;
	height: 121px;
	margin: 0 auto 0 15px;
	padding: 5px 5px 5px 5px;
}
#bottom_nav ul {
        list-style-type:circle;
        margin: 0 0 0 10px;
}
#bottom_nav a {
        color: #eeeeee;
        text-decoration: none;
}
#bottom_nav a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#bottom_nav #pri_nav {
        float: left;
        width: 100px;
	height: 80px;
	border-right: 1px solid #ffffff;
	vertical-align:middle;
	padding: 5px 12px 5px 30px;
	margin-bottom: 10px;
	margin-top: 5px;
}
#bottom_nav #sec_nav {
	float: left;
	width: 105px;
        height: 80px;
        border-right: 1px solid #ffffff;
        vertical-align:middle;
        padding: 5px 20px 5px 15px;
        margin-bottom: 10px;
        margin-top: 5px;

}
#bottom_nav #ser_nav {
        float: left;
        width: 118px;
        height: 80px;
        vertical-align:middle;
        padding: 5px 10px 5px 15px;
        margin-bottom: 10px;
        margin-top: 5px;

}
#bottom_nav #ser_nav2 {
        float: left;
        width: 123px;
        height: 80px;
        border-right: 1px solid #ffffff;
        vertical-align:middle;
        padding: 5px 10px 5px 5px;
        margin-bottom: 10px;
        margin-top: 5px;

}
#bottom_nav #con_nav {
        float: left;
        width: 138px;
        height: 80px;
        border-right: 1px solid #ffffff;
        vertical-align:middle;
        padding: 5px 15px 5px 20px;
        margin-bottom: 10px;
        margin-top: 5px;

}
#bottom_nav #lin_nav {
        float: left;
        width: 90px;
        height: 80px;
        vertical-align:middle;
        padding: 5px 15px 5px 15px;
        margin-bottom: 10px;
        margin-top: 5px;

}
/* CSS Document */ div.popup_window { /*position:relative; z-index: 500; not effective for whatever reason. */
}
div.popup {
	padding: 10px;
}
.popup h3.title {
	background-color:#00ADEF; /*#0099FF;*/
	color: #eeeeee;
	font-size: 110%;
	margin: -10px -10px 0 -10px;
	padding: 5px 9px;
}
.popup .popup_content {
	background-color: #ffffff;
	margin: 0 -10px -10px -10px;
	padding: 0px 0px;
}
.popup .popup_content p {
	margin-left: 5px;
	margin-right: 5px;
}
.popup .popup_content a {
	color: #ffffff;
	/*opacity: 0.75;*/
	/*filter: alpha(opacity=75);*/
	white-space:nowrap;
}
.popup .popup_content a:hover {
	/*opacity: 1.0;*/
	/*filter: alpha(opacity=100);*/
}
.popup.draggable h3.title {
	cursor: move;
}
.popup iframe {
	border:none;
	overflow:hidden;
}

.rss-box {
	 /*margin: 10px 5%;*/
	 /*padding: 4px 8px;*/
	 /*border-right: 1px solid #CCC;*/
}

.rss-title, rss-title a {
	display:block;
	position:relative;
	top: 1px;
	font-size: 12px;
	font-weight:bold;
	color: #00ADEF; /*#0099FF;*/
	padding: 0px 5px 1px 0px;
	margin: 3px 5px 0px 0px;
	line-height: 10px;
}

.rss-items {
   font-family: Helvetica, Arial, Tahoma;
   font-size: 10px;
   line-height:17px;
  list-style-type: none;
  margin:0px;
  padding:0px;
  color:#666;
}

.rss-item  {
  font-family: Helvetica, Arial, Tahoma;
  font-size: 10px; 
  margin: 0px 0px 0px 0px;
  padding:0px;
}

.rss-item a:link, .rss-item a:visited, .rss-item a:active {
	text-decoration : none;
	border-bottom: 1px solid #ededed;
	color: #88b;
	}

.rss-item a:hover { 
	text-decoration : none;
	color: #e0861e;
	border-bottom: 1px dotted #e0861e;
	}
	
.rss-date {
	font-size: 8px;
	font-weight : normal;
	color: #F60;
	}
	
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   /*_width:12em;*/
   margin: 0 0.2em; padding: 0.1em 0; /*_padding:0;*/
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   /*_width:1em; _cursor:hand;*/
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   /*_width:1em; _cursor:hand;*/
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }
   
 #ShadowBox tr, #ShadowBox td, #ZoomCapDiv tr, #ZoomCapDiv td
  {
  border-left-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-top-style: none;
  border-left-width: 0;
  border-bottom-width: 0;
  border-right-width: 0;
  border-top-width: 0px;
  padding:0;
  height: auto;
  /*vertical-align: center;*/
  }
  #ShadowBox table, #ZoomCapDiv table
  {
  border-left-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-top-style: none;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  padding: 0px;
  border-collapse: separate;
  margin:0;
  height: 100%;
  }
  #ZoomBox
  {
  margin: -1px;
  }