/*
MyPivot.net - v2.

Created: 	7th July, 2005.
Author: 	Cissi Tsang.
Author URI: 	http://arach.net.au/~electrawoman.
Note: 		You are free to view this file for study purposes only.
		Please do not duplicate.
*/

/* Basics and typograph. */

body { margin: 0; padding: 0; 
	background: #fff;
	font-family:"Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; }
	
a { color: #83A20A; text-decoration: none; font-weight: bold; }

a:hover {color: #ff9900; text-decoration: none; } 

/* Codes to make the searchbox look spunky. */

.searchbox { padding: 2px;  width: 10em; 
	background-color: #fff; border: 1px solid #eee;
	font-size: 9pt; color: #000; }
	
.searchbutton {padding: 2px; border: 1px solid #eee;
	font-size: 9pt; color: #000; background-color: #fff; }

.pivot-search label { visibility:hidden; display:none; }
.pivot-search legend { visibility:hidden; display:none; }
.pivot-search fieldset { border:0; padding:0; margin:0; }

.pivot-search-result label { visibility:hidden; display:none; }
.pivot-search-result legend { visibility:hidden; display:none; }
.pivot-search-result fieldset { border:0; padding:0; margin:0; }

/* Accessibility features. Very useful for people using non-visual browsers. */

hr { visibility: hidden; display:none; }
.skiplink { visibility: hidden; display:none; }
.text-only {visibility: hidden; display: none;}

/* Top of the page. */

#container {width: auto; margin: 0; padding: 0; border-top: 10px solid #83A20A; }

#top {float: right; text-align: right;}

#top ul {margin-top: -4px; padding: 0; float: right;}

#top ul li {display: inline; font-size: 9pt;}
#top ul li a {text-transform: uppercase; display: inline; color: #83A20A; background: none; padding: 0 5px 0 5px;}
#top ul li a:hover {color: #fff; background-color: #83A20A;}

/* The page really starts here. This is to ensure all content stays within a certain perimeter. */

#wrap {width: 780px;}

/* The logo and its accompanying text. */

#logo {float: left; background: url(mp.png) top no-repeat; width: 150px; padding: 5px 10px; 
	text-align: center; margin-right: 70px;}
h1 {font-size: 12pt; font-weight: bold; color: #83A20A; text-transform: uppercase; padding-top: 120px;}
h1.subtext {font-size: 11pt; padding: 0; text-transform: lowercase; color: #ccc;}
h1.subtext a {color: #999;}
h1.subtext a:hover {color: #666;}

/* The image and subtext. */

#image {float: left; width: 500px; height: 250px; text-align: center; background: url(strawberries.jpg) center no-repeat;}
h2 {font-size: 12pt; font-weight: bold; text-transform: lowercase; color: #ccc; text-align: right; padding-top: 210px;}

/* Main content starts here. Firstly, the navigation. */

#nav {clear: both; float: left; width: 200px; margin: 0 10px 0 20px; padding: 10px; }

h2.title {font-size: 18pt; color: #333; font-weight: normal; text-transform: none; padding: 0; text-align: left;}

ul {margin: 0; padding: 0; width: auto;}

ul li {font-size: 10pt; font-weight: bold; text-transform: uppercase; list-style: none;}
ul li a {display: block; line-height: 1.8em;}

/* Now, the content. */

#content {float: left; width: 480px; padding: 10px; text-align: justify;}

.entry {font-size: 10pt; color: #333; line-height: 1.4em; margin-bottom: 10px; padding-bottom: 10px;}

h3 {font-size: 14pt; font-weight: normal; text-transform: uppercase; color: #999}
h3.post {font-size: 10pt; font-weight: bold;}

blockquote {border: 1px solid #eee; padding: 10px; margin: -10px 0 -20px 0; background: #fff url(quote.gif) top left no-repeat;}

.entryfooter {padding-top: 20px; color: #999; font-size: 10pt; text-align: right;}

.entryfooter ul {margin: 0; padding: 0;}
.entryfooter ul li {margin: 0; padding: 0; display: inline; font-size: 8pt;}
.entryfooter ul li.link {background: url(new.png) no-repeat; padding: 0 20px 0 20px;}
.entryfooter ul li.comment {background: url(bubble.png) no-repeat; padding: 0 20px 0 20px;}

.entryfooter a {display: inline; color: #999; text-decoration: none; font-weight: bold; font-size: 9pt;}
.entryfooter a:hover {color: #666; background: none;}

/* The footer. */

#footer {clear: both;  width: auto; border-top: 5px solid #83A20A; text-align: right; font-size: 10pt; padding: 10px; text-transform: lowercase;}

/* The End. */

/* Appendix: To recap, the colours used are:

Background: #ffffff
Links: #83A20A
Links hover: #ff9900
Various greys: #ccc, #999, #666, #333.  */