/* 
    Document   : generic
    Created on : Nov 10, 2009, 3:07:42 PM
    Author     : Justen Robertson <justen@justenrobertson.com>
    Description:
        Some generic styles for front-end views.
*/

body {
background-color:#ffffff;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
}

.generic-item {
margin:20px auto;
padding:20px;
background-color:#eeeeee;
border:3px double #ddcc99;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.generic-headerblock {
padding:10px;
margin:10px;
background-color:#ddcc99;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-size:12px;
font-weight:bold;
color:#887744;
}

.generic-subblock {
padding:10px;
margin:10px;
background-color:#dddddd;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-size:10px;
}

.generic-paginate {
margin:auto;
padding:0px 25px;
display:block;
}

.generic-paginate a {
display:inline-block;
padding:.2em .3em;
margin:10px 1px;
background-color:#dddddd;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-size:12px;
border:1px double #ddcc99;
text-decoration:none;
}

.generic-paginate .current-page {
display:inline-block;
padding:.2em .3em;
margin:10px 1px;
background-color:#eeeeee;
color:#665522;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-size:12px;
border:1px double #665522;
}

.generic-paginate a:hover {
border:1px double #887744;
background-color:#eeeeee;
}