body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img { 
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}

/*---------- positioning ----------*/
body {
font:small Verdana, Arial, Helvetica, sans-serif;
background:#fff url(../images/bg/bg.png) repeat-x;
}

#page-wrap {
height:100%;
}

#header {
height:65px;
position:absolute;
left:0;
top:0;
width:100%;
}
#header p {
color:#000;
font-size:1.1em;
text-align:right;
padding:7px;
position:absolute;
top:0;
right:0;
background:#fff;
text-shadow: 0px 2px 3px #555;
border-bottom:4px #000 solid;
border-left:4px #000 solid;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
}
#header a {
text-decoration:none;
}

/*-- menu tabs --*/
#menu {
width:70%;
position:relative;
top:100px;
margin:0 auto;
}

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #fff; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

#tab1 li.tab1, #tab2 li.tab2, #tab3 li.tab3, #tab4 li.tab4, #tab5 li.tab5, #tab6 li.tab6, #tab7 li.tab7 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:10px
}

#tab1 li.tab1 a, #tab2 li.tab2 a, #tab3 li.tab3 a, #tab4 li.tab4 a, #tab5 li.tab5 a, #tab6 li.tab6 a, #tab7 li.tab7 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #000; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #000; /* set unselected tab background color as desired */
color: #fff; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:10px
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
color:#000
}

/*--- content and footer ---*/
#content {
margin:0 auto;
width:70%;
margin-top:100px;
background:#fff
}

#footer {
position:fixed;
left:0;
bottom:0;
width:100%;
background:url(../images/grass.png) repeat-x;
height:20px;
}

/*--- titles ---*/
h1 {
display:block;
text-align:center;
font-weight:700;
font-size:4em;
width:380px;
height:57px;
padding:0 5px;
color: #000;
text-shadow: 0px 2px 3px #555;
background:#fff;
border-bottom:4px #000 solid;
border-right:4px #000 solid;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
}
h1 span {
position:relative;
top:3px;
}

/*page titles*/
h2 {
font-size:1.2em;
font-weight:700;
color:#000;
text-align:right;
padding:10px 15px;
}
h2 span {
font-size:.9em
}
/*h3 vidbar titles*/
/*radio stations*/
h4 {
font-weight:700;
font-size:1.2em;
}

/*---------- tree ----------*/
#tree {
position:fixed;
left:0;
bottom:0;
}


/*muchado wrap*/
#muchado {
margin:0 auto;
padding:10px;
position:relative;
top:150px;
border:2px #fff solid;
width:60%;
border: 5px solid #111;
-moz-box-shadow: 5px 5px 7px #888;
-moz-border-radius: 15px;
-webkit-box-shadow: 5px 5px 7px #888;
-webkit-border-radius: 15px;
}

/*video bar*/
#vidbar {
margin:0 auto;
padding-bottom:20px;
width:640px;

}
.slide h3, .slide p {
margin:15px;
}
.slide h3 {
font:italic 24px Georgia, "Times New Roman", Times, serif;
color:#ccc;
letter-spacing:-1px;
width:200px;
float:left;
}
.slide object {
margin:0 auto;
}

#slideshow {
margin:0 auto;
width:640px;
height:270px;
background:transparent url(../images/bg_slideshow.jpg) no-repeat 0 0;
position:relative;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
}
#slideshow #slidesContainer {
margin:0 auto;
width:560px;
height:270px;
overflow:auto; /* allow scrollbar */
position:relative;
}

#slideshow #slidesContainer .slide {
margin:0 auto;
width:540px; /* reduce by 20 pixels to avoid horizontal scroll */
height:270px;
float:left;
}

/**
 * Slideshow controls style rules.
 */
.control {
display:block;
width:39px;
height:270px;
text-indent:-10000px;
position:absolute;
cursor: pointer;
}
#leftControl {
top:0;
left:0;
background:transparent url(../images/control_left.jpg) no-repeat 0 0;
}
#rightControl {
top:0;
right:0;
background:transparent url(../images/control_right.jpg) no-repeat 0 0;
}

/*-- floats --*/
.float-left {float:left}
.float-right {float:right}
.clear {clear:both}

/*-- floats --*/
.right {float:right}
.left {float:left}
.clear {clear:both}

/*-- radio --*/
.radio-vid {
margin:0 auto;
display:block;
padding:5px;
border:4px #000 solid;
}

/*-- killer apps --*/
#apps-wrap {
width:75%;
margin:0 auto;
padding:25px;
}
#apps-wrap p {
font-size:0.9em;
}
#apps-wrap ul {
width:90%;
margin:20px auto;
}
#apps-wrap li {
padding:15px;
}

/*-- portfolio --*/
/*--- boxes ---*/
#box-wrap {
margin:0 auto;
padding-bottom:20px
}

.box {
width:765px;
margin:20px auto;
}
.box img {
float:left;
border:5px #000 solid;
}
.box div.bar {
float:left;
border-bottom:5px #000 solid;
padding-top:130px; width:25px;
}
.box div.description {
float:left;
border:5px #000 solid;
padding:10px;
margin-top:45px;

}

.description p.location {font-size:0.8em;}
.description ul {
list-style-position:inside;
list-style-image:url(../images/arrow_right.png);
padding:10px 0 0 0;
font-size:0.8em;
}
.description p.date {text-align:right; font-size:0.7em; padding:5px 5px 0 0;}
	
/*--- Links ---*/
.description a {display:block; padding-top:10px; font-size:0.8em;}
.description a:link {color:#00172F}
.description a:visited {color:#00172F}
.description a:hover {color:#990000}
.description a:active {color:#990000}

/*--- street music ---*/

#street-music-wrap {
margin:0 auto;
}

#street-music-wrap .box {
background:#000;
width:580px;
margin:35px auto;	
}
#street-music-wrap object.vid {
height:340px;
width:560px;
}
.video-wrap {
float:left;
border:10px #000 solid;	
}
.comment {
color:#fff;
text-align:left;
font:0.8em sans-serif;
padding:10px;
}
.comment p.italic {
font-style:italic;
padding-top:15px;}