/*
----------

Typography

-----------
*/

#body, #container{
	color:#d4d4d2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body{
	font-size:100%;
	line-height:1.25em;
	height:100%;
}

/* --- links --- */

a{color:#a9a9a9; text-decoration:underline;}
a:hover{color:#e6e6e6; text-decoration:none;}
a:active{color:#d4d4d2; text-decoration:underline;}
h2.logout a{text-decoration:none;}

/* --- end links --- */

h6{
	font-size: 1.13em;
}

h2{
	font-size:1.88em;
	line-height:1.25em;
	letter-spacing:-0.04em;
}

h4{
	font-size:1.25em;
	padding-bottom:0.63em;
}

p.breadcrumb{
	font-size:0.75em;
}

.error{
	font-weight:bold;
}

ul.error li{
	margin-bottom:0.50em;
}

/* 
-----------

Layout

-----------
*/

body{
	background:url(../bg3.jpg) #000000 no-repeat;
}

#container{
	width:944px;
	background-color:transparent;
	margin:10px auto;
	padding:10px 8px;
}

#header{
	width:944px;
	height:45px;
	background-color:transparent;
	margin:50px 0 20px 0;
	padding-bottom:8px;
	border-bottom:1px solid #d4d4d2;
}

#header img#logo{
	display:block;
	float:left;
}

#header .logout{
	display:block;
	float:right;
	margin-top:15px;
}

#content{
	width:705px;
	background-color:transparent;
	margin:10px 0px;
	float:left;
}

#sidebar{
	width:231px;
	background-color:transparent;
	margin:10px 0px 10px 8px;
	float:left;
}

#footer{
	clear:left;
	width:944px;
	height:180px;
	background-color:transparent;
}

.clear{
	display:block;
	clear:both;
}

p.breadcrumb{
	margin:0 0 0.63em 1.88em;
}

/* ------ 

Errors

--------*/

ul.error{
padding-bottom:0.63em;
}


/* --------

Login Page 

-------- */

#login #content{
	width:944px;
	background-color:transparent;
	margin:10px 0px;
	float:left;
}

#login #about{
	color:#ffffff;
	width:468px;
	float:left;
	margin:0px;
	background-color:transparent;
}

#about .wrap{
	padding:0 15px;
	background:url(../about-middle.png) repeat-y;
}

#login #about span.curve-top{
	display:block;
    background: transparent url(../about-sprites.png) no-repeat 0 0;
    margin: 0px;
    padding: 42px 0px 0px 0px;
    text-align: left;
}

#login #about span.curve-bottom{
	display:block;
	height:0px;
	line-height:0px;
    background: transparent url(../about-sprites.png) no-repeat 0 -40px;
    margin: 0px;
    padding: 0px 0px 42px 0px;
    text-align: left;
}



#login #auth-area{
	background-color:transparent;
	float:left;
	margin-left:87px;
}

#login #login-area{
	width:389px;
	background-color:transparent;
	margin-bottom:0.63em;
	float:left;
}

#login #login-area dt{
	float:left;
	clear:left;
	text-align:right;
	width:120px;
}

#login #login-area dd{
	float:left;
	margin-left:10px;
}

#login #login-area dt, #login #login-area dd{
	margin-bottom:0.63em;
}

#auth-area .wrap{
	padding:0 15px;
	background:transparent url(../login-middle.png) repeat-y;
}


#login-area span.curve-top, #register-box span.curve-top{
	display:block;
    background: transparent url(../login-sprites.png) no-repeat 0 0;
    margin: 0px;
    padding: 51px 0 0 0;
    text-align: left;
}

#login-area span.curve-bottom, #register-box span.curve-bottom{
	display:block;
	height:0px;
	line-height:0px;
    background: transparent url(../login-sprites.png) no-repeat 0 -51px;
    margin: 0px;
    padding: 0 0 51px 0;
    text-align: left;
}

#login #register-box{
	width:389px;
	background-color:transparent;
	float:left;
	clear:left;
}

#login #register-box a img{
	margin-top:0.63em;
}
/* ---------

Register

---------- */


#register #content{
	width:940px;
	background-color:transparent;
	margin:0.63em 0px;
	float:left;
}

#register #content #register-area{
	width:547px;
	background-color:transparent;
	margin:1.25em auto;
}

#register #content #register-area .submitbtn{
	margin-top:0.50em;
}

#register #register-area dt{
	clear:both;
	float:left;
	width:180px;
	text-align:right;
}

#register #register-area dt, #register #register-area dd{
	margin-bottom:0.63em;
}

#register #register-area dd{
	float:left;
	margin-left:40px;
}


#register-area .wrap{
	padding:0 15px;
	background:transparent url(../register-middle.png) repeat-y;
}

#register-area span.curve-top{
	display:block;
    background: transparent url(../register-sprites.png) no-repeat 0 0;
    margin: 0px;
    padding: 49px 0px 0px 0px;
    text-align: left;
}

#register-area span.curve-bottom{
	display:block;
	height:0px;
	line-height:0px;
    background: transparent url(../register-sprites.png) no-repeat 0 -49px;
    margin: 0px;
    padding: 0px 0px 49px 0px;
    text-align: left;
}

/* -------------

Dashboard

------------- */

#dashboard #content{
	width:705px;
}

#dashboard #sidebar{
	width:231px;
}

#dashboard #add-bar{
	background-color:transparent;
	margin-bottom:15px;
}

#dashboard #add-bar input{
	margin-left:0.63em;
}

#dashboard #add-bar dt, #dashboard #add-bar dd{
	float:left;
	margin:0px;
}
	

#dashboard #link-area{
	background-color:transparent;
}

#dashboard p.paginator{
	margin-left:0.50em;
}

#dashboard p.paginator, p.paginator a{
	word-spacing:0.19em;
}

#dashboard .bookmark{
	width:689px;
	margin:0 auto 0.5em auto;
	border-bottom:1px solid #acacac;
	padding-top:1.25em;
}


#dashboard .bookmark ul li{
	display:inline;
	float:right;
	margin-left:8px;
	padding-left:22px;
}

#dashboard .bookmark ul li.delete-lnk{
background:url(../delete-icon.png) no-repeat;
}

#dashboard .bookmark ul li.edit-lnk{
background:url(../edit-icon.png) no-repeat;
}

#dashboard #link-area .wrap, #dashboard #add-bar .wrap{
	background: transparent url(../links-middle.png) repeat-y;
}

#dashboard #add-bar .wrap{
	padding: 0 15px;
}

#dashboard #link-area span.curve-top, #dashboard #add-bar span.curve-top{
	display:block;
    background: transparent url(../dashboard-sprites.png) no-repeat 0 0;
    margin: 0px;
    padding: 44px 0px 0px 0px;
    text-align: left;
}

#dashboard #link-area span.curve-bottom, #dashboard #add-bar span.curve-bottom{
	display:block;
	height:0px;
	line-height:0px;
    background: transparent url(../dashboard-sprites.png) no-repeat 0 -44px;
    margin: 0px;
    padding: 0px 0px 44px 0px;
    text-align: left;
}

#dashboard #sidebar span.curve-top{
	display:block;
    background: transparent url(../dashboard-sprites.png) no-repeat 0 -88px;
    margin: 0px;
    padding: 45px 0px 0px 0px;
    text-align: left;
}

#dashboard #sidebar span.curve-bottom{
	display:block;
	height:0px;
	line-height:0px;
    background: transparent url(../dashboard-sprites.png) no-repeat 0 -133px;
    margin: 0px;
    padding: 0px 0px 45px 0px;
    text-align: left;
}

#dashboard #sidebar .wrap{
	padding:0 15px;
	background: transparent url(../sidebar-middle.png) repeat-y;

}

#dashboard #sidebar ul li{
	background:url(../arrow.png) no-repeat;
	padding-left:45px;
}

#dashboard #sidebar ul{
	margin:1.25em 0;
}

/* -------------

Add/Edit Link

------------- */

#add-link #link-info-area, #edit-link #link-info-area{
	background-color:transparent;
}

#add-link #link-info-area .wrap, #edit-link #link-info-area .wrap{
	padding:0 15px;
	background: transparent url(../links-middle.png) repeat-y;
}

#add-link #link-info-area span.curve-top, #edit-link #link-info-area span.curve-top{
	display:block;
    background: transparent url(../dashboard-sprites.png) no-repeat 0 0;
    margin: 0px;
    padding: 44px 0px 0px 0px;
    text-align: left;
}

#add-link #link-info-area span.curve-bottom, #edit-link #link-info-area span.curve-bottom{
	display:block;
	height:0px;
	line-height:0px;
    background: transparent url(../dashboard-sprites.png) no-repeat 0 -44px;
    margin: 0px;
    padding: 0px 0px 44px 0px;
    text-align: left;
}

#add-link #sidebar, #edit-link #sidebar{
	margin-top:2.50em;
}

#add-link #sidebar span.curve-top, #edit-link #sidebar span.curve-top{
	display:block;
    background: transparent url(../dashboard-sprites.png) no-repeat 0 -88px;
    margin: 0px;
    padding: 45px 0px 0px 0px;
}

#add-link #sidebar span.curve-bottom, #edit-link #sidebar span.curve-bottom{
	display:block;
	height:0px;
	line-height:0px;
    background: transparent url(../dashboard-sprites.png) no-repeat 0 -133px;
    margin: 0px;
    padding: 0px 0px 45px 0px;
    text-align: left;
}


#add-link #link-info-area dt, #edit-link #link-info-area dt{
	clear:both;
	float:left;
	width:160px;
	margin-right:40px;
	text-align:right;
}

#link-info-area dt, #link-info-area dd{
	margin-bottom:0.63em;
}

#link-info-area dd{
	float:left;
}

#add-link #sidebar .wrap, #edit-link #sidebar .wrap{
	padding:0 15px;
	background: transparent url(../sidebar-middle.png) repeat-y;
}

/* -------------

Edit Categories

------------- */

#edit-categories #content{
	float:none;
	margin:0.63em auto;
}

#edit-categories #add-area{
	background-color:transparent;
	margin-bottom:0.63em;
}

#edit-categories #delete-area{
	background-color:transparent;
}

#edit-categories #add-area dt, #edit-categories #add-area dd{
	float:left;
}

#edit-categories #delete-area ul{
	width:500px;
	margin:0 auto;
}

#edit-categories #delete-area li{
	float:left;
	min-width:100px;
}

#edit-categories .delete-btn{
	margin:20px 0 0 20px;
}

#edit-categories #add-area span.curve-top, #edit-categories #delete-area span.curve-top{
	display:block;
	height:0px;
	line-height:0px;
    background: transparent url(../dashboard-sprites.png) no-repeat 0 0;
    margin: 0px;
    padding: 44px 0px 0px 0px;
    text-align: left;
}

#edit-categories #add-area span.curve-bottom, #edit-categories #delete-area span.curve-bottom{
	display:block;
	height:0px;
	line-height:0px;
    background: transparent url(../dashboard-sprites.png) no-repeat 0 -44px;
    margin: 0px;
    padding: 0px 0px 44px 0px;
    text-align: left;
}

#edit-categories #add-area .wrap, #edit-categories #delete-area .wrap{
		padding:0 15px;
		background: transparent url(../links-middle.png) repeat-y;
}