/* ******************************************* GLIDER */

/* ............................. Containers */
	div.glider {
		position: relative;
		width: 336px;
		overflow: hidden;
		margin: 0px 4px 5px 5px;
		float: left;
		-moz-border-radius: 5px;     
		-webkit-border-radius: 5px;  
		border-radius: 5px;
		background: #2E3335;
		border: 1px solid #272B2D;
	}
	
		div.glider div.glidecontentwrapper {
			position: relative; /* Do not change this value */
			height: 310px; /* Set height to be able to contain height of largest content shown*/
			overflow: hidden;
			margin: 0px;
			background-color: #232628;
			-moz-border-radius: 5px;     
			-webkit-border-radius: 5px;  
			border-radius: 5px;
		}
	
			div.glider div.glidecontentwrapper div.glidecontent { /*style for each glide content DIV within wrapper.*/
				position: absolute; /* Do not change this value */
				background: #334a55;
				visibility: hidden;
				width: 100%;
				color: #C2D4DD;
				height: 310px;
				-moz-border-radius: 5px;     
				-webkit-border-radius: 5px;  
				border-radius: 5px;
			}
/* ........................................ */


/* .................................. Title */
	div.glider div.glidecontentwrapper div.glidecontent div.glider_title_box {
		padding: 11px 15px 0px 15px;
		border-top: 1px solid #272B2D;
		margin-top: -1px;
	}

		div.glider div.glidecontentwrapper div.glidecontent div.glider_title_box h2 {
			margin: 0px;
			font-size: 20px;
			font-weight: bold;
			-moz-border-radius: 5px;     
			-webkit-border-radius: 5px;  
			border-radius: 5px;
			position: relative;
			top: -2px;
			overflow: hidden;
			height: 25px;
	    }
			div.glider div.glidecontentwrapper div.glidecontent div.glider_title_box h2 span.number {
				font-size: 10pt;
				color: #DDD;
			}

			div.glider div.glidecontentwrapper div.glidecontent div.glider_title_box h2 a:link, 
			div.glider div.glidecontentwrapper div.glidecontent div.glider_title_box h2 a:visited {
				color: #C2D4DD;
			}
			
				div.glider div.glidecontentwrapper div.glidecontent div.glider_title_box h2 a:hover {
					color: #DDD;
					text-decoration: none;
				}
        div.glider_title_box .cats_label {
            font-size: 11px;
        }
/* ........................................ */


/* ................................ Content */
	div.glider div.glidecontentwrapper div.glidecontent div.glider_box {
		height: 231px;
		-moz-border-radius: 5px;     
		-webkit-border-radius: 5px;  
		border-radius: 5px;
		padding-top: 5px;
	}

		div.glider div.glidecontentwrapper div.glidecontent div.glider_box img {
			margin: 5px 5px 0px 15px;
			border: 1px outset #2E3335;
			-webkit-box-shadow: 3px 3px 3px #111;
		}
		
		div.glider div.glidecontentwrapper div.glidecontent div.glider_box  p {
			 margin: 3px 15px 0px 15px;
			 color: #DDD;
			 text-align: justify;
		}
/* ........................................ */


/* ................................... Meta */
	div.glider div.glidecontentwrapper div.glidecontent div.meta2 {
		position: relative;
		left: -5px;
		width: 336px;
		color: #226b91;
		height: 24px;
		text-align: right;
		padding: 0px 10px 0px 0px;
		background: #232628;
	}

		div.glider div.glidecontentwrapper div.glidecontent div.meta2 div.comm2 {
			background: transparent url(../images/comm.jpg) no-repeat scroll 15px center;
			float: left;
			height: 21px;
			padding: 3px 0px 0px 40px;
		}
		
			div.glider div.glidecontentwrapper div.glidecontent div.meta2 div.comm2 a:link,
			div.glider div.glidecontentwrapper div.glidecontent div.meta2 div.comm2 a:visited {
				color: #24A1CC;
			}
			
				div.glider div.glidecontentwrapper div.glidecontent div.meta2 div.comm2 a:hover {
					color: #DDD;
				}

		div.glider div.glidecontentwrapper div.glidecontent div.meta2 div.postmore2 {
			background: transparent url(../images/pmore.jpg) no-repeat scroll 8px center;
			height: 21px;
			float: left;
			padding: 3px 0px 0px 33px;
		}
		
			div.glider div.glidecontentwrapper div.glidecontent div.meta2 div.postmore2 a {
				color: #24A1CC;
			}
			
				div.glider div.glidecontentwrapper div.glidecontent div.meta2 div.postmore2 a:hover {
					color: #DDD;
				}
/* ........................................ */


/* ................................. Arrows */
	div.glidecontenttoggler { /*style for DIV used to contain toggler links. */
		position: absolute;
		top: 0px;
		margin-left: 5px;
		width: 336px;
		padding: 0px;
		height: 21px;
		background: transparent; /* url(../images/toggler.jpg) bottom repeat-x; */
		text-align: center; /*How to align pagination links: "left", "center", or "right"
		background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
		-moz-border-bottom-right-radius: 5px;     
		-webkit-border-bottom-right-radius: 5px;  
		border-bottom-right-radius: 5px;
	}
	
		div.glidecontenttoggler a.selected { /*style for selected page's toggler link. ".selected" class auto generated! */
			background: #E4EFFA;
			color: black;
		}
		
		div.glidecontenttoggler a.next {
			position: relative; 
			z-index: 1001;
			background: url(../images/down.png) 0px 6px no-repeat;
			top: 835px;
			float: right;
			display: block;
			height: 18px;
			margin-right: 10px;
			padding: 3px 0px 0px 27px;
		}

		div.glidecontenttoggler a.prev { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
			position: relative; 
			z-index: 1000;
			background: url(../images/up.png) 0px 6px no-repeat;
			top: 835px;
			float: right;
			display: block;
			height: 18px;
			padding: 3px 0px 0px 27px;
			margin-right: 5px;
		}
/* ........................................ */