/* 
Theme Name: simple-theme
Theme URL: www.simple-ideas.gr
Description: www.simple-ideas.gr
Author: Simple Ideas::Nick Melistas
Author URI: http://www.simple-ideas.gr
*/
/* -------------------------------------------------------------- 
resets
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

/* -------------------------------------------------------------- 
floats
-------------------------------------------------------------- */
img.alignright  {float:right; margin: 0 0 0 7px;}
img.alignleft {float:left; margin: 0 7px 0 0;}
.clear {
display:inline-block;
clear:both;
}
.clear:after,.container:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html .clear {
height:1%;
}
/* -------------------------------------------------------------- 
grid
-------------------------------------------------------------- */
.container {
margin:0 auto;
}
*:first-child+html .container {
display:inline-block;
margin:0 auto;
}
* html .container {
display:inline-block;
margin:0 auto;
}
.column {
float:left;
}

/* columns */
.col-10   { width: 9.8%; }
.col-20   { width: 19.8%; }
.col-25   { width: 24.8%; }
.col-30   { width: 29.8%; }
.col-33   { width: 33.2%; }
.col-35   { width: 34.8%; }
.col-40   { width: 39.8%; }
.col-45   { width: 44.8%; }
.col-50   { width: 49.8%; }
.col-55   { width: 54.8%; }
.col-60   { width: 59.8%; }
.col-65   { width: 64.8%; }
.col-70   { width: 69.8%; }
.col-75   { width: 74.8%; }
.col-80   { width: 79.8%; }
.col-85   { width: 84.8%; }
.col-90   { width: 89.8%; }
.col-95   { width: 94.8%; }
.col-100   { width: 99.8%; }
/* left - right box */
.box-5    { padding: 0 5px; }
.box-10   { padding: 0 10px; }
.box-15   { padding: 0 15px; }
.box-20   { padding: 0 20px; }
.box-25   { padding: 0 25px; }
.box-30   { padding: 0 30px; }
.box-35   { padding: 0 35px; }
.box-40   { padding: 0 40px; }
.box-45   { padding: 0 45px; }
.box-50   { padding: 0 50px; }
.small{
font-size:.8em;
}
:focus {
outline: 0;
}
ul {
list-style: none;
}
.hide {
display: none;
}
strong {
font-weight: bold;
color: #000;
}

ul.horizontal li{
text-align: left;
float: left;
list-style: none;
}

/*End base css
***************************************************************************************/

body {
background: #fff url(images/bg.jpg) 0 0 repeat-x;
font: 11px/20px "Lucida Grande", Tahoma, sans-serif;
color: #545454;
}
#all{
margin:0 auto;
width:960px;
}
#screen{
height:490px;
}
h1{
margin:20px 0 20px 0;
background: url(images/title.png) center 0 no-repeat;
height:70px;
}
h1 span{
display:none;
}


/* container has a background image */
a.player {
border:1px solid #eee;	
margin-top:0;
display:block;
background:url(images/splash.png) center center no-repeat;
width:650px;
height:420px;
cursor:pointer;
}

/* splash image */
a.player img {
margin-top:115px;
border:0;	
}

a.player {
margin-top:0px;		
}


/*{{{ general playlist settings, light gray */
div.playlist {

position:relative;
overflow:hidden;	 	
height:285px !important;
}

div.playlist div.clips {	
position:absolute;
height:20000em;
}

div.playlist, div.clips {

}

div.clips a {
text-align:right;
display:block;
padding:15px 40px 15px 15px;
height:29px;
width:180px;
font-size: 1.8em;
text-decoration:none;
color:#194861;
border-bottom:1px solid #eee
}
div.clips a.first {
border-top-width:1px;
}
div.clips a.playing, div.clips a.paused, div.clips a.progress {
color:#f00;	
}
div.clips a.paused {
background-position:0 0;	
}

div.clips a span {
display:block;		

}

div.clips a em {
font-size:.8em;
display:none
}	

div.clips a:hover {
color:#f00;		
}

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
background-color:transparent !important;		 
}


/* ---------------------
LIBRARY
----------------------*/

h2{
margin:0px 0 10px 0;
background: #fff url(images/entipo-title.jpg) center 0 no-repeat;
height:80px;
display:block;
}

h2 span{
display:none;
}


#library ul {
padding: 0 0 0 155px;
width:680px;
margin: 0 auto;
}
#library ul li{
list-style:none;
float:left;
margin: 0 1%;
text-align:center;
}
#library ul li a img{
width:120px;
height:120px;
}


#footer{
clear:both;
}