@import url(base-weblog.css);

/*

name: Chameleon
designer: J Maloney
designer_url: http://www.freshwear.ca

description: This template is built to be easily personalized, by changing out the banner image, changing the page
background and link colours. The stylesheet is commented up to show where to change what. 
layouts: one-column, two column left, two column right, three column

*/

/* ----    Banner photo from stockxchng - http://www.sxc.hu/ and is used with the permission of the photographer ---- */

/* ----   THESE ARE THE STYLES THAT CAN EASILY BE CHANGED TO GIVE THIS TEMPLATE A DIFFERENT LOOK    ---- */

/* -- to change the banner photo, pick your photo, crop it to 687px wide by 244px high, name it "banner-image.jpg", upload to the directory that contains the original banner-image (probably your site root), overwrite the existing banner-image file, rebuild your site. (you may need to clear your cache to see the new image). You can change some of the other styles below to match your new photo, as well -- */

#banner {	
	background-image:url(http://www.abstractmall.com/happyholidaysfilm/images/banner-image.jpg);  
	background-position:bottom right;
	background-repeat:no-repeat;
	width:687px;
	height:335px;	
}

body {
	background-color:#222;            /* -- change 222 this to change the page background color -- */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#222;                       /* -- change this to change the color of the entry text -- */
	font-size:64%;
	margin:13px 0 13px 0;
background-image:url(http://www.abstractmall.com/happyholidaysfilm/images/art_background.jpg);
background-attachment:fixed;
background-repeat:repeat;
}

a {
	text-decoration:none;
	color:#858585;                      /* -- change this to change the color of the links on the page   -- */
}

#container {
	background-color:#FDFDFD;           /* -- change this to change the background color of the text area -- */
	border:3px solid #858585;      /* -- change this to change the color of the thin side border - change the color only -- */
}

.entry-body img {
padding:5px; border:1px solid #cccccc;
}

#banner-header, 
#banner-header a,
.entry-header, 
.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header {	
	color:#222222;                     /* -- change this to change the color of the blog title and entry titles -- */              
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	border:0;
}

#banner-description,
.date-header {
	color:#4C4944;                  /* -- change this to change the color of the blog description and entry date -- */ 
	font-family:Arial, Helvetica, sans-serif;
}

/* ----    END OF STYLES THAT WILL EASILY CHANGE THE LOOK OF THE PAGE. 
PROCEED WITH CAUTION PAST HERE --------- */


a:hover {text-decoration:underline;}

#container-inner {
	margin:0 16px 15px 16px;
	padding:15px 0 0 0;
}

/* ---- Banner Styles ---- */

#banner-inner {
	padding:0;
	margin:0;
	height:30px;
}

#banner-header, #banner-header a {
	font-size:29px;
	font-weight:normal;
	line-height:1.1;
	text-decoration:none;
	padding:0;
border-bottom:2px solid #666666;
	margin:0;
}

#banner-description {
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	line-height:1.15;
	padding:0 0 0 3px;
	margin:0;
}

/* ---- Content Styles ---- */

#pagebody-inner {
	margin: 40px 0 25px 0;
	font-size:1.13em;
	line-height:1.7;
}

.date-header {
	font-size:14px;
	line-height:1.8;
	font-weight:normal;
	font-style:italic;
	padding:0;
	margin:0;
}

.entry-header {
	font-size:20px;
	line-height:1;
	font-weight:normal;
	padding:0;
	margin:0 0 15px 0;
}

.entry-body p {
	line-height:1.7;
	padding:0;
	margin:0 0 15px 0;
        text-align:justify;
}

.entry-body p img {
	padding:3px;
	border:1px solid #4C4944;
}

.entry-body img[align="right"] {margin: 5px 0 15px 15px; display:block;}
.entry-body img[align="left"] {margin: 5px 15px 15px 0;}

.entry-body ul {
	margin:0 0 15px 0;
	padding:0;
	list-style-type:square;
	list-style-position: outside;
}

.entry-body ol {
	margin:0 0 15px 15px;
	padding:0;
	list-style-position: outside;
}

.entry-body li {
	padding:0;
	margin:0 0 0 35px;
}	

.entry-body blockquote, .entry-body blockquote p {
	margin:0 0 15px 10px;
	padding:0;
	font-style:italic;
}

/* ---- Sidebar Styles ---- */

.module-header, .module-header a {
	font-size:18px;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
	text-decoration:none;
}

ul.module-list {
	padding:0;
	margin:0 0 25px 0;
}

.module-list ul li {
	margin-left:7px;
}

.module-content {
	margin:0 0 25px 0 ;
}

.module-content form {
	margin:15px 0 25px 0;
}

.module-list-item, .module-list-item a {
	line-height:1.7;
	margin:0;
	padding:0;
}

.module-powered module, .module-syndicate module {
	padding:25px 0;
}

input,submit {
	margin:3px 0;
	padding:2px;
	border:1px solid #333;
	background-color:#FFF;
}

/*  ---- Archive Pages Styles ---- */

.content-nav {
	margin: 5px 0 20px 0; 
	padding: 0;
	text-align: center;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {
	clear: both;
	margin: 10px 0 20px 0;
}

.trackbacks-header, .comments-header, .comments-open-header {
	font-size:18px;
}

/* ---------- Single Column Styles ----------  */


.layout-one-column #alpha {width: 660px;}


/* ---------- Two Column Left Styles ---------- */


.layout-two-column-left #alpha {
	width:170px;
	margin-right:35px;
	margin-top:10px;
}
	
.layout-two-column-left #beta{
	width: 475px; 
}


/* ---------- Two Column Right Styles ---------- */


.layout-two-column-right #beta {
	width:170px;
	margin-left:35px;
	margin-top:10px;
}

.layout-two-column-right #alpha {
	width: 475px; 
}


/* ---------- Three Column Styles ---------- */

.layout-three-column #alpha {

	width: 150px; 
}

.layout-three-column #beta {
	width: 350px; 
	margin: 0px 5px 0 25px;
}

.layout-three-column #gamma {
	width: 150px; 
}

/* livejournal styles */

.entry-userpic {
	display:none;  
}

.banner-user {
	display:none;
}

.banner-user-photo {
	display:none;
}

.banner-user-photo img {
	display:none;
}

.comment-userpic {
	display:none;
}

/*  typepad styles */

.typelist-thumbnail img, 
.module-galleries .typelist-thumbnail img,
.module-featured-photo img,
.image-thumbnail img {
	border:1px solid #555;
}
/* begin brand index image trail */
#brand-pop { /* this is the small one, the others share */
	font-size:1em;
	position:absolute;
	visibility:hidden;
	width:23.3em;
	z-index:200;
	}
#detail {
	border:0;
	cursor:pointer;
	}
/* end brand index image trail */