/*
// "Keegot Template" for Joomla! 2.5.x - Version: 3.1
// Designed & Developed by Keegot.
// Copyright (c) 2010 - 2015 Keegot. All rights reserved.
// Released under the GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
// More info at http://www.keegot.com
*/
/* CNN BOX */

body, div{ padding: 0; margin: 0;}

body { background:#191919; font-family:"Open Sans",Helvetica,Arial,sans-serif; font-size: 16px; font-weight: 300; }
a:link,
a:visited, 
a:hover { text-decoration: none; color:#fff}

.container  {margin-left:10px; margin-right: 10px; position: relative; }
.cnn-h .items { margin:0 -10px; }
.cnn-h .header { height: 70px; position: fixed; left:0; right: 0; top:0; background: #191919; }
.cnn-h a.logo { width: 70px; height: 70px; display: block; float:left; background-image: url(images/cnn_logo_s.png);}


.cnn-v a.logo { width: 70px; height: 70px; display: block;  background-image: url(images/cnn_logo_s.png);position: absolute; }



.top-space { padding-top: 60px; }

.navigation { height: 70px; overflow: hidden}
ul.menu { width: 100%; list-style: none;padding: 0;margin: 0; }
ul.menu li { display: block; float: left; padding: 0; margin: 0;}
ul.menu li a { padding: 0 12px; line-height: 70px; text-decoration: none; font-size: 1em; font-weight: 600; }
ul.menu li a:link, 
ul.menu li a:visited {color: #cbcbcb; }
ul.menu li a:hover { color: #ebebeb; }


h2.item-title { line-height: 1.5; font-weight: 300; font-size: .875em; margin: 5px 0 0; }

.item-image img { max-width: 100%; height: auto;  }

.column.last .item { border-bottom: 1px solid #7e7e7e; }
.column.last .item:nth-child(4) { border:0; }

.cnn-v .item { border-bottom: 1px solid #7e7e7e; }
.cnn-v .item:last-child { border-bottom:0; }
.cnn-v .header { height: 10px;}
/* .cnn-v .item-title { font-size: 1.0em; } */

.stores { text-align: center; padding: 5px;}
.stores a {  display: inline-block; margin: 5px 10px; }
.stores .play { text-align: left; }
.stores .play a { background-image:url(images/gplay.png); background-repeat: no-repeat; background-size: contain;}
.stores .tunes { text-align: right; }
.stores .tunes a { background-image:url(images/itunes.png); background-repeat: no-repeat; background-size: contain; }

/*
.zone { margin: 0 auto; max-width: 1310px; }
.w-screen { width:1230px; margin: 0 auto;}
*

/* Row */
.row { /* overflow:hidden*/ }
.row:after{content: '.'; display: block; height: 0; visibility: hidden; clear:both;}

/* experimental (clear all lists for floating elements) */
/* ul:after{content: '.'; display: block; height: 0; visibility: hidden; clear:both; } */

/* Gutter */
.p1 { padding: 1px;}
.p2 { padding: 2px;}
.p4 { padding: 4px;}
.p5 { padding: 5px;}
.p6 { padding: 6px;}
.p8 { padding: 8px;}
.p10 { padding: 10px;}
.p10-0 { padding: 10px 0;}
.p10-10-0 { padding: 10px 10px 0;}
.p10-20 { padding: 10px 20px;}
.p12 { padding: 12px;}
.p15 { padding: 15px;}
.p20 { padding: 20px;}
.p20-10 { padding: 20px 10px;}
.p20-20-20-10 { padding: 20px 20px 20px 10px;}
.p20-10-20-20 { padding: 20px 10px 20px 20px;}
.p30-0-0 { padding: 30px 0 0 }
.p40 { padding: 40px;}
.p0-10 { padding: 0 10px; margin: 0;}
.p5-10 { padding: 5px 10px;}
.p0-14 { padding: 0 14px;}
.p0-15 { padding: 0 15px;}
.p10-10-10-0 { padding: 10px 10px 10px 0}
.p0-10-10 { padding: 0 10px 10px; }
.pr-10 {padding-right: 10px;}
.pl-10 {padding-left:10px;}

/* Boxes */
.w100,.w110,.w120,.w130,.w140,.w150,.w160,.w170,.w180,.w190,.w200,.w210,.w220,.w230,.w240,.w250,.w260,.w270,.w280,.w290,.w300,.w310,.w320,.w330,.w340,.w350,.w360,.w370,.w380,.w390,.w400,.w410,.w420,.w430,.w440,.w450,.w460,.w470,.w480,.w490,.w500,.w510,.w520,.w530,.w540,.w550,.w560,.w570,.w580,.w590,.w600,.w610,.w620,.w630,.w640,.w650,.w660,.w670,.w680,.w690,.w700,.w710,.w720,.w730,.w740,.w750,.w760,.w770,.w780,.w790,.w800,.w810,.w820,.w830,.w840,.w850,.w860,.w870,.w880,.w890,.w900,.w910,.w920,.w930,.w940,.w950,.w960,.w970,.w980,.w990,.w1000{float:left;}

/* Fixed width */
.w100 { width:100px;}.w110 { width:110px;}.w120 { width:120px;}.w130 { width:130px;}.w140 { width:140px;}.w150 { width:150px;}.w160 { width:160px;}.w170 { width:170px;}.w180 { width:180px;}.w190 { width:190px;}
.w200 { width:200px;}.w210 { width:210px;}.w220 { width:220px;}.w230 { width:230px;}.w240 { width:240px;}.w250 { width:250px;}.w260 { width:260px;}.w270 { width:270px;}.w280 { width:280px;}.w290 { width:290px;}
.w300 { width:300px;}.w310 { width:310px;}.w320 { width:320px;}.w330 { width:330px;}.w340 { width:340px;}.w350 { width:350px;}.w360 { width:360px;}.w370 { width:370px;}.w380 { width:380px;}.w390 { width:390px;}
.w400 { width:400px;}.w410 { width:410px;}.w420 { width:420px;}.w430 { width:430px;}.w440 { width:440px;}.w450 { width:450px;}.w460 { width:460px;}.w470 { width:470px;}.w480 { width:480px;}.w490 { width:490px;}
.w500 { width:500px;}.w510 { width:510px;}.w520 { width:520px;}.w530 { width:530px;}.w540 { width:540px;}.w550 { width:550px;}.w560 { width:560px;}.w570 { width:570px;}.w580 { width:580px;}.w590 { width:590px;}
.w600 { width:600px;}.w610 { width:610px;}.w620 { width:620px;}.w630 { width:630px;}.w640 { width:640px;}.w650 { width:650px;}.w660 { width:660px;}.w670 { width:670px;}.w680 { width:680px;}.w690 { width:690px;}
.w700 { width:700px;}.w710 { width:710px;}.w720 { width:720px;}.w730 { width:730px;}.w740 { width:740px;}.w750 { width:750px;}.w760 { width:760px;}.w770 { width:770px;}.w780 { width:780px;}.w790 { width:790px;}
.w800 { width:800px;}.w810 { width:810px;}.w820 { width:820px;}.w830 { width:830px;}.w840 { width:840px;}.w850 { width:850px;}.w860 { width:860px;}.w870 { width:870px;}.w880 { width:880px;}.w890 { width:890px;}
.w900 { width:900px;}.w910 { width:910px;}.w920 { width:920px;}.w930 { width:930px;}.w940 { width:940px;}.w950 { width:950px;}.w960 { width:960px;}.w970 { width:970px;}.w980 { width:980px;}.w990 { width:990px;}
.w1000{width:1000px;}

/* Fluid */

.clr-sm { clear: both; display: none;}
.clr-md { clear: both; display: none;}
.clr-lg { clear: both; display: none;}
.clr-w { clear: both; display: none;}

.hide-md { display: none;}

/* Phone Portrait */
@media screen and (min-width: 300px){ 
    
.xs1,.xs2,.xs25,.xs3,.xs33,.xs34,.xs35,.xs4,.xs5,.xs6,.xs66,.xs7,.xs75,.xs8,.xs9,.xs10,.xs11,.xs12 {float:left; box-sizing: border-box;}
.xs1{width:10%;}.xs2{width:20%;}.xs25{width:25%;}.xs3{width:30%;}.xs33{width:33.33%;}.xs34{width:34%;}.xs35{width:35%;}.xs4{width:40%;}.xs5{width:50%;}.xs6{width:60%;}.xs66{width:66%;}.xs7{width:70%;}.xs75{width:75%;}.xs8{width:80%;}.xs9{width:90%;}.xs10{width:100%;}

/* pp => xs  */

}

/* Phone Landscape */
@media screen and (min-width: 460px){ 
    
.sm1,.sm2,.sm25,.sm3,.sm33,.sm34,.sm35,.sm4,.sm5,.sm6,.sm66,.sm7,.sm75,.sm8,.sm9,.sm10,.sm11,.sm12 {float:left; box-sizing: border-box;}
.sm1{width:10%;}.sm2{width:20%;}.sm25{width:25%;}.sm3{width:30%;}.sm33{width:33.33%;}.sm34{width:34%;}.sm35{width:35%;}.sm4{width:40%;}.sm5{width:50%;}.sm6{width:60%;}.sm66{width:66%;}.sm7{width:70%;}.sm75{width:75%;}.sm8{width:80%;}.sm9{width:90%;}.sm10{width:100%;}

/* pl => sm  */
    
}

@media screen and (min-width: 460px) and (max-width: 620px){ 
	.clr-sm { clear: both; display: block;}
}

/* Tablet Portrait */
@media screen and (min-width: 620px){ 
    
.md1,.md2,.md25,.md3,.md33,.md34,.md35,.md4,.md5,.md6,.md66,.md7,.md75,.md8,.md9,.md10,.md11,.md12 {float:left; box-sizing: border-box;}
.md1{width:10%;}.md2{width:20%;}.md25{width:25%;}.md3{width:30%;}.md33{width:33.33%;}.md34{width:34%;}.md35{width:35%;}.md4{width:40%;}.md5{width:50%;}.md6{width:60%;}.md66{width:66%;}.md7{width:70%;}.md75{width:75%;}.md8{width:80%;}.md9{width:90%;}.md10{width:100%;}

/* tp => md  */
    
}

@media screen and (min-width: 620px) and (max-width: 960px){ 
	.clr-md { clear: both; display: block;}
}

/* Tablet Landscape */
@media screen and (min-width: 960px){ 
    
.lg1,.lg2,.lg25,.lg3,.lg33,.lg34,.lg35,.lg4,.lg5,.lg6,.lg66,.lg7,.lg75,.lg8,.lg9,.lg10,.lg11,.lg12 {float:left; box-sizing: border-box;}
.lg1{width:10%;}.lg2{width:20%;}.lg25{width:25%;}.lg3{width:30%;}.lg33{width:33.33%;}.lg34{width:34%;}.lg35{width:35%;}.lg4{width:40%;}.lg5{width:50%;}.lg6{width:60%;}.lg66{width:66%;}.lg7{width:70%;}.lg75{width:75%;}.lg8{width:80%;}.lg9{width:90%;}.lg10{width:100%;}

.hide-md { display: block;} 
.lg-right { float: right;}
/* tl => lg  */
    
    
    .stores { position: absolute; top:10px; right:0}
    
}


@media screen and (min-width: 960px) and (max-width: 1100px){ 
	.clr-lg { clear: both; display: block;}
}

/* Descktop */
@media screen and (min-width: 1100px){ 
	
.w1,.w14,.w2,.w25,.w3,.w33,.w34,.w35,.w4,.w5,.w6,.w66,.w7,.w75,.w8,.w9,.w10,.w11,.w12 {float:left; box-sizing: border-box}
.w1{width:10%;}.w14{width:14.25471%}.w2{width:20%;}.w25{width:25%;}.w3{width:30%;}.w33{width:33.33%;}.w34{width:34%;}.w35{width:35%;}.w4{width:40%;}.w5{width:50%;}.w6{width:60%;}.w66{width:66%;}.w7{width:70%;}.w75{width:75%;}.w8{width:80%;}.w9{width:90%;}.w10{width:100%;}
	
	.clr-w { clear: both; display: block;}
}