/**
 * new.css
 *
 * Stylesheet
 *
 */

body{
    font-family:            Arial, sans-serif;
    font-size:              10px;
	width:                  100em;
	color:                  black;
	margin:                 0 auto;
    background:             #ffd1d6 url('images/bg.png') repeat-x;
}

h1, h2, h3 {margin: 0;}
h1 {font-size: 6.5em;}
h2 {font-size: 2em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}

.pagehead h1{
    float:                  left; 
    margin:                 0.1em 0 -0.65em 0.7em; 
    z-index:                1; 
    position:               relative; 
    color:                  black; 
    font-family:            'Tahoma'; 
    font-weight:            bold;
    font-size:              6.5em;        
}

.topbar {
    background:             url('images/nav.png') no-repeat; 
	height:                 10.2em; 
	width:                  99em;
	margin:                 0 auto;
	position:               relative;
	z-index:                2;
}

.sidebar ul, .topbar ul, .sidebar p, .topbar p {list-style: none; padding: 0;}
.sidebar a, .topbar li {margin: 0 auto;}
.sidebar a, .topbar a {text-decoration: none; color: #FFF;}
.sidebar a:hover, .topbar a:hover {color: #000;}

.topbar ul {text-align: center; padding-top: 4em;}
.topbar li {display: inline; background: url('images/dot.png') no-repeat;}
.topbar li.first {background: none;}
.topbar a {font-size: 1.75em; padding: 1.5em;}
.topbar li.sel {}
.sidebar a {font-size: 1.4em;}

.logindetails {
    text-align:             right;
    padding-top:            20px;
    padding-right:          20px;
    font-size:              100%;
    margin:                 1.05em 1.25em -0.5em 0;
	position:               relative;
	z-index:                1;   
}

.logindetails a {
    color:                  red;
    font-weight:            bold;
}
.logindetails a:hover{
    color:                  black;
}

.sidebar{
	width: 210px; 
	float:left;
	padding: 0;	
    color: white;
}

.sidebar  li {
    margin:                 0; 
    width:                  32.1em; 
    padding-left:           2.5em;
}
.sidebar li li {
    background:             url('images/sidebar_bg.png') repeat-y; 
    margin-left:            .4em;  
    margin-top:             -0.1em;
    padding-top:            1em; 
    padding-bottom:         1em;
}

.sidebar h2 {
	background:             url('images/sidebar_title.png') no-repeat; 
	height:                 2.7em; 
	padding-top:            1.75em;
    padding-right:          2.5em;
    padding-left:           0.9em;
	font-size:              1.8em;
    color:                  black;
}
.sidebar .sidefoot {
    background:             url('images/sidebar_foot.png') no-repeat; 
    margin-left:            .4em; 
    padding:                0; 
    height:                 3em;
}

.content {
	width:                  75%;
    float:                  right;
	margin-bottom:          1em;
	display:                block;
    font-size:              13px;
}

.block {
	width:                  90%; 
    padding-left:           1em;
    padding-right:          6em;
    margin-left:            2.5em;
    margin-top:             -0.5em;
	background:             url('images/post.png') repeat-y;
}

.blocktop, .blockbottom {
    height: 2.1em;
    margin-left: 2.5em;
}
.blocktop {background: url('images/top_post.png') no-repeat; margin-top: 1em; }
.blockbottom {background: url('images/bottom_post.png') no-repeat; margin-top: -1em; }

.block h2 {
	background:             url('images/post_nav.png') no-repeat;
	width:                  20.5em;
	color:                  #000000;
	padding:                .8em 1em;
	position:               relative;
	right:                  2em;  
    font-weight:            bold;
}

.block h2 a {
    color:                  black;
    text-decoration:        underline;
}
.block h2 a:hover {
    color:                  red;
    text-decoration:        underline;
}

.block table {
    width:                  100%;
    margin-left:            0px;
    margin-top:             0.4em;
}

.block img {
    float:                  right;
    margin-right:           6px;
}

.block a {
    color:                  red;   
}
.block a:hover {
    color:                  black;
}
.block h2 a {
    color:                  black;
}
.block h2 a:hover {
    color:                  red;
}

.block p.draft {
    color:                  gray;
}

.block p, .block h2, .block h3, .block h4, .block label {
    padding-right:          0.8em;
    padding-left:           0.8em;
}

.block table tr.draft {
    color:                  gray;
}

.block table th {
    text-align:            left;
    color:                  red;
}

.block p.paginate {
    text-align:             center;
    margin-right:           60px;
}

.block table select {
    width:                  100%;
}

.block textarea {
    margin-left:            2em;
    margin-top:             0.5em;
    margin-bottom:          0.5em;
    font-family:            'Arial', sans-serif;
}

.block label, table label {
    text-align:             left;
    padding-left:           1em;
    font-weight:            bold;
}

.footer{
    margin-top:             30px;
    text-align:             center;
} 

.footer a{
    color:                  black;
    clear:                  both;
    text-decoration:        underline;
}

.footer a:hover{
    color:                  red;
}