/*-----------------------------------------------------------------------------
Malamute Extreme main style sheet
version:   1.0
author:    Dave Watts
email:     dj@juicylime.com
website:   http://www.juicylime.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

.lefty {
	float: left;
	padding: 10px;
}

.righty {
	float: right;
	padding: 10px 70px 10px 10px;	
}

/* Remove border around linked images */
img {
	border: none;
}

.mainimg{
	padding: 5px 5px 5px 5px;
}

hr {
	display: none;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background: #ffffff url(images/AlaskanMalamuteExtreme.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

h1, h2, h3 {
	font-weight: normal;
	color: #ff0000;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 16px;
}

p, ul, ol {
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
	text-align: justify;
}


p a:link, p a:visited{
	color: #ff0000;
	text-decoration: none;
}

p a:hover, p a:active{
	color: #999999;
	text-decoration: underline;
}

#sidebar h3 a:link , a:visited{
	color: #ff0000;
	text-decoration: none;
}

#sidebar h3 a:hover, a:active{
	color: #999999;
	text-decoration: underline;
}

/* Header */

#header {
	width: 760px;
	height: 225px;
	margin: 0 auto;
	background: url(images/AlaskanMalamuteExtreme2.jpg);
}

/* Page */

#page {
	width: 760px;
	margin: 0 auto;
	background: #FFFFFF url(images/AlaskanMalamuteExtreme3.jpg) repeat-y;
}

#bg {
	background: url(images/AlaskanMalamuteExtreme6.jpg) no-repeat left bottom;
}


/* =Main Content
-----------------------------------------------------------------------------*/

#content {
	float: left;
	width: 420px;
	background: url(images/AlaskanMalamuteExtreme4.jpg) no-repeat left top;
}

.post {
	width: 420px;
	padding: 30px 0 0 35px;
}

.post .title {
	padding: 0 0 0 12px;
}

.post .title a {
	color: #000000;
}

.post .entry {
	padding: 25px 20px 0 12px;
	background: url(images/AlaskanMalamuteExtreme7.jpg) no-repeat;
}

.post ul {
	margin: 25px 0px 0px 0px;
	padding: 0 0 20px 30px;
	color: #ff0000;
}

.entry li {
	font-weight: bold;
}


/* =Side Bar
-----------------------------------------------------------------------------*/

#about-box {
	margin: 55px 0px 0px 0px;
	padding: 5px 30px 5px 25px;
	background: url(images/AlaskanMalamuteExtreme11.jpg) no-repeat left top;
	text-align: center;
}

#about-box h1 {
	font-size: 19px;
	font-weight: bold;
}

#about-box h2 {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: normal;
}

#about-box h3 {
	font-size: 14px;
	font-weight: bold;
}

#about-box p {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	margin: 0;
	padding: 0;
}

#sidebar {
	float: right;
	width: 220px;
	padding: 0px 30px 0px 0px;
	background: url(images/AlaskanMalamuteExtreme5.jpg) no-repeat right top;
}


/* Navigation bar styling */

/* Use this bit if IE mysterious gap appears before nav buttons 
li{
display: inline;  comment this bit out -> :KLUDGE: Removes large gaps in IE/Win
}*/

#sidebar ul{
color: #cc0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
list-style-type: none;
font-weight: bolder;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0;
}

#sidebar ul a{
display: block;
width: 200px;
height: 50px;
line-height: 50px;
text-decoration: none;
background: url(images/Buttons_Alaskan_Malamute_Dogs.jpg) no-repeat 0% -1%;
text-align: centre;
margin: 0px 0px 0px 0px;
padding: 0;
}

#sidebar ul a:link, a:visited{
color: #3366CC;
text-decoration: none;
}

#sidebar ul a:visited{
color: #3366CC;
text-decoration: none;
}

#sidebar ul a:hover{
color: #ff0000;
text-decoration: none;
background-position: 0% 49%;
}

#sidebar ul .selected a:link, ul .selected a:visited, ul .selected a:hover{
color: #99ccff;
text-decoration: none;
background-position: 0% 99%;
cursor: default;
}

#sidebar li h2 {
	font-size: 18px;
	padding: 30px 0 40px 10px;
}


/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	padding: 30px 0;
}

#footer p {
	text-align: center;
	font-size: 12px;
	color: #ff0000;
}

#footer a:link, a:visited{
	color: #ff0000;
	text-decoration: none;
}

#footer a:hover, a:active{
	color: #999999;
	text-decoration: underline;
}