/**************************************************

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 ***/



* {

	margin:0;

	padding:0;

}



body {

 margin:0;

 padding:0;

}



a, a:active {

 font:90% bold verdana, Arial, Sans-Serif;

 text-decoration:none;

 color:#000000;

}



a:hover {

 text-decoration:underline;

}



a:visited {

 color:#f89434;

}



img {

	border:none;

}



h1 {

 font:200% bold verdana, Arial, Sans-Serif;

 text-transform:uppercase;

 margin:10px 0 5px 0;

}



h2 {

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

 text-transform:uppercase;

 margin:15px 0 5px 0;

}



h3 {

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

 text-transform:uppercase;

 margin:15px 0 5px 0;

}



p {

 margin:5px;

}



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:110px;

 background:#f99133;

}



#title {

 position:absolute;

 height:70px;

 width:140px;

 padding:40px 0 0 20px;

 font:110% Trebuchet MS, verdana, Arial, Sans-Serif;

 text-transform:uppercase;

 background:url(images/title.png) no-repeat 10px 5px #f99133;

}



#logo {

 position:absolute;

 top:10px;

 right:10px;

 height:50px;

 padding:40px 0 0 20px;

 font:110% Trebuchet MS, verdana, Arial, Sans-Serif;

 text-transform:uppercase;

 background:url(images/logo.png) no-repeat 105px 5px #f99133;

}



#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;

	

}



/*** LEFT COLUMN ***/



#left-col {

 position:absolute;

 top:110px;

 left:0;

 /*height:85%;*/



 width:170px;

 margin:0;

 padding:10px;

 background:#ffeed2;

}



#left-col h1 {

 font:120% bold verdana, Arial, Sans-Serif;

 color:#f99133;

 text-transform:uppercase;

 margin:10px 0 5px 0;

}



#left-col .sidebar-menu, #left-col .sidebar-links {

 margin:10px 0 20px 0;

}



#left-col .sidebar-menu li {

 list-style: square inside url(images/bullet-penguin-black.png);

 margin:5px 0 5px 0;

}



#left-col .sidebar-menu a {

 font:100% bold verdana, Arial, Sans-Serif;

 color:#000000;

 text-decoration:none;

}



#left-col .sidebar-menu a:hover {

 text-decoration:underline;

}



#left-col .sidebar-links li {

 list-style: square inside url(images/bullet-head-black.png);

}



#left-col .sidebar-links a {

 font:100% bold verdana, Arial, Sans-Serif;

 color:#000000;

 text-decoration:none;

}



#left-col .sidebar-links a:hover {

 text-decoration:underline;

}



/*** RIGHT COLUMN ***/



#right-col {

 position:absolute;

 top:110px;

 right:0;

 /*height:85%;*/

 

 width:170px;

 margin:0;

 padding:10px;

 background:#ffeed2;

}



#right-col h1 {

 font:120% bold verdana, Arial, Sans-Serif;

 color:#f89434;

 text-transform:uppercase;

 margin:10px 0 5px 0;

}



#right-col .sidebar-menu, #right-col .sidebar-links {

 margin:10px 0 20px 0;

}



#right-col .sidebar-menu li {

 list-style: square inside url(images/bullet-penguin-colour.png);

 margin:5px 0 5px 0;

}



#right-col .sidebar-menu a {

 font:90% bold verdana, Arial, Sans-Serif;

 color:#f89434;

 text-decoration:none;

}



#right-col .sidebar-menu a:hover {

 text-decoration:underline;

}



#right-col .sidebar-links li {

 list-style: square inside url(images/bullet-penguin-colour.png);

}



#right-col .sidebar-links a {

 font:90% bold verdana, Arial, Sans-Serif;

 color:#f89434;

 text-decoration:none;

}



#right-col .sidebar-links a:hover {

 text-decoration:underline;

}



/*** CONTENT ***/



#middle {

 width:100%;

 

}



#content {

 position:relative;

 margin:0 191px 0 191px;

 padding:10px;

 

 background:#ffffff;

}



/*** FOOTER ***/



#footer {

 color:#ffeed2;

 background:#f99133;

}



#footer p{

 margin:70px 0 0 0;

 text-align:center;

}



#footer a, #footer a:hover, #footer a:visited{

 font:80% bold verdana, Arial, Sans-Serif;

 text-decoration:none;

 margin:70px 0 0 0;

 text-align:center;

 color:#ffeed2;

}