/*----------------------------------------------------------------
	This is the custom CSS for the D3Corp Blog. This should be 
	very well commented so if you need to make any changes 
	you can. This is designed for the purpose of ONLY laying 
	out the blog. All fonts and colors should be controlled 
	via the main site CSS. 
	
	TABLE OF CONTENTS:
	
	MAIN DIVS						Line 14
	LEFTSIDE DIVS					Line 36
	RIGHTSIDE DIVS					Line 80
------------------------------------------------------------------*/


/* ------------------------------- 
Below are the two main laout DIVS
---------------------------------*/

div.blog-leftside {
	width: 305px; /* You will need to adjust this to match your website!!!! */
	margin: 10px 15px 0 0;
	padding: 5px;
	float: left;	
}

div.blog-rightside {
	width: 160px; /* You will need to adjust this to match your website!!!! */
	padding: 5px;
	margin: 10px 0 0 0;
	float: right;
}
	

/* ------------------------------- 
Leftside layout
---------------------------------*/

div.post-holder { /* This holds the individual blog posts */
	margin: 0 0 25px 0; 
	padding: 0 0 25px 0;
	border-bottom: 1px dotted #000; /*You can change this as you see fit or make any other changes */
}
	
div.blog-title {
	font-size: 20px;
	font-weight: bold;
	background-color: #000;
	color:#FAEB46;
	padding: 5px;
	clear: both;
}

div.blog-date {
	font-size: 11px;
	font-weight: normal;
	font-style:italic;
	margin: 2px 0 2px 0;
	color: #FAEB46; /* You can change this to match your design or info needed */
	clear: both;
}

div.blog-text {
	width:100%;
	display: block;
	margin: 0 0 0 10px;
	clear: both;
}

div.blog-options {
	width: auto; /*Change the width to fit your design */
	padding: 5px;
	margin: 20px 0 0 0;
}


/* ------------------------------- 
Leftside layout
---------------------------------*/

div.blog-right-header {
	width: 155px;
	padding: 5px;
	background-color: #FAEB46; /*Change this to match your site colors */
	font-weight: bold;
	font-size: 12px;
}

div.blog-right-content-box {
	width: 155px;
	padding: 5px;
	background-color: #000; /*Change this to match your site colors */
	color:#fff;
	font-weight: normal;
	font-size: 10px;
}

ul.blog-right { 
	margin-right: 4px; 
	list-style: circle;
	margin-left: 0;
	padding-left: 30px;
} 

div.blog-right-title {
	font-size:14px;
	font-weight: bold;
	line-height: 18px;
}

div.blog-right-title-description {
	font-size:12px;
	line-height: 14px;
}

.blog-right-search-box {
	border: 1px solid #000;
	font-size: 10px;
	background-color: #FFF; /*Change this to match your site colors*/
	padding: 2px;
	font-weight: bold;
}





/* ------------------------------- 
Spacers
---------------------------------*/
.blog-spacer-padded {
	clear: both;
	padding-bottom: 20px;
}

.blog-spacer-padded-small {
	clear: both;
	padding-bottom: 10px;
}

.blog-spacer-padded-x {
	clear: both;
}

.blog-spacer-padded-dotted {
	clear: both;
	padding-bottom: 20px;
	border-bottom: 1px dotted #000;
	margin-bottom: 20px;
}

.blog-spacer-padded-dotted-story {
	clear: both;
	padding-bottom: 20px;
	border-bottom: 1px dotted #000;
	margin-bottom: 20px;
	width: 95%;
}