/* General tags */
body {background:url(images/background.gif) repeat-y top center #eee; color:#E1E1E1; font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.3em; margin:0 auto; padding:0;}
a {color:#4088b8; font-weight:700; text-decoration:none;}
a:hover {text-decoration:underline; }
a img {border:0;}
p {margin:0 0 18px 10px;}
ul,ol,dl {font-size:0.9em; margin:2px 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 35px;}
blockquote {border:1px solid #dadada; font-size:0.9em; margin:20px 10px; padding:8px;}
blockquote p {margin:0;}

table {float:left; padding:5px; border-right:1px solid #dadada;}
td, th { padding:4px; }

/* Headers */
h1 {color:#098BAF; font-size:3.6em; letter-spacing:-3px; margin:0 0 20px 25px;}
h1 a {color:#098BAF; text-transform:none;}
h2 {border-bottom:4px solid #dadada; color:#098BAF; font-size:1.4em; letter-spacing:-1px; margin:0 0 10px; padding:0 2px 2px 5px;}
h3 {border-bottom:1px solid #dadada; color:#098BAF; font-size:1.2em; font-weight:700; margin:10px 0 8px; padding:1px 2px 2px 3px;}

/* Main wrap */
#wrap {color:#333; background-color:#fff; margin:0px auto; padding:0; width:770px;}
#header {margin:0; background-color:#fff;}
#header img {margin-left: 14px; }
#toplinks {font-size:0.9em; padding:5px; text-align:right;}
#toplinks a {color:#4088b8;}
#slogan {color:gray; font-size:1.5em; font-weight:700; letter-spacing:-1px; line-height:1.2em; margin:15px 0 8px 35px;}

iframe { margin:0px auto; }

/* Sidebar and menu */
#sidebar {float:left; line-height:1.4em; margin:0 0 5px; padding:1px 0 0; width:195px;}
#sidebar ul {font-size:0.9em; list-style:none; margin:0; padding:0 0 15px 10px;}
#sidebar li {list-style:none; margin:0 0 4px; padding:0;}
#sidebar li a {font-size:1.0em; font-weight:700; padding:2px; background-color:#BA33AC; color:#e1e1e1;}
#sidebar li a:hover {background-color:#098BAF; text-decoration:none;}
#sidebar ul ul {line-height:1.2em; margin:4px 0 3px 15px; padding:0;}
#sidebar ul ul li a {font-weight:400;}
#sidebar h2 {margin:3px 0 8px;}

/* Main Site Navigation */
#sitemenu {margin:0; padding:0; width:970px; overflow:hidden;}
#sitemenu ul {overflow:hidden; font-size:0.9em; list-style:none; margin:0; padding:0 0 15px 0px; width:1000px;}
#sitemenu li {float:left; list-style:none; margin:0 18px 4px 0; padding:0; }
#sitemenu li a {font-size:1.2em; font-weight:700; padding:2px 4px 2px 18px; display:block; background:#dadada url(/images/boom.png) no-repeat 3px 3px;}
#sitemenu li a:hover { background:#000000 url(/images/boom.png) no-repeat 0px 3px; text-decoration:none; color:#dadada;}

/* Main content */
#content {float:left; line-height:1.5em; margin:0; padding:0px 0px 0px 20px; text-align:left; width:730px;}
#contentalt {float:left; line-height:1.5em; margin-right:20px; padding:0; text-align:left; width:750px;}
#content h3,#contentalt h3 {margin:10px 0 8px;}
#contentalt a {font-weight:700; text-decoration:none; background-color:#BA33AC; color:#e1e1e1; }
#contentalt a:hover {text-decoration:none; background-color:#098BAF;}


/* Footer */
#footer {border-top:4px solid #dadada; clear:both; color:gray; font-size:0.9em; line-height:1.6em; margin:0 auto; padding:8px 0; text-align:right;}
#footer p {margin:0; padding:5px;}
#footer a {color:#808080;}
#footer img { float:left; margin-left:15px;}

/* Additional classes */
.box {background:#4088b8; border:1px solid #c8c8c8; color:#fff; font-size:0.9em; line-height:1.4em; padding:10px 10px 10px 13px;}
.box a {color:#f0f0f0;}
.left {float:left; margin:0 15px 4px 0;}
.right {float:right; margin:0 0 4px 15px;}
.readmore {margin:-10px 10px 12px 0; text-align:right;}
.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
.timestamp a {font-weight:normal;}
.blue {color:#4088b8;}
.clear {clear:both;}
.fade {color:#c8c8c8;}
.gray {color:gray;}
.photo {background:#fff; border:1px solid #bababa; margin:6px 18px 2px 5px; padding:2px;}

.blocks {margin:4px 0 10px 10px; clear:both;}
.blocks img {float:left; }

/*
#portfolio ul {height:110px;margin:5px 0 5px 0; padding:0 0 0 7px;}
#portfolio ul li {;z-index:0 !important;float:left;padding:5px 7px 5px 7px;display:block;margin:5px 5px 15px 5px;width:95px;background-color:#BA33AC;position:relative; }
#portfolio ul li h2 {z-index:0;z-index:0 !important;font-size:6.5pt;display:block;color:#ffffff; border:none; font-weight:normal; bottom:10px;left:0;padding:0px 0 0px 3px;margin:0px;position:absolute;width:106px;background-color:#BA33AC;}
#portfolio ul li div {position:relative;z-index:99999;height:70px; overflow:hidden;}
#portfolio ul li div img{position:relative;z-index:99999; cursor:pointer;}
*/


#portfolio { width: 750px;  float: left; text-align: right; }
.thumbnail { width: 160px; height: 180px; float: left; margin: 20px 16px 20px 5px; }
.thumbnail img { width: 160px; height: 89px; margin: 0px 0 10px 0; float: left; }
.thumbnail h2 { font-size: 1.0em; width: 160px; margin: 0; padding: 0; text-align: left; float: left; }
.description a { text-align: right; background-image: url(../img/shape_flip_vertical2.png); background-repeat: no-repeat;
background-position: 80% 50%; padding: 3px 40px 3px 20px; float: right; }


#player { display:block; width:520px;height:315px; border:none; margin-left:100px;}
#checkBandwidth { overflow:hidden; height:0px; font: normal 0.9em Arial, Helvetica, sans-serif; color: #B175E2; text-align:right; }

a.special { background: url(../img/shape_flip_vertical2.png) right 2px no-repeat; padding: 3px 20px 3px 0px; }