/*
 * BASIC COLORS:
 *      #CB656C - pink
 *      black
 *      white
**/

body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #ffffff;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /*this centers the container in IE 5* browsers.The text is then set to the left aligned default in the #container selector */
    color: #FFF;
}
.thrColFix #container {
    width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #FFFFFF;
    color: #000000;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    /*border: 1px solid #000000;*/
    text-align: left; /* this overrides the text-align: center on the body element. */
}
.thrColFix #sidebar1 {
    float: left; /* since this element is floated, a width must be given */
    width: 216px;
    background:inherit;
    color: #FFF;
}

.thrColFix #sidebar2 {
    float: right; /* since this element is floated, a width must be given */
    width: 216px;
    background: #000000;
    color: #FFF;

}
.thrColFix #mainContent {
    margin: 0 225px;
    /*	  border:1px dashed red;*/
    /*height:1050px;*/
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
         float: right;
         margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
          float: left;
          margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
              clear:both;
              height:0;
              font-size: 1px;
              line-height: 0px;
}

/* END OF DEFAULT LAYOUT */

/* CUSTOM LAYOUT */
#topSidebar1 {
    padding:100px 0 15px 20px;
}

#bottomSidebar1 {
    padding:0 15px;
    background-color:#cb656c;
}

#bottomSidebar1 h3, #bottomSidebar2 h3{
    padding-top:10px;
    font-size:.85em;
    font-weight:bold;
}

#bottomSidebar1 h3 img, #bottomSidebar2 h3 img, #mainContent .articleBlock h2 a img {
    vertical-align:middle;
}

#bottomSidebar1 p, #bottomSidebar2 p {

    font-size:.60em;
}

#bottomSidebar1 a, #bottomSidebar2 a {    
    color:#FFF;
    text-decoration:none;
}
#bottomSidebar1 a.intense,#bottomSidebar2 a.intense, #bottomSidebar1 a.fainted {
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
}
#bottomSidebar1 p#about_cooradio_p {
    text-align: justify;
}
#bottomSidebar1 a.fainted {
    color:#E9E9E9;
}

#bottomSidebar1 a:hover, #bottomSidebar2 a:hover {
    text-decoration:underline;
    color:#000;
}

#bottomSidebar1 h3 a:hover {
    text-decoration:none;
}

#bottomSidebar1 #text_message_from,#bottomSidebar1  #text_message_email {
    width: 83.5px;
    font-size:.90em;
    border:0;
    border-top:1px solid black;
}

#bottomSidebar1 #text_message_area {
    border:0;
    width:180px;
    height:30px;
    font-size:.70em;
    font-family:Verdana, Geneva, sans-serif;
}

#bottomSidebar1 .eventDate {
    /*float:right;    */
    /*padding-left:10px;*/
}


#sidebar1Ads {
    font-size:0.55em;
    height:390px;
    border:1px dashed #FFF;
    margin:10px 0;
}

#sidebar1Credits {
    padding-top:10px;
}

#sidebar1Credits p {
    font-size:9px;
}

#sidebar1brush {
    background-color:#FFF;
    background-image:url(../images/brush_sidebar1.png);
    background-repeat:no-repeat;
    background-position:top center;
    height:25px;
}

#bottomSidebar2 {
    padding:0 10px;
}

#sidebar2brush {
    background-color:#FFF;
    background-image:url(../images/brush_sidebar2.png);
    background-repeat:no-repeat;
    background-position:bottom center;
    height:25px;
}

#bottomSidebar2 table.scheduleSnapshot {
    width:196px;
    font-size:8.5px;
    text-align:center;
    border:1px solid #333333;
}

#bottomSidebar2 table.scheduleSnapshot td {
    border:1px solid #333333;
    width:50px;
}
#bottomSidebar2 table td.currentDay {
    background-color:#1d1d1d;
    font-weight:bold;
}

#bottomSidebar2 table .onAirSchedule {
    background-color:#600;
    font-weight:bold;
}

#bottomSidebar2 div#shoutboxSpace {
    height:350px;
}

#bottomSidebar2 h3{
    padding-bottom: 3px;
}
#bottomSidebar2 a {
    color:#FFF;
}

#bottomSidebar2 a:hover {
    color:#cb656c;
}

#sidebar2Ads {
    font-size:.55em;
    height:70px;
    border:1px dashed #FFF;
    margin:10px 0;
}


/*
 * FOLLOW US DIV ELEMENT
 *
**/


div#followUs {
    position: fixed;
    top: 400px;
    right:-36px;
    border: 1px solid #433f3f;
    border-right:0;
    width: 55px;
    height: 140px;
    background-image: url('../images/social_network_icons/followUs2.png');
    background-position: 3px 3px;
    background-repeat: no-repeat;
    /*z-index: -1;*/
}

div#followUs img {
    float: right;
    padding:8px 0;    
}


/*
 * MAIN CONTENT
 *
**/

#mainContent .articleBlock {    
    font-family:Arial, Helvetica, sans-serif;
    /*border:1px solid #51282b;*/
    width: 262px;
    float:left;
    margin:10px 0px 0 0;
    padding:5px 5px 5px 5px;
    height:210px;
    overflow:hidden;
}

#mainContent .articleBlock h2 a {
    font-size:16px;
    font-weight:900;
    color:#51282b;
    text-decoration:none;
}

#mainContent .articleBlock p {
    font-size:12px;
    color:#000;
    /*		font-weight:bold;*/
    /*		text-align:justify;*/
}
#mainContent .articleImg {
    width:100px;
    float:left;
    margin:5px;
}

#mainContent #robotSpace {
    float:left;
    /*border:1px dashed black;*/
    width:550px;
    text-align:center;
}

#mainContent a {
    color:#3B5998;
    text-decoration:none;
}

#mainContent a:hover {
    color:#3B5998;
    text-decoration:underline;
}

#mainContent #previous_posts_space {
    font-size:12px;
    float:left;
   /* border-top:1px solid #D8DFEA;*/
    width:550px;   
    padding:0 5px;
}

#mainContent #previous_posts_space #previous_posts {
    float: right;
}

/*
 * ARTICLE PAGE
 **/

#article_box #robotSpace {
    padding-top: 20px;
}


#article_box h2 {    
    margin-bottom: 10px;
    font-size:16px;
    font-weight:900;
    color:#51282b;
}
#article_box h2 img {
    vertical-align:middle;
}

#article_box #article_body img.coverImg {
    width:250px;
    float:left;
    margin:5px;
}

#article_box #article_body p {
    font-size:12px;
    color:#000;
    line-height: 20px;
}

#article_box #article_body p a {
    color:#3B5998;
    text-decoration:none;
}

#article_box #article_body p a:hover {
    color:#3B5998;
    text-decoration:underline;
}

#article_signature {
    margin-top:20px;
    text-align:right;
}


#more_articles h6 {
    margin-top: 20px;
    font-size:16px;
    font-weight:900;
    color:#51282b;
}

#more_articles a {
    font-size:12px;
    color:#3B5998;
    text-decoration:none;
}

#more_articles a:hover {    
    text-decoration:underline;
}


/*
 * DISPLAY SCHEDULE MODAL
*/
table.weeklySchedule {
    /*width:196px;*/
    font-size:11px;
    text-align:center;
}

table.weeklySchedule th {
    text-align: center;
    font-weight: bold;
}

table.weeklySchedule tr.tableHead {
    background-color:#000000;color:white;
}

table.weeklySchedule tr.rowStyle1 {
    background-color:#f5e0e2;
}

table.weeklySchedule tr.rowStyle2 {
    background-color:white;
}

table.weeklySchedule td.cellStyle1 {
    padding:2px 6px;    
}

table.weeklySchedule td.cellStyle2 {
    padding:2px 6px;
    border-right:1px solid #D7D7D7;    
}

table.weeklySchedule td a {    
    color:#000000;
}

table.weeklySchedule td a:hover {
    text-decoration:none;
}


/*
 * Info Μodals
**/
p.info_modal  {
    font-size: 10px;
    text-align: justify;
    line-height: 20px;
    padding-bottom: 20px;
}

h6.info_modal_title {
    font-size: 10px;
    font-weight: bold;
}

p.info_modal a {
    font-weight: bold;
    text-decoration: none;
    color:#3B5998;
}

p.info_modal a:hover {
    text-decoration: underline;
}





/*
 * PROFILE PAGE
 **/

#profile_box #robotSpace {
    padding-top: 20px;
}

#profile_box h2 {
    margin-bottom: 10px;
    font-size:16px;
    font-weight:900;
    color:#51282b;
}

#profile_box h2 img {
    vertical-align:middle;
}

#profile_box #profile_body div#producer_image_frame {
    width: 200px;
    float: left;
}


#profile_box #profile_body p {
    font-size:12px;
    color:#000;
    line-height: 30px;
}



#profile_box #profile_body #info_box {
    width: 350px;
    float: left;
}
#profile_box #profile_body #info_box p.quote {
    font-weight: bold;
}

#profile_box #profile_body #info_box p.infoParagraph, #profile_box #profile_body #info_box p.infoParagraphLabel {
    float: left;
    line-height: 70px;
    width: 100px;
    /*border:1px solid black;*/

}

#profile_box #profile_body #info_box p.infoParagraph {
    width: 210px;
}

#profile_box #profile_body #info_box p.infoParagraphLabel {
    color:#777777;
}

#profile_box #profile_body #free_text {    
    /*float: left;   */
    width:550px;
}

#profile_box #profile_body #free_text p.automaticParagraphs {
    text-align: justify;
    padding-left: 5px;
    padding-top: 40px;
}

#profile_box #profile_body #free_text p {    
    padding-left: 5px;   
}

#profile_box #profile_body #free_text h6 {
    margin-top: 20px;
    font-size:12px;
    font-weight:900;
    text-align: right;
    border-bottom: 1px solid #eeeeee;
    color:#6A6A6A;
    padding-right: 5px;
}