body{
    margin:0;
    background:#FFFFFF;
    color:#666666;
}
/* alignment 
----------------------------------------------------------------------------- */
.align-j {text-align:justify;}
.center, .align-c {text-align:center;}
.align-l {text-align:left;}
.align-r {text-align:right;}

.float-l{
    float:left;
}
.float-r{
    float:right;
}

.inline {
    display:inline;
}

/* anchors 
----------------------------------------------------------------------------- */
a {
    color:#333333;
    font-weight:bold;
    text-decoration:none;
}
a:hover {
    color:#666666;
}

/* layout areas
----------------------------------------------------------------------------- */
.branding{
    margin-top:10px;
    height:125px;
}
.navtop{
    z-index:2;
}
.navside{
    border:1px solid red;
}
.breadcrumbs{
    border:1px solid red;
}
.footer{
    text-align:center;
    font-size:10px;
    color:#AAAAAA;
    padding:8px;
}
.footer img {
    padding:0 10px;
    vertical-align:text-top;
}
.debug{
    border:1px solid #CCCCCC;
    margin-top:20px;
    padding:10px;
    background-color:#EEEEEE;
}

/* errors exceptions notfound
------------------------------------------------------------------------------*/
.error, .exception, .notfound{
    border:1px solid red;
    margin:20px;
    padding:20px;
}
.error h4, .exception h4, .notfound h4{
    color:#CC0000;
}
.error li, .exception li, .notfound li{
    color:#CC0000;
}

/* boxes
----------------------------------------------------------------------------- */
.box {
    background:#FEFEFE;
    margin:10px;
    padding:5px;
    border:1px dotted #CCCCCC;
}
.box h2 {
    font-size:11px;
    color:#333333;
    background:#EEEEEE url(bg-header.jpg) repeat-x;
    margin:-5px -5px 0 -5px;
    padding:6px 12px;
    border-bottom:1px dotted #BBBBBB;
}
.box h2 a{
    text-decoration:none;
    color:#003399;
}
.box h2 a:hover{
    text-decoration:underline;
}
.block{
    background:#F6F6F6;
    border:1px solid #DDDDDD;
    padding:5px;
    margin-top:5px;
}
.block p{
    text-align:justify;
}
.block img {
    margin:2px 10px 10px 0;
}
.block ul, .block ol{
    list-style-position:inside;
}
.news, .cricket{
    border:1px dotted #CCCCCC;
    margin:0 0 5px 0;
    padding:5px;
    background:#F9F9F9;
}
.score{
    border:1px dotted #6666CC;
}
.news p, .cricket p{
    margin:0 0 5px 0;
}
.news h6, .cricket h6{
    color:#3366CC;
    margin:0;
}
h6.author{
    color:#003366;
}
p.created{
    font-size:10px;
    font-weight:bold;
    color:#333366;
    text-align:right;
    border-bottom:1px dashed #EBEBEB;
    margin:0 0 2px 0;
}
.cricket th.team_id,
.cricket th.player_id{
    width:50px;
}
/* Gwet - (google weather api)
----------------------------------------------------------------------------- */
.gwet p{
    padding:0;
    margin:0;
    text-align:center;
}
.gwet h2 span.gwet{
    background:transparent url(bg-icon-gwet.png) 0% 50% no-repeat;
    padding:6px 2px 6px 40px;
}
.w-day{
    color:#0000AA;
    font-weight:bold;
}
.w-cond{
    color:#666666;
    font-weight:bold;
}
.w-temp{
    font-weight:bold;
}
.w-humd{}
.w-wind{}
.w-img{}

/* anchors
------------------------------------------------------------------------------*/
.inline-link {
    text-decoration:none;
    font-weight:bolder;
    color:#666666;
}
.inline-link:hover{
    text-decoration:underline;
}


#nav,
#nav li,
#nav li a {
    font-family:'Comic Sans MS', cursive;
    font-style:italic;
}

#nav li a.top_link {
    font-size:12px;
    font-weight:normal;
    /*color:#333333;*/
}

.applause {
    border:1px solid #ccc;
    padding:10px 20px;
    margin:5px;
    background:#eee;
    font-family:cursive;
    font-style:italic;
    text-align:justify;
}
.tips p {
    border:1px solid #ccc;
    padding:5px;
    background:#eeeeee;
    text-align:justify;
}
.gallery {
    background:#FFFFFF;
    border:0;
}

.packages {
    border:1px solid #DDDDDD;
    margin:10px;
    padding:10px;
    background:#F9F9F9;
}
.menu {
    border:1px solid #DDDDDD;
    margin:10px;
    padding:10px;
    background:#F9F9F9;
}