/*
#################################################################################################
#
#  project           	 : phpBook
#  filename          	 : style_darkred.css
#  last modified by : Age Bosma
#  modify date        : 2005/06/13
#  e-mail            	 : age@hobba.nl
#  purpose           	 : Dark Red style for phpBook
#
#################################################################################################
*/


body {
    background: #F9F9F9;font-family: Verdana,Arial,sans-serif;font-size: 10pt;
}


/* Link styles */
a:link    { color: #222222; font-weight: bold; text-decoration:none; }
a:visited { color: #444444; font-weight: bold; }
a:active  { color: #FF9900; font-weight: bold; }
a:hover   { text-decoration: underline; }



#gb_foot { width:100%; float:left }
#sysinfo { width:100%; float:left }
#copyright { width:100%; float:left }

.gb_outer {
    margin-left: auto; 
    margin-right: auto;
    border: 1px gray solid;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 10px;
    display: block;
    
}

.gb_row {
    width:100%;
    float:left;
    text-align:left;
    border: 1px black solid; 
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 4px 4px 3px #888;
    margin-bottom:5px;	
}

.gb_left {
    float: left;
    vertical-align: top;
    width: 100%;
    background-color: #ddd;
}
.userinfo {
    float: left;
    vertical-align: top;
    padding: 3px;
    width: 50%;
}

.gb_right {
    width: 85%;
    float: right;
}

.entrymessage {
    padding: 5px 5px 20px 5px;
    width: 85%;
    vertical-align:top;
}

.pagenavigation {
    float: right;
    font-size: 8pt;
    text-align: center;
    margin-right: 0px;
    padding: 3px;
}

.mainmenu { 
    font-size: 8pt; 
    text-align: right; 
    padding: 3px; 
}

.pagebutton { 
    float:left; 
    border:#555 1px solid;
    height:16px;
    min-width:16px;
    padding: 3px 3px 3px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 4px 4px 3px #888;
    margin: 2px;
    background: -webkit-gradient(
        linear, 0 50%, 0 100%, from(white), to(lightgray)
        );

    background: -moz-linear-gradient(
        top, white, white, lightgray
        );
}

.username {
    font-size: 12pt;
    color: #3A6C87;
    font-weight: bold;
 /*   display: block;
   float: left;*/
}

img.gravatar {
    float:left;
    margin-right: 5px;
}


select {
        -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/* Main guestbook table style */
table { text-align: left; font-size: 10pt; background: #E6E5E5; border: 1px solid #999999;
        border-top: none;
}

caption  { text-align: left; background: #E6E5E5; border: 1px solid #999999; border-bottom: none;
           padding: 3px; }

span.headtitle { font-weight: bold; font-size: 15pt; color: #3A6C87; }



th.entryheader {
    background-color: #C9C9C9;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}



span.userlocation {
    font-size: 8pt;
    text-align: left;
    font-color: black;
}

div.entrydate {
    font-size: 8pt;
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 1px solid #808080;
    margin-bottom: 5px;
}


td.usericons {
    background-color: #C0C0C0;
    vertical-align: bottom;
    height: 26px;
    padding: 3px;
}


p.messagecontent {
    margin: 0px;
}

span.censored {
    color: #FF0000;
    text-decoration: line-through;
}

div.commentdisplay {
    font-size: 10pt;
    background: #E8E8E8;
    margin-left:5mm;
    margin-right:5mm;
    padding: 3px;
}

div.commententry {
    font-size: 10pt;
    background: #E8E8E8;
    text-align: center;
    margin-left:5mm;
    margin-right:5mm;
    padding-top: 3px;
    padding-bottom: 3px;
}

td.tablefooter {
    text-align: center;
    font-size: 8pt;
    background: #3E95B5;
    padding: 3px;
}


/* Guestbook entry styles */
.entryrow {
    width: 100%;
    float:left;
    border-bottom: 1px solid #CCC;
    vertical-align: middle;
}

.entryinputtext {
    width: 200px;
    float: left;
    text-align: right;
    vertical-align: middle;
}

.entryinputdiv  {
    width: 250px;
    float: left;
}

.entryinputfield  {
    width: 220px;
            -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

label.hidedescription {
    position: relative;
    font-size: 8pt;
    top:-2px;
}

span.entryhelp {
    font-size: 7pt;
    text-align: left;
}

/* Image styles */
img.contentimage {
    border: none;
}

a img {
    border: none;
}

img.icons {
    float: right;
}

img.confirm {
    border: 1px solid #000000;
}


/* Admin section styles */
.listentries {
    background-color: lightgray;
     border: 1px white solid;
         -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 4px 4px 3px #888;
    min-height: 21px;
    padding: 0px 3px 0px 3px;
}

.grid_row {
        width:100%;
    float:left;
    text-align:left;
    
    /*border: 1px white solid; */
}


/* Error page display */
div.error {
    font-weight: bold;
    text-align: center;
    border: 2px solid #FF0000;
    background-color: #FFA8A1;
    margin-left: auto;
    margin-right: auto
}