/**************************************************
paperback01 version 1.0

This is a W3C compliant XHTML/CSS template.

You are free to use and modify it under the terms
of the Creative Commons Attribution 3.0 License.
This means you can use it however you want and all
you have to do in return is keep the link back to
my website "www.hewison.net" when you use it.

Please visit my site for more free templates to give
any feedback. I'd love to know if it has been useful
for you.

GLHF :)
**************************************************/

/*** COMMON HTML ***/

* {
	padding:0;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

body {
 margin:0;
 padding:0;
}


img {
	border:none;
}

h1 {
	padding: 0px;
	font-family: "bold verdana", Arial, Sans-Serif;
	font-size: 100%;
	font-weight: bold;
}

h2 {
 font:160% bold verdana, Arial, Sans-Serif;

 margin:15px 0 5px 0;
}

h3 {
 font:110% bold verdana, Arial, Sans-Serif;

 margin:15px 0 5px 0;
}

p {
	margin:10px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

p .white {
	margin:5px;
	color: #E8E8E8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

ol,ul {
 list-style-position:inside;
}

blockquote {
 margin:5px;
 padding:0 0 0 30px;
 background:url(images/comment.png) no-repeat 0px 0px;
}

/*** HEADER ***/

#header {

	height:196px;
	background-color: #FFFFFF;

}


#logo {
 position:absolute;
 top:10px;
 right:10px;
 height:50px;
 padding:40px 0 0 20px;
 font:110% Trebuchet MS, verdana, Arial, Sans-Serif;

}

#header ul {
	position:absolute;
	list-style:none;
}

#header li {
   display:inline;
}

#header a {
	float:left;
	margin:10px 10px 0 0;
	padding:5px 0 5px 0;
}

#header a:hover {
	text-decoration:none;
	
}

/*** TOP NAVIGATION by Vicki***/
#top-nav {
	position:absolute;
	top:133px;
	left:0;
	z-index:3;
	width:100%;
	margin:5;
	height: auto;
	word-spacing: normal;
	padding: 3;
	border-top-width: 28px;
	border-top-style: solid;
	border-top-color: #008080;
	background-color: #663366;
	text-align: center;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #663366;
}
#top-nav a, a:active {
	font-weight:bold;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	color:#e8e8e8;
}

#top-nav a, #footer, #footer a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E8E8E8;

}

#top-nav a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color:#FFCC99;
}


/*** LEFT COLUMN ***/

#left-col {
 position:absolute;
 top:188px;
 left:0;
 /*height:100%;*/
 z-index:3;
 width:150px;
 margin:0;
 padding:10px;
 background:#008080;
 color:#E8E8E8
}

#left-col a, a:active {
	font-weight:bold;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	color:#e8e8e8;
}

#left-col a:hover {
	text-decoration:underline;
	color:#FFCC99;
}

#left-col h1 {
 font:100% bold verdana, Arial, Sans-Serif;
 color:#E8E8E8;
 margin:10px 0 5px 0;
}

#left-col .side-links h1 {
 font:100% bold verdana, Arial, Sans-Serif;
 color:#E8E8E8;
 margin:10px 0 20px 0;
}

#left-col .side-links a {
 font:100% bold verdana, Arial, Sans-Serif;
 color:#E8E8E8;
 text-decoration:none;
}

#left-col .side-links a:hover {
 font:100% bold verdana, Arial, Sans-Serif;
 text-decoration:underline;
 color:#FFCC99;
}


/*** RIGHT COLUMN ***/

#right-col {
	position:absolute;
	top:185px;
	right:0;
	/*height:85%;*/
 z-index:2;
	width:164px;
	margin:100;
	padding:10px;
	background:#663366;
}

#right-col h1 {
	color:#FFFFCC;
	text-transform:none;
	margin:10px 0 5px 0;
	font-family: "bold verdana", Arial, Sans-Serif;
	font-size: 100%;
	font-weight: bold;
}

#right-col p {color:#E8E8E8}

#right-col .sidebar-list {
	list-style: square inside;
	color:#E8E8E8;
}

#right-col .sidebar-links {
	margin:10px 0 20px 0;
	color: #E8E8E8;
	}

#right-col .sidebar-links li {
 list-style: none;
 color:#E8E8E8;
}

#right-col .sidebar-links a {
 font:90% bold verdana, Arial, Sans-Serif;
 color:#FFFFCC;
 text-decoration:underline;
}

#right-col .sidebar-links a:hover {
	color:#FFCC99;
	text-decoration: underline;
}

/*** CONTENT ***/

#middle {
 height:75%;
 width:100%;
 z-index:1;
}

#content {
	position:relative;
	margin:0 191px 0 191px;
	padding:10px;
	z-index:5;
	background:#ffffff;
	color: #000000;
}
#CONTENT a {
	color:#0000CC;
	text-decoration:underline;
}

#CONTENT a, a:active {
	color:#0000CC;
	text-decoration:underline;
}
#CONTENT a:hover {
	color:#FFCC99;
	text-decoration:underline;
}

#CONTENT a:visited {
	color:#663366;
	text-decoration:underline;
}

.article-controls {
	margin:5px 10px 0 10px;
	text-align:right;
}

.article-controls a.more {
	padding: 0 25px 0 0;
  	background: url(images/bullet-penguin-more.png) no-repeat right top;
}

.article-controls a.comment {
	padding: 0 35px 0 0;
  	background: url(images/comment.png) no-repeat right top;
}

.article-controls a.download {
	padding: 0 15px 0 0;
  	background: url(images/bullet-penguin-down.png) no-repeat right top;
}

#content img {
	float:left;
	margin:0 5px 0 5px;
}

/*** FOOTER ***/

#footer {
	height:50px;
	width:99%;
	z-index:5;
	color:#ffeed2;
	background:#008080;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #663366;
	vertical-align: top;
	padding-top: 0.2%;
	padding-right: 0.5%;
	padding-bottom: 0;
	padding-left: 0.5%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}

#footer p{
 margin:70px 0 0 0;
 text-align:center;

}

#footer a, #footer a:hover, #footer a:visited{
	text-decoration:underline;
	text-align:center;
	color:#000000;
	font-family: "bold verdana", Arial, Sans-Serif;
	font-size: 90%;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;

}