/* Start of CMSMS style sheet 'Caribbean Window' */
/*
Client: Caribbean Window TV website
Developer: Marcus Thompson (www.marcusthompson.net)
Date: 7th February 2009

General Styles*/
html {
font-size:100.01%
}

body {
background:#222;
font:14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif
}

h1,h2,h3,h4,h5,h6 {
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:700
}

a {
color:#00A392;
text-decoration:none
}

a:hover {
color:#0077DC
}

#wrap {
margin:25px auto;
position:relative;
width:800px
}

/**LOGO**/
#logo {
height:165px;
position:relative;
width:400px;
z-index:100
}

#logo h2 {
color:#f2f2f2;
font-weight:400;
left:0;
position:absolute;
top:180px;
width:250px
}

/**NAVIGATION**/
#navigation {
margin:10px 0 0 279px;
text-align:right;
width:600px
}

#navigation ul li {
float:left
}

#navigation li a {
background:#00A392;
color:#fff;
float:left;
font-weight:700;
padding:6px 10px;
text-decoration:none
}

#navigation li a:hover {
background:#FEEDB6;
color:#00A392
}

#navigation li#current a {
background:#FEEDB6;
color:#222
}

/**VIDEO**/
#video {
background:#FEEDB6;
border-bottom:12px solid #FEEDB6;
border-left:17px solid #FEEDB6;
border-right:16px solid #FEEDB6;
border-top:16px solid #FEEDB6;
/*height:451px;*/
margin:0 auto;
position:relative;
width:800px;
z-index:2
}

/**CONTENT**/
#content {
background:#FEEDB6;
border-bottom:20px solid #FEEDB6;
border-left:17px solid #FEEDB6;
border-right:16px solid #FEEDB6;
border-top:20px solid #FEEDB6;
margin:0 auto;
position:relative;
width:800px;
z-index:2
}

.intro {
color:#00A392;
font-size:3.4em;
letter-spacing:-0.03em;
line-height:1em;
padding-top:0
}

#content h1 {
color:#222;
font-size:3.4em;
letter-spacing:-0.03em;
line-height:1em;
padding:10px 0 18px
}

#content h2,#content h3 {
color:#00A392;
font-size:1.4em;
letter-spacing:-0.03em;
line-height:1em;
padding:5px 0 18px
}

#content p,#content ul,#content ol,#content blockquote,#content dl {
margin-bottom:18px
}

#content li {
color:#999;
margin-left:15px
}

#content ul {
list-style:square
}

#content ol {
list-style:decimal
}

#text {
padding:0 15px
}

/**EPISODE NAV**/
#episode-nav {
cursor:pointer;
margin:0 auto;
width:760px
}

#episode-nav li {
background:#33C;
border:5px solid #fff;
float:left;
list-style:none;
margin-left:0;
width:142px
}

#episode-nav a {
display:block;
height:150px;
padding:10px;
width:112px
}

.schedule-list a {
background:#eee url(images/schedule.png) left center no-repeat;
border-left:5px solid #eee;
color:#C00;
font-size:14px;
line-height:32px;
padding:5px 5px 5px 36px;
position:absolute;
right:-50px;
top:10px;
width:130px
}

.schedule-list a:hover {
color:#D00
}

/*SINGLE EPISODE*/
#episode-vid {
background:#FEEDB6;
border-bottom:0 solid #FEEDB6;
border-left:17px solid #FEEDB6;
border-right:16px solid #FEEDB6;
border-top:15px solid #FEEDB6;
width:800px
}

#viewinginfo {
font-size:12px;
margin-bottom:15px;
margin-top:-10px;
color:#666
}

/**EPISODE LIST**/
#episode-list li {
background:#eee;
float:left;
list-style:none;
margin:6px 8px 6px 0;
padding:10px;
width:225px;
min-height:360px;
/*max-height:245px;*/
}


.episode-date {
color:#222;
padding:0 0 5px 10px;
font-weight:bold
}

#episode-list h2 {
padding:0 10px 10px;
line-height:24px;
text-transform:capitalize
}

#episode-list p {
font-size:12px;
margin:0;
padding:0 10px 5px 10px
}

#episode-list .episode-preview {
border:5px solid #222;
height:133px;
margin:0 auto 8px auto;
padding:0;
width:200px;
}

#episode-list .episode-preview:hover {
border:5px solid #00A392
}


#episode-list .view-eps {
padding-left:10px;
font-weight:bold
}


dd.episode-description {
padding-top:10px;
}

/**FOOTER**/
#footer {
color:#fff;
font-size:11px;
font-variant:small-caps;
margin:10px auto;
text-align:right;
width:830px
}


/**AD SPACE**/
#adspace {
width:728px;
height:90px;
border:5px solid #eee;
margin: 0 auto 15px auto;
}
/* End of 'Caribbean Window' */