/*
Theme Name:
Theme URI: http://webrewz.com/
Description: Unique Wordpress Custom Design
Version: v1.0
Author: Webrewz
Author URI: http://webrewz.com/
*/

/* CSS RESET */
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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}:focus {outline: 0;}body {line-height:1; color:#000; background:#fff;}
ol, ul {list-style: none;} table {border-collapse: separate; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";}

/* HTML ELEMENT */
body {background:#fff; color:#fff; font:12.35px Arial, "Lucida Grande", Verdana, sans-serif;}
.clear {clear:both;}

/* FONT HEADER */
h1 {font-size:22px;}
h2 {font-size:16px; color:#000000; margin-bottom:10px; font-weight:bold;}
h3 {font-size:15px; font-weight:bold; color:#ffffff;}
h4 {font-size:15px; font-weight:bold; color:#505050; margin-bottom:10px;}

a:link {text-decoration:none; color:#fff;}
a:active {color:#fff;}
a:visited {color:#0054a6; text-decoration:none;}
a:hover	{color:#333;} 

/* STRUCTURE */
#wrap {width:980px; height:550px; margin: 0 auto;}
#container {/*overflow:hidden;*/ padding:0 15px; margin-top:10px;}

/* HEADER */
#header {height:350px; width:980px;}
#flash {height:319px; width:980px;}
#navi {height:31px; width:980px; background:url(images/navibg.jpg) no-repeat; text-align:center; padding-top:7px;}
#navi li {list-style:none; display:inline; background:url(images/naviline.jpg) right no-repeat; padding:5px 5px 5px 0;}
#navi li a, #navi li a:visited {color:#fff; padding:0 10px; border:1px solid transparent;}
#navi li a:hover {color:#f22639; background:#fff; border:1px solid #e9f800; padding:5px 10px 7px 10px; border-bottom:none;}

/* SIDEBAR */

/* Right Side Bar */
#rightsidebar {width:202px; height:347px; float:left;}

.sidegallery {background:url(images/gallerybg.jpg) no-repeat; width:202px; height:183px; margin-bottom:7px;}
.sidegallery .morepic {margin:0 auto; display:block;}
.sidegallery ul {padding:35px 0 0 26px; overflow:hidden;}
.sidegallery ul li {float:left; padding:0 3px 3px 0;}
.sidegallery ul li img {border:2px solid #fff;}
.polls {background:url(images/pollbg.jpg) no-repeat; width:200px; height:156px; padding:30px 10px 0 10px; color:#fff; font-size:10px;}
.polls strong {font-weight:bold;}
.funfact {background:url(images/funfactbg.jpg) no-repeat; width:170px; height:153px; margin-left:10px; color:#fff; padding:40px 15px 0 20px; font-size:11.5px;}
.funfact p {width:170px; line-height:150%;}
.tiplooks {margin:14px 0 0 5px;}

.videorightbar {width:201px; height:182px; margin-bottom:5px;}
.musicrightbar {width:200px;}
.musicrightbar .musicplayer {width:200px; height:174px; margin:10px 0 5px 10px; background:url(images/musicrightbg.jpg) no-repeat; }
.musicrightbar .musicplayer .songplay {padding:105px 10px 0 6px;}

/* Left Side Bar */
#leftsidebar {width:210px; height:347px; float:left;}

.homeleftbar {width:210px; height:347px; background:url(images/doyouknowbg.jpg) no-repeat;}
.homeleftbar .doyouknow {margin:45px 20px 10px 18px;}
.homeleftbar .dobox {color:#fff; padding:0 20px; font-size:11px; line-height:150%; height:80px;}
.homeleftbar .findoutmore {margin:15px auto 0 auto; display:block;}

.musicleftbar {width:200px; height:327px; background:url(images/musicleftbg.jpg) no-repeat; margin:13px 0 0 5px;}
.musicleftbar img {margin:13px;}
.musicleftbar p {padding:0 16px 0 15px; color:#fff; font-size:11.5px; line-height:150%;}

/* Characters Tabs */
.charactersleftbar {width:198px; height:376px; background:url(images/charactersleftbg.jpg) no-repeat; margin-top:20px; padding:0 7px 0 6px;}
.charactersleftbar ul.tabs {width:186px; margin-top:8px; border:0;}
.charactersleftbar ul.tabs li {background:url(images/characterstab.jpg) repeat-x; border:1px solid #d1d1d1; color:#2392ff; padding:0 7px; }
.charactersleftbar ul.tabs li a {color:#2392ff; background:transparent; font-size:11px;}
.charactersleftbar ul.tabs li.active a {color:#fff; padding:0 7px;}
.charactersleftbar ul.tabs li.active, .charactersleftbar ul.tabs li.active a:hover {background:#238eff; color:#fff; border-bottom: 1px solid #238eff; padding:0 7px; }
.charactersleftbar .tab_container {width:170px; padding:10px;}

.charactersleftbar .girlbox {margin-bottom:10px; height:60px;}
.charactersleftbar .charactersthumb {float:left;}
.charactersleftbar .charactersthumb img {border:2px solid #fff; margin-right:10px;}
.charactersleftbar .charactersdesc h2 {font-size:13px; margin-bottom:5px;}
.charactersleftbar .charactersdesc a, .charactersdesc a:visited {color:#eefb16;}
.charactersleftbar .charactersdesc a:hover {text-decoration:underline;}

/* Gallery Tabs */
.galleryleftbar {width:210px; height:327px; background:url(images/galleryleftbg.jpg) no-repeat; margin-top:13px; padding:0 7px;}
.galleryleftbar ul.tabs {width:190px; margin-top:7px; border:0;}
.galleryleftbar ul.tabs li {background:url(images/gallerytab.jpg) repeat-x; border:1px solid #d1d1d1; color:#ff5c1e;}
.galleryleftbar ul.tabs li a {color:#ff5c1e; font-size:9px;}
.galleryleftbar ul.tabs li.active a {color:#ffe509;}
.galleryleftbar ul.tabs li.active, .galleryleftbar ul.tabs li.active a:hover {background:#91c505; color:#ffe509; border-bottom:1px solid #91c505;}
.galleryleftbar .tab_container {width:172px; padding:14px 5px;}
.albumtab ul {padding-left:6px;}
.albumtab ul li {float:left; margin:0 2px; }
.albumtab ul li img {border:2px solid #fff;}

/* Video Tabs */
.videoleftbar {width:200px; height:327px; background:url(images/videoleftbg.jpg) no-repeat; margin-top:13px; padding:0 6px;}
.videoleftbar .videothumb {float:left; height:40px; width:40px;}
.videoleftbar .videothumb img {border:2px solid #fff;}
.videoleftbar a, .videoleftbar a:visited {color:#eefb16;}
.videoleftbar .castinterview li {overflow:hidden; width:155px;}
.videoleftbar .behindscenelist li {overflow:hidden; height:50px;}
.videoleftbar a:hover {text-decoration:underline;}

.videoleftbar ul.tabs {width:190px; margin-top:6px; border:0;}
.videoleftbar ul.tabs li {background:url(images/videotab.jpg) repeat-x; border:1px solid #d1d1d1; color:#d64ed7;}
.videoleftbar ul.tabs li a {color:#ff5c1e; font-size:10px;}
.videoleftbar ul.tabs li.active a {color:#ffe509;}
.videoleftbar ul.tabs li.active, .videoleftbar ul.tabs li.active a:hover {background:#d968da; color:#ffe509; border-bottom:1px solid #d968da;}
.videoleftbar .tab_container {width:160px; padding:10px; height:250px; overflow:auto; margin-top:10px;}

/* Tips & Look Sub Page */
#leftsidebar .looks-sub-jackie {background:url(images/looksjackieleft.jpg) no-repeat; width:212px; height:345px; color:#fff; font-size:10px; margin-top:18px;}
#leftsidebar .looks-sub-emma {background:url(images/looksemmaleft.jpg) no-repeat; width:212px; height:345px; color:#fff; font-size:10px; margin-top:18px;}
#leftsidebar .looks-sub-ally {background:url(images/looksallyleft.jpg) no-repeat; width:212px; height:345px; color:#fff; font-size:10px; margin-top:18px;}
#leftsidebar .looks-sub-dance {background:url(images/looksdanceleft.jpg) no-repeat; width:212px; height:345px; color:#fff; font-size:10px; margin-top:18px;}
#leftsidebar .subpage .looksbox {padding:180px 10px 0 18px}
#leftsidebar .subpage .looksbox .stylepage {margin-bottom:10px; height:40px;}
#leftsidebar .subpage .looksbox .stylepage img {border:2px solid #fff; float:left; margin-right:10px;}
#leftsidebar .subpage .looksbox .stylepage h2 a {color:#eefb16; font-size:11px; margin-bottom:2px;}
#leftsidebar .subpage .looksbox .stylepage a:hover {text-decoration:underline;}

/* Freebie */
.freebieleft {background:url(images/freebieleftbar.jpg) no-repeat; width:196px; height:345px; padding-top:50px;}
.freebieleft .freebie {overflow:auto; height:280px; width:185px;}
.freebieleft .freebiepaper {padding:0 15px;}
.freebieleft .freebiepaper li {overflow:hidden; height:50px; margin-bottom:15px;}
.freebieleft .freebiepaper li .freethumb {border:2px solid #fff; width:47px; height:42px; float:left; margin-right:10px;}
.freebieleft .freebiepaper li .freetext a, .freebieleft .freebiepaper li .freetext a:visited {color:#f8fb00;}
.freebieleft .freebiepaper li .freetext a:hover {text-decoration:underline;}

/* POST & PAGE */
#content {width:533px; float:left;}

.post {color:#fff; font-size:11px;}
.post h2 a, .post h2 a:visited {color:#f8fb00;}
.post h2 {color:#f8fb00; font-size:13px;}
.post blockquote {margin:0 1.3em;}

.post p {line-height:175%; margin-bottom:10px;}
.post strong {font-weight:bold;}
.post em {font-style:italic;}
.post ul {margin:0 30px;}
.post ul li {margin:0 0 7px; list-style:disc;}
.post ol {margin:0 1em 0 3em; list-style:decimal;}
.post ol li {margin:0 0 7px;}

.post .entry {overflow:auto;}
.post .entry a, .post .entry a:visited {color:#fff; font-weight:bold; background:transparent; text-decoration:underline;}
.post .entry a:hover {color:#d1d1d1; text-decoration:underline; background:transparent;}

img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right; }
.alignleft {float: left;}

/* Page Template */
#post-2, #post-340, #post-341 {background:url(images/featuredbg.jpg) no-repeat; width:533px; height:346px;}
#post-2 .featured-video, #post-340 .featured-video, #post-341 .featured-video {padding:25px 0 0 16px; float:left;}
#post-2 .featured-text, #post-340 .featured-text, #post-341 .featured-text {float:left; margin-top:40px; padding:15px; width:140px;}
#post-2 .featured-text h3, #post-340 .featured-text h3, #post-341 .featured-text h3 {color:#f8fb00; font-size:12px; margin-bottom:10px;}
#post-2 .more-video, #post-340 .more-video, #post-341 .more-video {padding:10px 0 0 280px;}
.featuredbtn {padding-left:43px;}

#episode {float:left; width:738px; height:346px; background:url(images/episodebg.jpg) no-repeat;}
#episode .listepi {float:left; margin-top:20px;}
#episode .listepi li {display:inline; padding-right:10px;}
#episode .listepi li a, #episode .listepi li a:visited {color:#fff;}
#episode .epi-post {margin:55px 0 0 380px;}
#episode .epi-post .entry {width:335px; height:245px; overflow:auto; padding-right:5px;}

#episode .epileft {float:left;}
#episode .epileft .epiphoto {padding:22px 10px 0 7px;}

#episode .jcarousel-container {width:360px; float:left; padding:0 10px;}
.jcarousel-container .epibtns {float:right; width:90px; overflow:hidden; margin:13px 20px 0 0;}
#episode .jcarousel-clip {width:225px; padding:0 10px; float:left;}
.jcarousel-prev {cursor:pointer; float:left;}
.jcarousel-next {cursor:pointer; float:right;}

#video {float:left; width:734px; height:340px; background:url(images/videobg.jpg) no-repeat; overflow:hidden;}
#video .videobox {float:left;}
#video .video-post {padding:20px 10px 0 10px; float:left;}
#video .video-post .entry {overflow:auto; padding-right:5px;}
#video .video-post .entry .videotext {float:left; height:280px; overflow:auto; padding:30px 5px 20px 20px; width:200px;}

#music {float:left; width:524px; height:341px; background:url(images/musicbg.jpg) no-repeat; overflow:hidden;}
#music .music-list {float:left; padding:60px 0 0 15px; color:#fff; font-size:11px;}
#music .music-list li {list-style:decimal; margin-left:20px; margin-bottom:10px;}
#music .music-list li a, #music .music-list li a:visited {color:#fff; font-size:11px; padding-left:0;}
#music .music-post {margin:40px 0 0 210px;}
#music .music-post .entry {width:295px; height:260px; overflow:auto; padding-right:5px;}

#characters {float:left; width:736px; height:396px; background:url(images/charactersbg.jpg) no-repeat; overflow:hidden;}
#characters .characters-post {float:left; padding:27px 0 0 8px;}
#characters .characters-text {float:left; padding:10px 20px 0 20px; width:330px; color:#fff; font-size:11px; height:320px; overflow:auto; margin-top:20px;}
#characters .jcarousel-scroll {float:right;}
#characters .jcarousel-scroll a {color:#cc0000;}
#characters .carousel-gallery {float:left;}
#characters .characters-post strong {color:#fbf008;}
#characters .characters-post p {margin-bottom:20px;}

#aboutmain {background:url(images/aboutbg.jpg) no-repeat; width:738px; height:346px; float:left; margin-right:5px;}
#aboutmain .aboutbox {margin:40px 0 0 380px; width:345px; height:290px; overflow:auto;}

#videomain {background:url(images/videomainbg.jpg) no-repeat; width:524px; height:328px; float:left; margin:15px 10px 0 0;}
#videomain img {padding:7px;}

#contactus {background:url(images/contactusbg.jpg) no-repeat; width:738px; height:346px; float:left; margin-right:10px;}
#contactus .entry {padding:50px 0 0 380px; width:300px;}

#termofuse {background:url(images/terms-of-use.jpg) no-repeat; width:942px; height:341px;}
#termofuse .post {padding:40px 0 0 370px;}
#termofuse .post .entry {overflow:auto; width:535px; height:285px; padding:0 10px;}

#credit {background:url(images/creditsbg.jpg) no-repeat; width:737px; height:344px; float:left; margin-right:10px;}
#credit .post .entry {padding-left:380px; width:345px; height:290px; overflow:auto; margin-top:40px;}
#credit .post .entry h2 {margin:15px 0;}
#credit .post .entry strong {color:#F8FB00;}

#policy {background:url(images/privacybg.jpg) no-repeat; width:942px; height:341px; margin-top:20px;}
#policy .post {padding:40px 0 0 370px;}
#policy .post .entry {padding:0 10px; width:540px; height:290px; overflow:auto;}

#purchase {background:url(images/purchasebg.jpg) no-repeat; width:738px; height:344px; float:left; margin-right:9px;}
#purchase .post .entry {padding-left:375px; width:345px; height:290px; overflow:auto; margin-top:40px;}

#notfound {background:url(images/pagenotfound.jpg) no-repeat; width:738px; height:346px; float:left; padding-right:5px;}
#notfound .errorpage {width:300px; padding:50px 0 0 380px;}

/* Tips & Looks */
.boxgrid {width:210px; height:310px; margin:10px; float:left; overflow: hidden; position: relative;}
.boxgrid img {position: absolute; top: 0; left: 0; border: 0;}
.boxcaption {float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8;
/* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

.captionfull .boxcaption {top: 260; left: 0;}
.caption .boxcaption {top: 220; left: 0;}

.tips-and-looks {margin-bottom:20px; overflow:hidden; padding:0 10px;}
.tips-and-looks .tipsbox {float:left;}

.slidedown .cover {margin:3px; border:1px solid #fff;}
.slidedown .imgclick {padding:3px 2px;}
.tips1 {background:url(images/tipsbg1.jpg) no-repeat; width:231px; height:330px;}
.tips2 {background:url(images/tipsbg2.jpg) no-repeat; width:231px; height:330px;}
.tips3 {background:url(images/tipsbg3.jpg) no-repeat; width:231px; height:330px;}
.tips4 {background:url(images/tipsbg4.jpg) no-repeat; width:231px; height:330px;}

.freebiebox {background:url(images/freebiemainbg.jpg) no-repeat; width:524px; height:328px; float:left; margin:16px 5px 0 0;}
.freebiebox .freebiephoto {float:left; padding:7px;}
.freebiebox .freebietext {float:left; width:130px; padding:20px 0 0 10px;}
.freebiebox .freebietext a, .freebiebox .freebietext a:visited {color:#f8fb00; text-decoration:none;}
.freebiebox .freebietext a:hover {color:#f8fb00; text-decoration:underline;}

/* Tips & Looks Subpage */
.lookpage {width:734px; height:346px; float:left; display:inline; overflow:hidden;}

.lookjackiemain {background:url(images/looksjackiebg.jpg) no-repeat; width:734px; height:346px;}
.lookemmamain {background:url(images/looksemmabg.jpg) no-repeat; width:734px; height:346px;}
.lookallymain {background:url(images/looksallybg.jpg) no-repeat; width:734px; height:346px;}
.lookdancemain {background:url(images/looksdancebg.jpg) no-repeat; width:734px; height:346px;}

.lookpage .post .entry {overflow:hidden;} 
.lookphoto {float:left; width:350px; height:320px; padding-left:7px; margin-top:28px;}
.looktext {width:345px; height:280px; float:left; display:inline; margin:50px 13px 0 15px; overflow:auto;}
.looktext strong {color:#F8FB00; font-weight:bold;}

/* Gallery Buttons */
.jcarousel-scroll {float:right; overflow:hidden; margin-top:20px; padding-right:5px;}
.cgj_prev, .characters-post .entry .cgj_prev, .characters-post .entry .cgj_prev:hover {text-indent:-9999px; display:block; width:41px; height:25px; background:url(images/leftbutton.jpg) no-repeat; float:left;}
.cgj_next, .characters-post .entry .cgj_next, .characters-post .entry .cgj_next:hover {text-indent:-9999px; display:block; width:41px; height:25px; background:url(images/rightbutton.jpg) no-repeat; float:left;}

#characters .carousel-gallery .carousel-controls {width:250px; height:100px; overflow:hidden;}
.carousel-controls .carousel-controls-inner {width:250px;  position:relative;}
.carousel-controls .carousel-controls-inner a {margin-bottom:5px;}

ul.tabs {margin:0; padding:0; float: left; list-style: none; height:25px; /*--Set height of tabs--*/ border-left: 1px solid #999; width: 100%;}

ul.tabs li {float: left; margin: 0; padding: 0; height:24px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 24px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #999; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden;
position: relative; background: #e0e0e0; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px;}

ul.tabs li a {text-decoration: none; color: #000; display: block; padding:0 5px; outline: none;}
html ul.tabs li.active, html ul.tabs li.active a:hover {background:transparent; border-bottom: 1px solid #fff; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px;}

.tab_container {border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background:transparent;}
.tab_content {font-size:11px; color:#fff;}

/* FOOTER */
#footer {width:850px; margin:30px auto 50px auto; text-align:center; font-size:10px; color:#999; line-height:160%;}
#footer a {color:#999;}
#footer a:hover {text-decoration:underline;}
#footer .footlogo {float:left; padding-top:20px;}
#footer .copyright p {text-align:center;}
#footer .copyright ul {margin-bottom:10px;}
#footer .copyright ul li {display:inline; padding:0 5px; list-style:none;}
#footer .copyright ul li a {color:#564d4e;}