/*
* Body
*/
body {
	margin: 0px auto;
    font-family: verdana;
    font-size: 10px;
}

/*
* Global hyperlinks
*/
a {
	font-weight: bold;
	color: #3BAFF8;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}

/*
* Header
*/
#header {
	margin: 0px auto;
	height: 100px;
	width: 1000px;
    background-color: #ccc;
    border-top: 1px #000 solid;
    border-bottom: 0px #000 solid;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    background: url('../images/logo.jpg') 100% no-repeat;
}

/*
* Navigation
*/
#navigation  { width: 1000px; height: 22px; background-color: #FFAB08; 
               border-left: 1px solid #000000; border-right: 1px solid #000000; 
               border-top: 1px solid #000000; border-bottom: 1px solid #000000; 
               margin-left: auto; margin-right: auto; margin-top: 0px; 
               margin-bottom: 0px }
#navigation #left {
	float: left;
}

#navigation #right {
	float: right;
}

#navigation ul {
	margin: 0px auto;
    padding: 0px;
}
#navigation ul li {
	padding: 0px;
    display: inline;
    list-style: none;
}
#navigation a.left-link {
	padding: 2px 10px 2px 10px;
	color: #000;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
    font-weight: bold;
		font-size:14px;
}
#navigation a.right-link {
	padding: 2px 10px 2px 10px;
	color: #fff;
	text-decoration: none;
	float: left;
	border-left: 1px solid #fff;
    font-weight: bold;
		font-size:14px;
}
#navigation a:hover { background-color: #EA8923; color: #FFFFFF }
/*
* Admin Navigation
*/
#admin-navigation {
	margin: 10px auto;
	width: 698px;
    height: 16px;
    background-color: #fff;
    border: 1px #ccc solid;

}

#admin-navigation ul {
	margin: 0px auto;
    padding: 0px;
}
#admin-navigation ul li {
	padding: 0px;
    display: inline;
    list-style: none;
}
#admin-navigation a {
	padding: 2px 10px 2px 10px;
	color: #00;
	text-decoration: none;
	float: left;
    font-weight: bold;
}

#admin-navigation a:hover {
    background-color: #FF0000;
    color: #fff;
}

/*
* Content
*/
#content {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 1000px;
    border: 1px #000 solid;
    background: url('../images/diagonal.gif')  repeat;

}


/*
* Footer
*/
#footer {
	margin: 0px auto;
	height: 30px;
	width: 1000px;
    background-color: #ccc;
    border-top: 0px #000 solid;
    border-bottom: 1px #000 solid;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    background: url('../images/footer.jpg') 100% no-repeat;
    text-align: center;
}
#footer p {
	margin: 0px;
    padding-top: 10px;
    color: #fff;
}

/*
* Upload
*/
.upload {
	margin: 10px auto;
	width: 40%;
    border: 1px #999 solid;
    background-color: #fff;
}
.upload .label {
	width: 30%;
	font-weight: bold;
    text-align: right;
}
.upload .field {
	width: 30%;
}
.upload .info {
	vertical-align: top;
}
.upload .title {
	height: 20px;
    background-color: #e2e2e2;
	font-weight: bold;
    text-align: center;
}


/*
* Adverts View
*/
#view-adverts {
	margin: 5px auto;
	width: 99%;
    border: 1px #999 solid;
    background-color: #fff;
}
#view-adverts .row  {
	background-color: #f9f9f9;
}
#view-adverts .label {
	font-weight: bold;
}
#view-adverts .title {
	height: 20px;
    background-color: #e2e2e2;
	font-weight: bold;
    text-align: center;
}

/*
* Adverts Edit
*/
#edit-adverts {
	margin: 5px;
	width: 60%;
    border: 1px #999 solid;
    background-color: #fff;
}
#edit-adverts .title {
	height: 20px;
    background-color: #e2e2e2;
	font-weight: bold;
    text-align: center;
}
#edit-adverts .label {
	width: 30%;
	font-weight: bold;
    text-align: right;
}
#edit-adverts .field {
	width: 70%;
}


/*
* News View
*/
#view-news {
	margin: 5px;
	width: 99%;
    border: 1px #999 solid;
    background-color: #fff;
}
#view-news .title {
	height: 20px;
    background-color: #e2e2e2;
	font-weight: bold;
    text-align: center;
}
#view-news .label {
	font-weight: bold;
}
#view-news .row {
    background-color: #f9f9f9;

}

/*
* News Edit
*/
#edit-news {
	margin: 5px;
	width: 60%;
    border: 1px #999 solid;
    background-color: #fff;
}
#edit-news .title {
	height: 20px;
    background-color: #e2e2e2;
	font-weight: bold;
    text-align: center;
}
#edit-news .label {
	width: 20%;
	font-weight: bold;
    text-align: right;
}
#edit-news .field {
	width: 70%;
}


/*
* Advert Edit
*/
#edit {
	margin: 10px auto;
	width: 40%;
    border: 1px #999 solid;
    background-color: #fff;
}
#edit .label {
	width: 30%;
	font-weight: bold;
    text-align: right;
}
#edit .field {
	width: 30%;
}
#edit .info {
	vertical-align: top;
}
#edit .title {
	height: 20px;
    background-color: #e2e2e2;
	font-weight: bold;
    text-align: center;
}

/*
* Login
*/
#login {
	margin: 10px auto;
	width: 40%;
    border: 1px #999 solid;
    background-color: #fff;
}
#login .label {
	width: 30%;
	font-weight: bold;
    text-align: right;
}
#login .field {
	width: 30%;
}
#login .title {
	height: 20px;
    background-color: #e2e2e2;
	font-weight: bold;
    text-align: center;
}


/*
* News
*/
#news .title {
	font-size: 17px;
    color: #000;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 2px;
}
#news .timestamp {
	font-size: 11px;
    color: #ccc;
	padding-bottom: 2px;
}
#news .text {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.news .name {
	width: 80%;
    padding-bottom: 10px;
    color: #ccc;
}

/*
* Co-ords
*/
.co-ords {
	margin: 0px auto;
}
.co-ords .title {
	height: 20px;
    background-color: #e2e2e2;
	font-weight: bold;
    text-align: center;
}



/*
* Form Objects
*/
.input {
	border: 1px #ccc solid;
    font-size: 10px;
}
.button {

    font-size: 10px;
}
form {
	margin: 0px;
    padding: 0px;
}

/*
* New Account
*/
.error {
	margin: 0px auto;
    padding: 5px 0px 5px 0px;
    width: 100%;
    color: #ff0000;
    font-weight: bold;
    text-align: center;
}

/*
* Messages
*/
#message {
	margin: 0px auto;
    padding: 5px 0px 5px 0px;
    width: 50%;
    color: #ff0000;
    font-weight: bold;
    text-align: center;
}

/*
* Seperator
*/
.seperator {
	margin: 5px;
    width: 50%;
    border-top: 1px #ccc solid;
}

/*
* Heading
*/
h3 {
	margin: 5px;
    padding: 0px;
	color: #000;
    font-size: 20px;
    border-bottom: 1px #ccc solid;

}


/*
* Show/Hide
*/
.hide {
	display: none;

}
.show {
	padding: 5px;
	width: 150px;
	border: 1px #000 solid;
	background-color: #fff;
    position: absolute;
}

/*
* Three Column
*/
#column {
	width: 100%;
}
#column .col-left {
	width: 150px;
    background-color: #f9f9f9;
}
#column .col-center {
	width: 700px;
	border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    background-color: #fff;
}
#column .col-right {
	width: 150px;
   background-color: #f9f9f9;
}

/*
* Stats
*/

#stats {

	height: 30px;
	width: 100%;

}
#stats .url {
	width: 40%;
    vertical-align: top;
}
#stats .advert {
	width: 40%;
    text-align: center;
    vertical-align: top;
}
#stats .hits {
	width: 20%;
    vertical-align: top;
}
#stats .row {
    background-color: #f9f9f9;
}
#stats .label {
	font-weight: bold;
}
