/*
Theme Name: SueSmalley
Theme URI: http://cyberhag.com
Description: Custom Theme built for Sue Smalley
Version: 1.0
Author: Cyberhag Productions.
Author URI: http://cyberhag.com
TAGS:
*/

#preloadedImages {
	width:0px;
	height:0px;
	background-image:url(images/background-gradient.png);
	background-image:url(images/stripe-top.gif);
	background-image:url(images/stripe-mid.gif);
	background-image:url(images/border-top.png);
	background-image:url(images/border-bottom.png);
	background-image:url(images/border-leftside.png);
	background-image:url(images/border-rightside.png);
	background-image:url(images/tab-left-stack-all.png);
	background-image:url(images/tab-right-stack-all.png);
}




body{
	background:url(images/background-gradient.png) repeat-x;
	background-color:#ECEBF0; 
	padding:5px 0 0 0;
	margin:0;
}

a{
	text-decoration:none;
}

a img{
	text-decoration:none;
	border:none;
}

p{
	margin:10px 0 10px 0;
}


#TopStripe {
	position:relative;
	width:100%;  
	height:6px;
	background: url(images/stripe-top.gif) repeat-x;
}

#TopArea{
	position:relative;
	width:100%;
	height:76px;

}

#TopArea_Inner{
	position:relative;
	width:1030px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
}

#TopAreaLogo{
	width:340px;
	margin-top:2px;
	float:left;
	margin-bottom:7px;
}


#Top2ndStripe{
	position:relative;
	width:100%;
	height:31px;
	background:url(images/stripe-mid.gif) repeat-x;
}


#wrapper {
	width:902px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	margin-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#wrapper p{
/* 	margin:2px 0 5px 0; */
	font-size:14px;

}

.nobottomborder{
	border-bottom:none;
}
.postbottomborder{
	border-bottom:#666666 1px dotted;
}

.post{
	border-bottom:#666666 1px dotted;
	margin-bottom:5px;
}

.post_main1stcolumn{
	height:155px;
	overflow:hidden;
}


.postcolumn_main1stcolumn .post .entry{  /* lame fix required for IE Overflow:hidden bug.*/
	height:5.2em;
	overflow:hidden;
	background-color:#FFFFFF;
}


.post_reflectionspage{
	border-bottom:none;
	margin-top:5px;
	margin-bottom:5px;
}

.post a:link{
	color:#333333;
	font-weight:bold;
}

.post a:visited{
	color:#333333;
	font-weight:bold;
}

.post a:hover, .wrapper a:focus{
	color:#c1ce96;
}

.post a:active{
	color:#687d78;
}






#wrapper a:link{
	color:#333333;
}

#wrapper a:visited{
	color:#333333;
}

#wrapper a:hover, .wrapper a:focus{
	color:#c1ce96;
}

#wrapper a:active{
	color:#687d78;
}



.main1stcolumn{
	width:450px;
	height:680px;	
	float:left;
}

.main1stcolumn_InsideBorders{
	position:relative;
	float:inherit;
	width:442px;
	height:680px;
	overflow:hidden;
	background-color:#FFFFFF;
	margin:0px 5px 0px 3px;
	padding:0 0px 0 0px;

}


.main2ndcolumn{
	width:270px;
	float:left;
}

.main2ndcolumn_InsideBorders_top{
	position:relative;
	float:inherit;
	width:auto;
	height:310px;
	overflow:hidden;
	background-color:#FFFFFF;
	margin:0px 5px 0px 3px;
	padding:0 0px 0 0px;

}

.main2ndcolumn_InsideBorders_bottom{
	position:relative;
	float:inherit;
	width:auto;
	height:362px;
	overflow:hidden;
	background-color:#FFFFFF;
	margin:0px 5px 0px 3px;
	padding:0 0px 0 0px;

}


.main3rdcolumn{
	width:180px;
	float:left;
}

.main3rdcolumn_InsideBorders_top{
	position:relative;
	float:inherit;
	width:172px;
	height:372px;
	overflow:hidden;
	background-color:#FFFFFF;
	margin:0px 5px 0px 3px;
	padding:0 0px 0 0px;
}

.main3rdcolumn_InsideBorders_bottom{
	position:relative;
	float:inherit;
	width:172px;
	height:300px;
	overflow:hidden;
	background-color:#FFFFFF;
	margin:0px 5px 0px 3px;
	padding:0 0px 0 0px;
}


.main1stcolumn_title{
	font-size:16px;
	margin:5px 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:37px;
}


.main2ndcolumn_title{
	font-size:14px;
	margin:5px 0 15px 0;
}


.InsideBorders{
	position:relative;
	float:inherit;
	width:auto;
	height:100%;
	background-color:#FFFFFF;
	margin:0px 5px 0px 3px;
	padding:0 0px 0 0px;

}

.postcolumn{
	margin:0px 10px 5px 10px;
}

.postcolumn_main1stcolumn{
	margin:0px 10px 0px 10px;
	padding:0px;
	border-bottom:#666666 1px dotted;
	overflow:hidden;
	height:640px;
	position:relative;
	float:left;
	#height:625px;
}


.Tborder {
	background:	transparent url(images/border-top.png) right top repeat-x;
	*-background:	transparent url(images/transparent.gif) repeat;
	position:relative;
	float:inherit;
	width:auto;
	height:3px;
	margin:0 5px 0 3px;
	float:inherit;
}

.Bborder {
	background:	transparent url(images/border-bottom.png) right bottom repeat-x;
	*-background:	transparent url(images/transparent.gif) repeat;
	position:relative;
	float:inherit;
	width:auto;
	margin:0 5px 0 3px;
	height:5px;
	float:inherit;
}


.Lborder{
	background: transparent url(images/border-leftside.png) repeat-y left top;
	*-background:	transparent url(images/transparent.gif) repeat;
	height:100%;
	width:100%;
	float:left;
	
}

.Rborder{
	background: transparent url(images/border-rightside.png) repeat-y right top;
	*-background:	transparent url(images/transparent.gif) repeat;
	height:100%;
	width:100%;
	float:left;
}



.TLcorner{
	background:url(images/border-top-lc.png) no-repeat left top;
	*-background:	transparent url(images/transparent.gif) repeat;
	width:3px;
	height:3px;
	float:left;
/*	border:thin solid #0033CC;  */
}

.TRcorner{
	background:url(images/border-top-rc.png) no-repeat right top;
	*-background:	transparent url(images/transparent.gif) repeat;
	width:5px;
	height:3px;
	float:right;
/*	border:thin solid #0033CC; */
}

.BLcorner{
	background:url(images/border-bottom-lc.png) no-repeat left bottom;
	*-background:	transparent url(images/transparent.gif) repeat;
	width:3px;
	height:5px;
	float:left;
	overflow:hidden;
/*	border:thin solid #0033CC;*/
}

.BRcorner{
	background:url(images/border-bottom-rc.png) no-repeat right bottom;
	*-background:	transparent url(images/transparent.gif) repeat;
	width:5px;
	height:5px;
	float:right;
/*	border:thin solid #0033CC;*/
}

small.TinyEditLink a {
	font-size:10px;
	float:right;
}



.MenuTabArea{
	position:absolute;
	top:46px;
	left:240px;
	width:auto;
	height:30px;
	float:left;
	margin-left:10px;
	font:Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;
	font-size:14px;
}

.MenuTabArea a, .MenuTabArea a:hover, .MenuTabArea a:visited, .MenuTabArea a:active{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	text-decoration:none;
	color:#484a46;
	line-height: 34px;
}




.MenuTabRight{
	background: transparent url(images/tab-right-stack-all.png) top right no-repeat; 
	*-background: transparent url(images/tab-right-stack-all.gif) top right no-repeat; 
	background-position:100% -47px; 
	width:auto;
	height:30px;
	float:left;
	padding-right:9px;
	display:block;
	cursor:pointer;
}




.MenuTabLeft{
	background: transparent url(images/tab-left-stack-all.png) no-repeat;
	*-background: transparent url(images/tab-left-stack-all.gif) no-repeat; 
	background-position:0% -47px;
	width:auto;
	height:30px;
	float:left;
	padding-left:21px;
	margin-left:-22px;
}	

a.MenuTabLeft:hover span{
	background-position:100% -4px;
}
a.MenuTabLeft:hover {
	background-position:0% -4px;
}


a.MenuTabSelected{
	position:relative;
	z-index:100;
	background-position:0% -4px;
}

a.MenuTabSelected span{
	position:relative;
	z-index:100;
	background-position:100% -4px;
}






.left{
	font-size:12px;
	float:left;
	margin:4px 0 6px 4px;
}

.right{
	font-size:12px;
	float:right;
	margin:4px 4px 6px 0;

}



/* *******************  ARCHIVE PAGE STUFF  ********************************   */



.archive1stcolumn{
	width:630px;
	float:left;
}

.archive2ndcolumn{
	width:270px;
	float:left;
}

.archive1stcolumn_title{
	font-size:20px;
	margin:10px 0 5px 0;
}

.archive2ndcolumn_title{
	font-size:14px;
	margin:5px 0 5px 0;
}



#s{
	padding:2px 0 2px 5px;
	margin:0 0 0 7px;
	font-size:12px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:150px;

	border-top-color:#999999;
	border-left-color:#999999;
	border-top-width:2px;
	border-left-width:2px;
	background-color: #EFEFEF;
	border-bottom-color:#EEEEEE;
	border-right-color:#EEEEEE;

}

#main_s{
	padding:2px 0 2px 5px;
	margin:0 0 0 7px;
	font-size:12px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:120px;

	border-top-color:#BBBBBB;
	border-left-color:#BBBBBB;
	border-top-width:2px;
	border-left-width:2px;
	background-color: #EFEFEF;
	border-bottom-color:#EEEEEE;
	border-right-color:#EEEEEE;

}


#searchsubmit{
	display:none;
}


#mainsearchsubmit{
	display:none;
}


#TagsColumn ul, #TagsColumn ul li{
/*	list-style:none; */
	margin-top:0;
	margin-bottom:0;
	line-height:1.2em;
}


#MainTagsColumn ul, #MainTagsColumn ul li{
/*	list-style:none; */
	margin-top:0;
	margin-bottom:0;
	line-height:1.2em;
	Padding-left:0;
	margin-left:1px;
}





.entry{
	position:relative;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
}

.entry_bottom_links{
	font-size:10px; 
	position:absolute; 
	bottom:5px;
	font-weight:bold;
}







.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}