/*

Theme Name: Creative Magma
Theme URI: 
Description:
Version:
Author: Brian Henderson

*/	


			/* Global Layout */


body {
	font-size: .7em;
	margin: 0px;
	text-align: center;
	background: #000 url(img/bg.gif) top left repeat-y;
	color: #474444;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#shim {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1024px;
	height: 859px;
	background: url(img/bigbg.png) top left no-repeat;
}
#rshim {
	position: absolute;
	top: 0px;
	left: 1024px;
	height: 859px;
	right: 0px;
	background: url(img/rshim.png) top left repeat-x;
}
#wrap {
	position: relative;
	margin-left: 0px;
	padding-top: 173px;
}
#colOne {
	position: relative;
	float: left;
	padding-left: 57px;
	padding-top: 77px;
	width: 113px;
	text-align:left;
}
#colOne a {
	color:#660000;
}
#colOne a:hover {
	color:#CC0000;
}
#colOne ul {
	position: relative;
	padding-bottom: 35px;
}
#colOne li {
	position: relative;
	height: 19px;
	padding-bottom: 8px;
}
#colOne li a {
	position: relative;
	display: block;
	height: 19px;/*text-indent: -9999em;*/
		}
#n1 {
	background: url(img/n1.gif) top left no-repeat;
}
#n2 {
	background: url(img/n2.gif) top left no-repeat;
}
#n3 {
	background: url(img/n3.gif) top left no-repeat;
}
#n4 {
	background: url(img/n4.gif) top left no-repeat;
}
#n5 {
	background: url(img/n5.gif) top left no-repeat;
}
#n6 {
	background: url(img/n6.gif) top left no-repeat;
}
#n7 {
	background: url(img/n7.gif) top left no-repeat;
}
#n8 {
	background: url(img/n8.gif) top left no-repeat;
}
#colTwo {
	position: relative;
	float: left;
	padding-left: 34px;
	padding-top: 83px;
	width: 534px;
	text-align: left;
}
#logo {
	position: relative;
	margin-top: -50px;
	float: right;
	height: 129px;
	width: 226px;
	margin-left: 10px;
	background: url(img/logo.gif) top right no-repeat;
	z-index: 5;
}
#colTwo h1 {
	position: relative;
	font-size: 1em;
	text-transform: uppercase;
	padding-bottom: 14px;
}
#colTwo h1 a {
	text-decoration: none;
}
#colTwo a {
	color: #474444;
	text-decoration: underline;
}
#colTwo a:hover {
	text-decoration: none;
	color: #000;
}
#colTwo p {
	position: relative;
	line-height: 1.5em;
	padding-bottom: 1em;
}
.post {
	position: relative;
	padding-bottom: 25px;
}
#colThree {
	position: relative;
	float: left;
	padding-left: 46px;
	width: 170px;
	color: #fff;
	text-align: left;
}
.colbox {
	position: relative;
	padding-left: 16px;
	padding-right: 20px;
	padding-bottom: 15px;
	margin-bottom: 25px;
	background: url(img/sbbreaker.gif) bottom left no-repeat;
}
#colThree p {
	position: relative;
	line-height: 1.5em;
	padding-bottom: 1em;
}
#pop {
	position: relative;
	height: 30px;
	background: url(img/pop.gif) top left no-repeat;
	padding-bottom: 15px;
	text-indent: -9999em;
}
#fav {
	position: relative;
	height: 30px;
	background: url(img/fav.gif) top left no-repeat;
	padding-bottom: 15px;
	text-indent: -9999em;
}
#colThree a:hover {
	color:#CCCCCC;
}
#colThree a {
	color:#CC3300;
	text-decoration: none;
}
#colThree h2.widgettitle {
	position: relative;
	font-size: 1.6em;
	color: #fff;
}
#comment {
	width:550px;
}
.commentlist li {
	position: relative;
	padding: 10px;
	border: 2px solid #000;
	background: #7E1719;
	margin-bottom: 10px;
	color: #fff;
}
#colTwo .commentlist li a {
	color: #fff;
	text-decoration: underline;
}
.avatar {
	position: relative;
	float: right;
	border: 2px solid #000;
}

/* Content Area */

#colTwo {

}

#colTwo ol{
list-style:decimal;
padding:10px;
}

#colTwo ol li{
margin-bottom:10px;
margin-left:10px;
}

/* Portfolio Images */
#thumbnails {
float:left;
width:100%;
border: 1px solid #666666;
background-color:#CCCCCC;
padding:10px;
}
.thumbnail {
padding:0px;
margin:8px;
float:left;
border:1px #666666 solid;
}
.thumbnail img{
border:1px #666666 solid;
padding: 0px;
margin: 0px;
}

.wp-caption-text {
padding: 0px;
margin: 0px;
border:1px #666666 solid;
}