.button{
    padding:8px 20px 8px 20px;
    margin:10px;
    border:none;

    height:36px; cursor:pointer;
    background:#7a9218 url(../images/buttonback.png) repeat-x;
    font-family: 'Droid Sans', arial, serif;  color:#fff;
    font-size:18px; text-shadow:0px 2px 2px #666;
    text-decoration:none;
    border-radius:25px;    
    -moz-border-radius:25px;
    -webkit-border-radius:25px;

    box-shadow:0px 2px 5px #555;
    -webkit-box-shadow:0px 2px 5px #555;
    -moz-box-shadow:0px 2px 5px #555;
}

.button:hover{
    background:#54670b url(../images/buttonback-hover.png) repeat-x;
    color:#fff;
}

.button:active{
    background:#799218 url(../images/buttonback-active.png) repeat-x;
    color:#fff;
}

a{ text-decoration:none; color:#8eab1a; text-shadow:0px 1px 1px #fff;}
a:hover{  color:#5d720a;}





#arabnet2010-badge{
    display:block;
    position:absolute;
    top:0px; left:100%;
    margin-left:-165px; 
    width:165px; height:115px;
    background:url(../images/arabnet-2010-badge.png);
}



body{
    background:#fbfafa url(../images/background.png) repeat-x;
}

#logo,#logo a{
    display:block; 
    margin:30px auto;
    background:url(../images/arabnet-logo-2011.png) no-repeat top left;
    width:310px; height:115px;
}

#latest-news{
    clear:both;
    width:960px;    
    margin:0px auto 40px auto;
}

#latest-news .inside{
    display:block; position:fixed;
    top:-180px;
    height:200px; width:170px;

    border-radius:25px;    
    -moz-border-radius:25px;
    -webkit-border-radius:25px;

    box-shadow:0px 2px 10px #efefef;
    -webkit-box-shadow:0px 2px 10px #efefef;
    -moz-box-shadow:0px 2px 10px #efefef;

    background:-webkit-gradient(
                    linear,
                    left bottom,
                    left top,
                    color-stop(0, rgb(184,184,184)),
                    color-stop(1, rgb(219,219,219))
                );
    background:-moz-linear-gradient(
                    center bottom,
                    rgb(184,184,184) 0%,
                    rgb(219,219,219) 100%
                );
}


#details-boxes {
    height:320px;
    clear:both;
    width:960px;    
    margin:0px auto 40px auto;
    
    font-family: 'Droid Sans', arial, serif; 
}

#details-boxes .announcement-box{
    margin:0px auto 10px auto;
    width:945px; height:40px;
    background:-webkit-gradient(
                    linear,
                    left bottom,
                    left top,
                    color-stop(0, rgb(162,189,42)),
                    color-stop(0.81, rgb(203,230,80))
                );
    background: -moz-linear-gradient(
                    center bottom,
                    rgb(162,189,42) 0%,
                    rgb(203,230,80) 81%
                );

    background:#b2d234;
    padding:0px 6px 0px 6px;

    -moz-border-radius: 15px 15px 0px 0px;
    -webkit-border-radius: 25px 25px 0px 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;

}

#details-boxes .announcement-box p{
    text-align:center; font-weight:bold;
    font-family: 'Droid Sans', arial, serif; font-size:14px; color:#fff; line-height:44px;
    text-shadow:0px 1px 1px #888;
}

#details-boxes .announcement-box a{
    color:#fff;
    text-shadow:none;

    text-shadow:0px 1px 5px #444;
}

#details-boxes .announcement-box a:hover{
    text-shadow:none;
    text-shadow:0px 1px 5px #444;
}

#details-boxes .box{
    width:280px; height:275px;
    background:#edf2d8 url(../images/details-box-back.png) repeat-x;
    padding:15px; margin:5px 5px 35px 5px;
    float:left;

    box-shadow:0px 7px 13px #ccc;
    -webkit-box-shadow:0px 7px 13px #ccc;
    -moz-box-shadow:0px 7px 13px #ccc;

    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

#details-boxes .box.arabic{
    direction:rtl;
    text-align:right;
}

#details-boxes .box .language-e{
    float:left;
    font-family:Arial; font-size:28px; color:#fff;
    background:url(../images/box-language-back.png) no-repeat;
    width:38px; height:33px;
    display:block; text-align:center;
    padding-top:7px;
    margin-top:-16px;
    cursor:pointer;
    box-shadow:0px 2px 2px #ccc;
    -webkit-box-shadow:0px 2px 2px #ccc;
    -moz-box-shadow:0px 2px 2px #ccc;
}

#details-boxes .box .language-a{
    float:right;
    font-family:Arial; font-size:28px; color:#fff;
    background:url(../images/box-language-back.png) no-repeat;
    width:38px; height:40px;
    display:block; text-align:center;
    margin-top:-16px;
    cursor:pointer;
    box-shadow:0px 2px 2px #ccc;
    -webkit-box-shadow:0px 2px 2px #ccc;
    -moz-box-shadow:0px 2px 2px #ccc;
}

#details-boxes .box h1{
    margin-top:8px; margin-bottom:7px; color:#92af1e;
    font-family: 'Droid Serif', arial, serif; font-size:29px; color:#92af1e; line-height:44px;
}

#details-boxes .box p{
    line-height:25px;
    font-size:18px; color:#949494; line-height:26px;
    text-shadow:0px 1px 1px #fff;
}


#details-boxes .box.big-box{
    width:920px; 
    clear:both;
    margin-right:auto; margin-left:auto;
}

#details-boxes .box.big-box.flatpage{
    background:#fff;
    clear:both;
    height:100px;;
}

#details-boxes .box.big-box.flatpage {
    
}

#details-boxes .box.flatpage{
    line-height:24px;
}

#details-boxes .box.flatpage ol{
    list-style-type: square;
    margin:5px 20px 10px 20px;
}

#details-boxes .box.flatpage ol li{
    margin:10px 0px 10px 0px;
    color:#363636;
}

#details-boxes .box.flatpage ol li p{
    font-size:14px; color:#696969;
}

#details-boxes .box.flatpage h3{
    display:inline-block;
    margin-left:-20px;
    color:#69800d;
    font-size:19px;
}

#details-boxes .box.flatpage strong{
    color:#69800d;
    display:inline-block;
    margin-left:-20px;
    color:#111;
    font-size:14px;
}

#details-boxes .box.flatpage .gray{
    color:#171717;
}



#details-boxes .box.annoucement{
    font-family: 'Droid Sans', arial, serif; font-size:15px; color:#595959;
    background:#dcdcdc url(../images/announcement-details-box-back.png) repeat-x;
}

#details-boxes .box.annoucement .button{
    float:right; margin-top:-7px;
    padding-top:15px; height:25px;
}



#details-boxes .box.annoucement h1{
    float:left; margin-top:25px;
    font-size:21px;
}

#details-boxes .box.annoucement h3{
    text-align:center;
    margin:2px; font-size:13px;
}

#details-boxes .box.annoucement #workshop-counter{
    padding:5px;
}




#details-boxes .box.annoucement p{
    clear:both; font-size:14px;
}


#details-boxes .box.annoucement ul{
    list-style:disc;
    margin:20px;
}
#details-boxes .box.annoucement ul li{
    margin:10px 0px 10px 0px;
}


#details-boxes .box.annoucement .textbox{
    display:inline-block;
    margin:0 5px 0;
    padding:13px;
    border:none; width:300px;
    font-family: 'Droid Sans', arial, serif; font-size:17px; color:#656565;
    border-radius:4px;    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;

    box-shadow:0px 2px 3px #dbdbdb;
    -webkit-box-shadow:0px 2px 3px #dbdbdb;
    -moz-box-shadow:0px 2px 3px #dbdbdb;
}

#details-boxes .box.annoucement form .button{
    padding-top:10px;
    height:40px;
}

#details-boxes .box.annoucement table tr{
    height:60px;
}


#arabnet-digest{
    height:300px;

}

#arabnet-digest #big-text{
    font-family: 'Droid Sans', arial, serif; font-size:30px; color:#656565;
}

#arabnet-digest #icons{
    margin-top:30px;
}

#arabnet-digest #icons div{
    display:inline-block;
    margin:0px 10px 0px 10px; 
    padding:5px;
    cursor:pointer;
    border-radius:4px;    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

#arabnet-digest #icons div p{
    font-size:19px; width:170px;
}

#arabnet-digest #icons div:hover{
    background:#efefef;
}

#arabnet-digest form{
    width:700px; margin:10px auto;
}
#arabnet-digest form .textbox{
    margin:0 5px 0;
    padding:13px;
    border:none;
    font-family: 'Droid Sans', arial, serif; font-size:17px; color:#656565;
    border-radius:4px;    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;

    box-shadow:0px 2px 3px #dbdbdb;
    -webkit-box-shadow:0px 2px 3px #dbdbdb;
    -moz-box-shadow:0px 2px 3px #dbdbdb;
}

#arabnet-digest .small{
    display:block; width:300px; margin:5px auto;
    font-size:13px; color:#5E5E5E;
}

#taglines-competition{
    display:block; float:left;
}


#taglines-competition .winners{
    display:block;
    width:590px;
    margin-top:-13px;
}

#taglines-competition .winners .tagline{
    height:45px;
    margin:20px 0px 20px 0px;
    background:url(../images/tagline-background.png) repeat-x;       
}

#taglines-competition .winners .tagline img{
    float:left;
    border:solid 3px #fff;
    margin:-6px 10px;
    box-shadow:0px 0px 5px #ccc;
    -webkit-box-shadow:0px 0px 5px #ccc;
    -moz-box-shadow:0px 0px 5px #ccc;
}

#taglines-competition .winners .tagline .winner-badge{
    background:url('../images/winner-badge-gold.png') no-repeat;
    display:block;
    position:absolute;
    width:20px; height:20px;
    margin-top:39px; margin-left:45px;
}

#taglines-competition .winners .tagline .ribbon{
    display:block;
    position:absolute;
    width:18px; height:10px; padding:3px; margin-left:3px;

    font-family: 'Droid Sans', arial, serif; font-size:11px; color:#222; text-shadow:0px 1px 1px #fff;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;


    background:-webkit-gradient(
                    linear,
                    left bottom,
                    left top,
                    color-stop(0, rgb(162,189,42)),
                    color-stop(0.81, rgb(203,230,80))
                );
    background: -moz-linear-gradient(
                    center bottom,
                    rgb(162,189,42) 0%,
                    rgb(203,230,80) 81%
                );

    background:#b2d234;
    -webkit-box-shadow:2px 2px 2px #555;

}




#taglines-competition .winners .tagline p{
    float:left;
    margin:12px 8px; font-size:15px;
}

#taglines-competition .winners .tagline p .votes{
    color:#B0B0B0;
}

#taglines-competition .winners .tweet{
    font-family: 'Droid Sans', arial, serif; font-size:12px; color:#656565;
    margin-top:-10px;
    float:right;
}


#taglines-competition .flipper{
    clear:both;
    
}


#tagline-list{
    clear:both;
    width:960px;    
    margin:0px auto 50px auto;
    
    font-family: 'Droid Sans', arial, serif; 
}

#tagline-list h1{
    font-family: 'Droid Serif', arial, serif;
    font-size:29px; line-height:40px; color:#92af1e;
}

#tagline-list p{
    font-size:14px; line-height:21px; color:#656565;
    margin-bottom:22px; margin-top:8px;
} 

#tagline-list div#container{
    background:#fff;
    border:solid 1px #efefef;
    box-shadow:0px 7px 13px #ccc;
    -webkit-box-shadow:0px 7px 13px #ccc;
    -moz-box-shadow:0px 7px 13px #ccc;

    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

#tagline-list div#container .tagline{
    height:45px;
    margin:20px 0px 20px 0px;
    background:url(../images/tagline-background.png) repeat-x;       
}

#tagline-list div#container .tagline img{
    float:left;
    border:solid 3px #fff;
    margin:-6px 10px;
    box-shadow:0px 0px 5px #ccc;
    -webkit-box-shadow:0px 0px 5px #ccc;
    -moz-box-shadow:0px 0px 5px #ccc;
}
#tagline-list div#container .tagline p{
    float:left;
    margin:8px; font-size:19px;

}
#tagline-list div#container .tagline .vote{
    display:block; text-shadow:none;
    cursor:pointer;
    background:url(../images/tagline-vote-background.png) repeat-x;
    width:70px;
    float:right; color:#fff;
    height:35px; text-align:center;
    font-size:19px; padding:10px;
}

#tagline-list div#container .tagline .vote .small{
    font-size:12px;display:block;  margin:-4px 0px 3px 0px;
}

#tagline-list div#container .tagline .vote img{
    border:none;
}


#tagline-holder{
    display:block;
    height:75px; width:100%;
    background: url(../images/taglineholderback.png) repeat-x;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    /* #aec845 */
}


#tagline-holder .inside{
    width:580px;
    margin:0px auto 0px auto;
}


#tagline-holder .inside #avatar{
    float:left; margin-top:-8px;
    border:solid 3px #fff;
    height:80px; width:80px;
    box-shadow:3px 3px 5px #888;
    -webkit-box-shadow:3px 3px 5px #888;
    -moz-box-shadow:3px 3px 5px #888;



}

#tagline-holder .inside p{
    float:left;
    margin:24px 18px 18px 15px;
    display:block;
    font-family: 'Droid Sans', arial, serif; 
    font-size:20px;
    color:#fff;
    text-shadow:0px 2px 2px #888;
}

#social-links{
    position:absolute;

    margin:50px auto;
    text-align:right;
    
}

#social-links a{

    font-size:11px; height:10px; padding-right:10px; padding-left:10px;
    background:#fff;
    color:#444; text-shadow:none;
    
    box-shadow:0px 2px 3px #dbdbdb;
    -webkit-box-shadow:0px 2px 3px #dbdbdb;
    -moz-box-shadow:0px 2px 3px #dbdbdb;
}


#social-links a:hover{
    background-color:#efefef;
}

#social-links .tweet{
    background-image:url(../images/twitter.png);
    background-repeat:no-repeat;
    background-position:7px center;
    padding-left:26px;
}


#social-links .facebook{
    background-image:url(../images/f.gif);
    background-repeat:no-repeat;
    background-position:7px center;
    padding-left:26px;
}



#loader{
    
    height:148px;
    width:960px;    
    margin:40px auto;
    text-shadow:0px 1px 1px #fff;
    text-align:center;
    font-family: 'Droid Sans', arial, serif; font-size:13px; color:#656565;
}

#share-tagline{
    width:960px;    
    margin:40px auto;       
}

#share-tagline h2{
    font-family: 'Droid Sans', arial, serif; 
    font-size:22.4px;
    color:#708F33;
    text-shadow:0px 1px 1px #C4C4C4;
    text-transform:uppercase;
}

#share-tagline table{
    margin:25px 0px;

}

#share-tagline .small{
    font-family: 'Droid Sans', arial, serif;  color:#777;
    font-size:13.4px; 
    display:block;
    text-shadow:0px 1px 1px #fff;
}

#share-tagline table .textbox{
    margin:0 5px 0;
    padding:13px;
    border:none;
    font-family: 'Droid Sans', arial, serif; font-size:15px; color:#656565;
    border-radius:4px;    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;

    box-shadow:0px 2px 3px #dbdbdb;
    -webkit-box-shadow:0px 2px 3px #dbdbdb;
    -moz-box-shadow:0px 2px 3px #dbdbdb;
}

#share-tagline table .textbox#email   { width:200px; }
#share-tagline table .textbox#tagline { width:585px; }

#footer{
    text-shadow:0px 1px 1px #fff;
    clear:both;
    width:960px;
    margin:0px auto 10px auto;
    text-align:center;
    font-family: 'Droid Sans', arial, serif; font-size:13px; color:#656565;
}