#dynamic_archive{
	width:230px;
	padding:5px;
	overflow:auto;
} 

#dynamic_archive h3{
	color:#F90;
	font-size:18px;
	text-align:center;
} 

#archiveAccordion{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
#archiveAccordion div p{
	padding:0px;	
	margin:0px;
} 

#archiveAccordion div{
	display:none;
}

.arch4{
	text-align:center;
	border:1px solid #999;
	padding:2px;
	color:#930;
	font-weight:bold;
}

.arctotalPosts{
	color:#F30;
	
}

#openAllArch,#closeAllArch{
	text-decoration:none;
	color:#CC3300;
}

.archieveMonth{
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	color:#CC3300;
	
}

/************************
FRONT END STYLE
*************************/
.dynamicArchive{
			width:230px;
			height:auto;
			border: 2px inset blue;  
			padding:10px;
			margin-right:30px;
		}
		
#dynamic_archive,.dynamicArchive{
				-webkit-border-radius: 7px;
				-moz-border-radius: 7px; 
				border-radius: 7px;  
				
				-webkit-box-shadow: 2px 2px 5px 0 black;
				-moz-box-shadow: 2px 2px 5px 0 black; 
				box-shadow: 2px 2px 5px 0 black;
				
				background-color:white;   
				/*for chrome and safari*/
				/*background: -webkit-gradient(linear,0 0, 0 100%,from(white), color-stop(@switch,#9CF));*/
				background: -webkit-gradient(linear,0 0, 0 100%,color-stop(1%,white), color-stop(100%,#9CF));
				/*background: -webkit-gradient(linear,left top ,left bottom,from(white),to(#9CF));*/
				/*for firefox*/
				background: -moz-linear-gradient(top,white 1%,#9CF 100%); 
				/*for opera 11.10+ */
				background: -o-linear-gradient(top,white 1%,#9CF 100%);
				/* for IE 10+ */
				/*background-image: -ms-linear-gradient(top,white,#9CF);*/
				background: linear-gradient(top,white 1%,#9CF 100%);  
			
}
		
		
		.dynamicArchive h3{
			color: #FF6600;
			font-size: 25px;
			font-weight: bold;
			margin-top: 0;
			padding: 5px;
			text-align: center;
			overflow:auto;
		}