body {
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-weight: normal;
    font-family: "Times New Roman";
    background: #0E798B url('segami/KPC-background.jpg') repeat top left;
}

.outer-container {
    width: 93%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.inner-container {
    border: solid 1px #000000;
    background-color: #FFFFFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.content {
    padding: 15px;
}

#featured {
    float: left;
    width: 480px;
    text-align: left;
    font-size: 14px;
}

#updated {
    float: right;
    width: 440px;
    font-size: 14px;
    text-align: right;
}

.navigation {
    padding: 5px;
    text-align: center;
    font-size: 14px;
}

.navigation a {
    color: #000000;
    text-decoration: none;
}

p { text-align: left; text-indent: 25px; font-size: 14px; }

p.home-top { font-size: 17px; }
p.home-top:first-letter { font-size: 28px; }

h3 { font-size: 18px; text-align: center; }
h1 { font-size: 30px; text-align: center; margin-bottom: 40px; }

img { border: 0; }

#link-counter {
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    padding: 2px;
    border: solid 1px #0E798B;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


/* -------------------------------------------------- Notebox -------------------------------------------------- */

.box {
    width: 140px;
    text-align: left;
    margin: 0 auto 0;
    font-size: 11px;
    font-family: Arial;
    margin-top: 10px;
}

.boxtop {
    height: 8px;
    background: url(segami/box-top.png) no-repeat top;
}

.boxtext {
    margin: 0;
    padding: 0px 15px 1px 10px;
    background: url(segami/box-middle.png) repeat-y top;
}

.boxtext p { margin-top: 0; }

.boxbot {
    margin: 0;
    height: 13px;
    background: url(segami/box-bottom.png) no-repeat bottom;
}


/* -------------------------------------------------- Pattern Search Form Styling -------------------------------------------------- */

.search input {
    width: 135px;
    font-size: 13px;
    padding: 5px;
    border: solid 1px #0E798B;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.search button {
    clear: both;
    width: 130px;
    height: 31px;
    font-size: 11px;
    font-weight: bold;
    line-height: 31px;
    text-align: center;
    border: solid 1px #0E798B;
    background-color: #FFFFFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.search input:hover { border: 1px solid #666666; }
.search input:focus { border: 1px solid #666666; }
.search button:hover { cursor: pointer; }
.search button:focus { cursor: pointer; }


/* -------------------------------------------------- General Submit Form Styling -------------------------------------------------- */

.myform {
    margin: 0 auto;
    width: 500px;
    padding: 14px;
}

#stylized label {
    display: block;
    font-weight: bold;
    text-align: right;
    width: 140px;
    float: left;
}

#stylized .small {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 140px;
}

#stylized input {
    float: left;
    font-size: 13px;
    padding: 5px;
    border: solid 1px #0E798B;
    font-size: 14px;
    font-family: "Times New Roman";
    width: 330px;
    padding-left: 5px;
    margin: 2px 0 20px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#stylized textarea {
    float: left;
    font-size: 13px;
    padding: 5px;
    border: solid 1px #0E798B;
    font-size: 14px;
    font-family: "Times New Roman";
    width: 330px;
    height: 200px;
    padding-left: 5px;
    margin: 2px 0 20px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#stylized button {
    clear: both;
    width: 125px;
    height: 31px;
    font-size: 11px;
    font-weight: bold;
    line-height: 31px;
    text-align: center;
    margin-left: 187px;
    border: solid 1px #0E798B;
    background-color: #FFFFFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#stylized input:hover { border: 1px solid #666666; }
#stylized input:focus { border: 1px solid #666666; }
#stylized button:hover { cursor: pointer; }
#stylized button:focus { cursor: pointer; }
#stylized textarea:hover { border: 1px solid #666666; }
#stylized textarea:focus { border: 1px solid #666666; }


/* -------------------------------------------------- Pagination Styling -------------------------------------------------- */

div.pagination {
    padding: 3px;
    margin: 3px;
    text-align:center;
    color:#0E798B;
    font-size:80%;
}
	
div.pagination a {
    border: 1px solid #0E798B;
    margin-right:3px;
    padding:5px 7px;
    background-image:url('segami/pagination-background.jpg');
    background-position:bottom;
    text-decoration: none;
    color: #0E798B;		
}

div.pagination a:hover, div.meneame a:active {
    border: 1px solid #0E798B;
    background-image:none;
    background-color:#97CBD6;
    color: #0E798B;
}

div.pagination span.current {
    margin-right:3px;
    padding:5px 7px;
    border: 1px solid #0E798B;
    font-weight: bold;
    background-color: #97CBD6;
    color: #0E798B;
}

div.pagination span.disabled {
    margin-right:3px;
    padding:5px 7px;
    border: 1px solid #0E798B;
    color: #0E798B;
}