body {
    font-family:arial;
    font-size:14px;
    background-image:url(../img/bg.png);
    background-repeat:repeat-x;
    background-color:#f3f3f3;
}

header {
    background-color:#00deff;
    border-radius: 15px 15px 15px 15px;
    padding-top:40px;
    padding-bottom:40px;
    -moz-box-shadow: 0px 1px 1px #fff;
    -webkit-box-shadow: 0px 1px 1px #fff;
    box-shadow: 0px 1px 1px #fff;
}

#logo {
    top:10px;
    position:relative;
    float:right;
    right:-30px;
}

#darkertext {
    background-color: #666;
    padding:5px;

}

#mail {
    position:relative;
    left:10px;
    opacity:0.3;
    -moz-transition:0.25s all linear;
    -webkit-transition:0.25s all linear;
    -o-transition:0.25s all linear;
    transition:0.25s all linear;
}

#mail:hover {
    opacity:1;
}

.namemail {
    font-family:arial;
    font-size:14px;
    letter-spacing:-1px;
    border: 0.5px;
    border-color: #000;
    font-weight:bold;
    border-radius: 5px 5px 5px 5px;
    -moz-transition:0.25s all linear;
    -webkit-transition:0.25s all linear;
    -o-transition:0.25s all linear;
    transition:0.25s all linear;
    width:203px;
    height:20px;
}

.textmail {
    font-family:arial;
    font-size:14px;
    letter-spacing:-1px;
    padding-left:5px;
    border: 0.5px;
    border-color: #000;
    font-weight:bold;
    border-radius: 5px 5px 5px 5px;
    -moz-transition:0.25s all linear;
    -webkit-transition:0.25s all linear;
    -o-transition:0.25s all linear;
    transition:0.25s all linear;
    resize:none;
}

.buttonmail {
    border: 0.0px;
    border-color: #000;
    color:#fff;
    background-color:#000;
    border-radius: 5px 5px 5px 5px;
    height:40px;
    width:80px;
    -moz-transition:0.25s all linear;
    -webkit-transition:0.25s all linear;
    -o-transition:0.25s all linear;
    transition:0.25s all linear;
}

#main {
    background-image:url(../img/bgmain.png);
    background-color:#373737;
    border-radius: 15px 15px 0px 0px;
    padding-top:20px;
    padding-bottom:20px;
    color:#fff;
    letter-spacing:0px;
    font-family: verdana, helvetica, sans-serif;
    font-size: 12px;
    -moz-box-shadow: 0px 1px 1px #fff;
    -webkit-box-shadow: 0px 1px 1px #fff;
    box-shadow: 0px 1px 1px #fff;
}

#buttonsend {
    -moz-transition:0.25s all linear;
    -webkit-transition:0.25s all linear;
    -o-transition:0.25s all linear;
    transition:0.25s all linear;
}

#buttonsend2 {
    -moz-transition:0.25s all linear;
    -webkit-transition:0.25s all linear;
    -o-transition:0.25s all linear;
    transition:0.25s all linear;
}


.buttons {
    border: 0.5px;
    border-color: #000;
    color:#fff;
    background-color:#000;
    border-radius: 5px 5px 5px 5px;
    height:40px;
    width:80px;
    -moz-box-shadow: 0px 1px 1px #000000;
    -webkit-box-shadow: 0px 1px 1px #000000;
    box-shadow: 0px 1px 1px #000000;
}


#buttonnav1 {
    padding-left:20px;
    font-family:arial;
    font-size:14px;
    letter-spacing:-1px;
    font-weight:bold;
}

#buttonnav2 {
    background-color:#434343;
    color:#fff;
    border-radius: 0px 0px 5px 5px;
    height:40px;
    width:100px;
    -moz-box-shadow: 0px 1px 1px #77edff;
    -webkit-box-shadow: 0px 1px 1px #77edff;
    box-shadow: 0px 1px 1px #77edff;
    position:relative;
    left:60px;
    top:-70px;
    float:left;
    padding:5px;
    padding-top:40px;
    text-align:center;
    -moz-transition:0.25s all linear;
    -webkit-transition:0.25s all linear;
    -o-transition:0.25s all linear;
    transition:0.25s all linear;

}

#insert_dataName {
    border: 0.5px;
    border-color: #000;
    font-weight:bold;
    border-radius: 5px 5px 5px 5px;
    height:37px;
    width:250px;
    -moz-box-shadow: 0px 1px 1px #000000;
    -webkit-box-shadow: 0px 1px 1px #000000;
    box-shadow: 0px 1px 1px #000000;
    padding-left:10px;
    -moz-transition:0.25s all linear;
    -webkit-transition:0.25s all linear;
    -o-transition:0.25s all linear;
    transition:0.25s all linear;
}

#categoriesid {
    border: 0.5px;
    border-color: #000;
    font-weight:bold;
    border-radius: 5px 5px 5px 5px;
    height:37px;
    width:250px;
    -moz-box-shadow: 0px 1px 1px #000000;
    -webkit-box-shadow: 0px 1px 1px #000000;
    box-shadow: 0px 1px 1px #000000;
    padding-left:10px;
    -moz-transition:0.25s all linear;
    -webkit-transition:0.25s all linear;
    -o-transition:0.25s all linear;
    transition:0.25s all linear;
}

#news {
    position:relative;
    left:20px;
}

.titles {
    font-size:18px;
    text-shadow: 0px 1px 1px #000000;
    font-family: Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
    letter-spacing:-1px;
}

.titlesproblem {
    font-size:18px;
    text-shadow: 0px 1px 1px #000000;
    font-family: Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
    letter-spacing:-1px;
    color:#00deff;
    line-height:35px;
    background-color:#000;
    padding:10px;
    text-align:center;
    float:left;
}

.titles2 {
    font-size:18px;
    color:#000;
    font-family: Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
    letter-spacing:-1px;
}

#sidebar {
    position:relative;
    left:20px;
    z-index:10;
}

#sidebar2 {
    position:relative;
    left:20px;
    z-index:10;
}

.pink {
    color:#ff698c;
}

#foot {
    background-color:#222;
    border-radius: 0px 0px 15px 15px;
    padding-top:20px;
    padding-bottom:40px;
    color:#fff;
    position:relative;
    top:-50px;
    margin-top:20px;
}

#foot_text {
    padding-top:10px;
    position:relative;
    left:20px;
    float:left;
}

#foot_text2 {
    padding-top:10px;
    position:relative;
    float:right;
    right:30px;
    font-size:10px;
    vertical-align:middle;


}

#foot_images {
    float:right;
    right:25px;
    position:relative;

}

a:visited {
    color:#00deff;
    text-style:none;
    underline:none;
    text-decoration:none;
    font-weight:normal;
}

a:link {
    color:#00deff;
    text-style:none;
    underline:none;
    text-decoration:none;
    font-weight:normal;
}

a:hover {
    color:#fff;
    text-style:none;
    underline:none;
    text-decoration:none;
    font-weight:normal;
    -moz-transition:0.25s all linear;
    -webkit-transition:0.25s all linear;
    -o-transition:0.25s all linear;
    transition:0.25s all linear;
}

#social1 {
    background-color:#222;
    border-radius: 5px 5px 5px 5px;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    width:320px;
}

---------------------------
//SOCIAL STUFF
---------------------------
#social{
    list-style:none;
    margin-bottom:0px;
    float:left; /* Clear the floats */
}
#social li{
    float:left;
    padding:0 5px 0px 0px;
    opacity:0.5;

    -moz-transition:0.25s all linear;
    -webkit-transition:0.25s all linear;
    -o-transition:0.25s all linear;
    transition:0.25s all linear;
}
#social a{
    width:60px;
    height:60px;
    display:block;
    text-indent:-9999px;
    background:url(../img/twitter.png);
}

#social .flickr a    { background-position:0 0; }
#social .twitter a    { background-position:-60px 0; }
#social .last-fm a    { background-position:-120px 0; }
#social .facebook a    { background-position:-180px 0; }
#social .spark a        { background-position:-240px 0; }
#social:hover li{
    padding:0 5px 0px 5px;
}
#social li:hover{
    opacity:1;
}

----------------------------
//CATEGORIES STUFF
----------------------------

.cat_container {
    background-color:#000;
}

.cat_container_inside {
    padding-top:20px;
}