/*
ORDER OF STYLES: BY BOX MODEL
selector {
	outer-style: value; (eg. positioning)
	width & height-style: value;
	margin: value;
	BORDER: value;
	inner-style: value; (eg. background)
	}
*/

body {
	margin: 0;
	BORDER: 0;
	padding: 0;
	/*background-color: rgb(255,255,255);*/
	background-color: rgb(248,248,248);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

.head-top {
	margin: 0;
	/*BORDER: 1px dotted red;*/
	min-width: 970px;
	/*width: auto;*/
	background-color: rgb(0,102,0);
	padding: 10px 5px 0px 5px;
	}

.logo-n-banner {
	margin: 0 auto 0 auto;
	/*BORDER: 1px dotted blue;*/
	width: 960px;
	overflow: hidden;
	padding: 0 0 0 0;
	}

.logo-n-banner img.logo {
	margin: 0px 0px 2px 0px;
	BORDER: 0;
	width: 175px;
	float: left;
	padding: 0;
	}

.logo-n-banner .banner {
	float: right;
	/*width: 728px;*/
	height: 90px;
	/*background-color: red;*/
	}

/* ---------------------------------------------------------------------- */
/* for tablets															*/

@media (min-width: 710px) and (max-width: 999px) {

.head-top {
	min-width: 0;
	}
	
.logo-n-banner {
	width: auto;
	}

.logo-n-banner img.logo {
	margin-left:5px;
	}

.logo-n-banner .banner {
	display: table;
	float: right;
	margin: 0px auto 0px auto;
	/*background-color: pink;*/
	width: auto;
	height: 91px;
	}

.inner {
	display: table-cell;
	vertical-align: middle;
	padding-right: 16px;
	padding-left: 10px;
	width: 468px;
	height: 60px;
	/*background-color: orange;*/
	}

}
	
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* for smart phones & odd-sized screens up to 709 pix */

.hamburger {
	float: right;
	display: block;
	margin: 27px 27px 0 0;
	BORDER: 0;
	width: 40px;
	height: 32px;
	background-image: url(/template/hamburger.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}

@media (max-width: 709px) {

	.head-top {
		min-width: 0;
		padding: 0 0 0 0;
		}
	
	.logo-n-banner {
		width: auto;
		}
		
	.logo-n-banner img.logo {
		clear: both;
		margin: -19px 0 0 4px;
		BORDER: 0;
		padding: 0 0 0 0;
		width: auto;
		height: 60px;
		}
	
	.logo-n-banner .banner {
		clear: both;
		margin: 2px 0 0 0;
		height: 50px;
		}

	.inner {
		display: none;
		}
	
/* for the home page and new birds pages */
/* .tempdev is needed because the mobile version of the new birds pages uses a hamburger */

	.home  .head-top,
	.birds .head-top,
	.cats .head-top,
	.dogs .head-top,
	.fish .head-top,
	.horses .head-top,
	.small .head-top,
	.tempdev .head-top {
		width: auto;
		height: 82px;
		}
		
	.home .banner,
	.birds .banner,
	.cats .banner,
	.dogs .banner,
	.fish .banner,
	.horses .banner,
	.small .banner,
	.tempdev .banner	{
		}
		
	.home .logo-n-banner,
	.birds .logo-n-banner,
	.cats .logo-n-banner,
	.dogs .logo-n-banner,
	.fish .logo-n-banner,
	.horses .logo-n-banner,
	.small .logo-n-banner,
	.tempdev .logo-n-banner	{
		width: auto;
		height: auto;
		}
	
	.home  .logo-n-banner img.logo,
	.birds .logo-n-banner img.logo,
	.cats .logo-n-banner img.logo,
	.dogs .logo-n-banner img.logo,
	.fish .logo-n-banner img.logo,
	.horses .logo-n-banner img.logo,
	.small .logo-n-banner img.logo,
	.tempdev  .logo-n-banner img.logo	{
		margin: 10px 0px 10px 12px;
		BORDER: 0;
		padding: 0;
		}
	
	.home .home-nav-bar,
	.birds .home-nav-bar,
	.cats .home-nav-bar,
	.dogs .home-nav-bar,
	.fish .home-nav-bar,
	.horses .home-nav-bar,
	.small .home-nav-bar,
	.tempdev .home-nav-bar {
		margin: 0 auto 0px auto;
		}
		
}
/* ---------------------------------------------------------------------- */

.home .head-menu {
	BORDER-BOTTOM: 4px solid #71BF0E;
	}
	
.head-menu {
	clear: both;
	overflow: visible;
	background-color: rgb(0,102,0);
	padding: 0;
	}

.head-menu ul {
	margin: 0px auto 0px auto;
	text-align: center;
	width: 650px;
	padding: 12px 0px 0px 0px;
	background-color: none;

	}

.head-menu li {
	display: inline;
	}
	
/* .head-menu a {
	display: inline-block;
	BORDER-TOP: 0;
	BORDER-RIGHT: 0;
	BORDER-BOTTOM: 0;
	BORDER-LEFT: 0;
	border-radius: 5px 5px 0 0;
	padding: 4px 7px 4px 7px;
	background-color: #599F0A;
	text-decoration: none;
	color: white;

	} */
	
.head-menu a {
	display: inline-block;
	BORDER-TOP: 0;
	BORDER-RIGHT: 0;
	BORDER-BOTTOM: 0;
	BORDER-LEFT: 0;
	border-radius: 5px 5px 0 0;
	padding: 4px 7px 4px 7px;
	background-color: #599F0A;
	text-decoration: none;
	color: white;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	background-image: -webkit-linear-gradient(270deg, rgb(113,191,14), rgb(89,159,10));
	background-image: linear-gradient(180deg, rgb(113,191,14), rgb(89,159,10));
	}
	
.head-menu a:link { font-weight: bold; font-size: 16px; /*text-shadow: 0px 0px 1px #000000;*/ }
.head-menu a:hover { font-weight: bold; font-size: 16px; background-image: none; background-color: rgb(89,159,10); /*text-decoration: underline;*/ /*background-color: #71BF0E;*/ }

/* see TMM330 for how to highlight a link in a menu according to the page it is placed on. But this can be done by detecting the URL using includes
or php and naming the class somehow (minus slashes).  */

/* Highlight current page */
.b-2 a.tab-dogs,
.b-3 a.tab-birds,
.b-4 a.tab-horses, 
.b-5 a.tab-cats,
.b-8 a.tab-cats,
.b-9 a.tab-birds,
.b-10 a.tab-birds,
.b-11 a.tab-horses,
.b-12 a.tab-horses,
.b-13 a.tab-dogs,
.b-14 a.tab-dogs,
.b-15 a.tab-fish,
.b-16 a.tab-fish,
.b-18 a.tab-horses,
.b-19 a.tab-horses,
.b-20 a.tab-small,
.b-23 a.tab-small,
.b-25 a.tab-small,
.b-26 a.tab-small,
.b-27 a.tab-small,
.b-28 a.tab-horses,
.b-31 a.tab-horses,
.birds a.tab-birds,
.cats a.tab-cats,
.dogs a.tab-dogs,
.fish a.tab-fish,
.small a.tab-small,
.horses a.tab-horses {
	text-decoration: none;
	color: rgb(0,102,0);
	/*background-color: white;*/
	background-color: rgb(255,255,255);
	box-shadow: none;
	BORDER-TOP: 0;
	BORDER-RIGHT: 0;
	BORDER-BOTTOM: 0;
	BORDER-LEFT: 0;
	/*BORDER-TOP: 2px solid #71BF0E;
	BORDER-RIGHT: 2px solid #71BF0E;
	BORDER-BOTTOM: 1px solid white;
	BORDER-LEFT: 2px solid #71BF0E;*/
	border-radius: 5px 5px 0 0;
	text-shadow: none;
	background-image: none;
	}

/*is this all necessary?
.b-2 a.tab-list,
.b-3 a.tab-list,
.b-4 a.tab-list,
.b-5 a.tab-list,
.b-8 a.tab-list,
.b-9 a.tab-list,
.b-10 a.tab-list,
.b-11 a.tab-list,
.b-12 a.tab-list,
.b-13 a.tab-list,
.b-14 a.tab-list,
.b-18 a.tab-list,
.b-19 a.tab-list,
.b-28 a.tab-list,
.b-31 a.tab-list,
.home a.tab-list,
.horses a.tab-list*/ 
a.tab-list {
	margin-left: 20px;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	background-color: rgb(219,100,36); /* for IE8 and other old browsers */
	background-image: -webkit-linear-gradient(270deg, rgb(230,150,53), rgb(219,100,36));
	background-image: linear-gradient(180deg, rgb(230,150,53), rgb(219,100,36));
	}

a.tab-list:hover {
	text-decoration: none;
	background-image: none;
	background-color: rgb(219,100,36);
	}

/* ---------------------------------------------------------------------- */
/* SMART PHONES & ODD LOW RES SCREEN SIZES */

@media (max-width: 709px) {

	.head-menu {
		display: none;
		}

}
/* ---------------------------------------------------------------------- */

.post-nav {
	max-width: 950px;
	margin: 3px 10px 3px 10px;
	BORDER: 0;
	padding: 4px 0 4px 0;
	background-color: none;
	font-size: 13px;
	}

.post-nav a {
	display: inline;
	BORDER: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	}
	
.post-nav a.back-to-results {
	margin: 0 10px 0 0;
	padding-right: 10px;
	border-right: 1px solid #787878;
	}
	
.post-nav .back-arrow {
	margin-right: 6px;
	BORDER: 0;
	border-radius: 3px;
	padding: 2px 5px 2px 5px;
	color: white;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
	background-image: linear-gradient(180deg, #71BF0E, #599F0A);
	background-color: #599F0A;
	font-weight: bold;
	}

.post-nav a:link { color: rgb(120, 120, 120); }
.post-nav a:visited { color: rgb(120, 120, 120); }
.post-nav a:hover { color: black;}
.post-nav a:active { color: rgb(119, 119, 119); }

.post-nav a.home {
	font-weight: bold;
	color: green;
	BORDER: none;
	}

.post-nav a.listed-in-category:link {		color: rgb(0,102,0); }
.post-nav a.listed-in-category:visited {	color: rgb(0,102,0); }
.post-nav a.listed-in-category:hover {	color: rgb(0,102,0); text-decoration: underline; }
.post-nav a.listed-in-category:active {	color: rgb(0,102,0); }
.post-nav a.listed-in-category {
	font-weight: bold;
	color: rgb(0,102,0);
	BORDER: none;
	}
	
.listed-in {
	color: #787878;
	}

.post-nav .left-wrapper {
	float: left;
	}
	
.post-nav a.fb-button {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 5px;
	BORDER: 0;
	width: 16px;
	height: 16px;
	color: rgba(255,255,255,0);
	padding: 0px 0px 0px 0px;
	background-image: url(/template/share-sprites.gif);
	background-position: -16px 0;
	background-repeat: no-repeat;
	}
	
.post-nav a.fb-button:link { color: rgba(255, 255, 255,0); }
.post-nav a.fb-button:visited { color: rgba(255, 255, 255,0); }
.post-nav a.fb-button:hover { color: rgba(255, 255, 255,0); }
.post-nav a.fb-button:active { color: rgba(255, 255, 255,0); }

.post-nav span.share-this-ad {
	display: inline-block;
	clear: both;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #787878;
	}

.post-nav a.report {
	float: right;
	BORDER: none;
	text-align: right;
	font-size: 13px;
	}

/*
	super fluoro green #71BF0E
	light green #599F0A
	dark green #006600
*/

/* ---------------------------------------------------------------------- */
/* for iphone */
@media (max-width: 480px) {

.post-nav a[href$="/Classifieds/"] {
	font-weight: bold;
	}

.post-nav a.back-to-results {
	display: block;
	margin-bottom: 5px;
	BORDER: 0;
	}
	
}
/* ---------------------------------------------------------------------- */

.post-body-wrapper {
	margin: 20px auto 0px auto;
	BORDER: 0;
	max-width: 970px;
	}

.post-body {
	margin: 0px 5px 0px 5px;
	BORDER: 0;
	/*box-shadow: rgba(99, 99, 99, 0.3) 1px 1px 6px 1px;*/
	box-shadow: rgba(0, 0, 0, 0.33) 0px 1px 3px 0px;
	/*BORDER: 1px solid rgb(222, 222, 222);*/
	/*BORDER: 1px solid #599F0A;*/
	max-width: 940px;
	background-color: rgb(255,255,255);
	/*background-color: rgb(248,248,248);*/
	border-radius: 5px;
	padding: 10px 10px 0 10px;
	}

.post-body-content {
	width: 85%;
	max-width: 700px;
	float: left;
	margin: 0;
	/*BORDER: 1px dotted red;*/
	padding: 0;
	}
	
.post-body-content h1 {
	margin: 0px 0px 14px 0px;
	/*BORDER: 1px dotted green;*/
	font-size: 24px;
	color: rgb(0,0,0);
	}

.pic1 {
	display: block;
	float: left;
	margin: 0 5px 14px 0;
	BORDER: 0px;
	max-width: 383px; /* use 100% for tiny screens, eg. iphone */
	height: auto;
	width: auto\9; /* ie8 */
	}

.pic2 {
	float: left;
	display: block;
	margin-bottom: 5px;
	margin-right: 5px;
	}

.pic3 {
	float: left;
	display: block;
	}

.post-body-content p.postedby {
	clear: both;
	margin: 0px 0px 14px 0px;
	/*BORDER: 1px dotted red;*/
	/*overflow: visible;*/
	padding: 0;
	}
	
.post-body-content .postedby a {
	font-weight: bold;
	}
	
.post-body-content p.post {
	clear: both;
	margin: 0px 0px 15px 0px;
	padding: 0;
	}

.vertical-sharer {
	float: right;
	margin: 0;
	/*BORDER: 0;*/
	/*BORDER: 1px dotted red;*/
	width: 59px;
	min-height: 236px;
	}
	
.vertical-sharer-button {
	float: right;
	margin-bottom: 5px;
	}

.defloater {
	clear: both;
	height: 0px;
	line-height: 0px;
	}

/* ---------------------------------------------------------------------- */
/* for iphone see http://webdesignerwall.com/tutorials/css3-media-queries */
@media screen and (max-device-width: 480px) {

	.post-body-wrapper {
		margin: 5px auto 0px auto;
		}

	.post-body-content {
		/*float: none;*/
		width: 100%
		}

	.post-body-content h1 {
		margin: 0px 0px 0px 0px;
		}

	.pic1 {
		clear: both;
		margin: 10px 0 0 0;
		max-width: 100%;
		/*BORDER: 1px dotted blue;*/
		}
		
	.pic2 {
		display: block;
		float: left;
		margin: 5px 5px 0 0;
		BORDER: 0;
		width: 125px;
		height: 125px;
		padding: 0;
		}
		
	.pic3 {
		display: block;
		float: left;
		margin: 5px 0 0 0;
		BORDER: 0;
		width: 125px;
		height: 125px;
		padding: 0;
		}

	.post-body-content p.postedby {
		margin: 0 0 0 0;
		/*BORDER: 1px dotted red;*/
		padding-top: 10px;
		padding-bottom: 10px;
		}

	.vertical-sharer {
		float: left;
		width: 100%;
		margin-top: 10px;
		/*BORDER: 1px dotted red;*/
		BORDER: none;
		min-height: 0;
		padding-top: 24px; 
		background-repeat: no-repeat;
		background-image: url(/template/mobile-share-this-ad.gif);
		}
		
	.vertical-sharer-button {
		float: left;
		margin-bottom: 5px;
		margin-right: 20px;
		}
		
}
/* ---------------------------------------------------------------------- */

/*. REMOVED?
social-button-container {
	float: right;
	/*position: relative;*/
	height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: visible;
	}
	
.social-button {
	display: inline-block;
	float: right;
	height:16px;
	margin: 0px 0px 0px 2px;
	}*/

/* ---------------------------------------------------------------------- */
/* for iphone see http://webdesignerwall.com/tutorials/css3-media-queries */
@media screen and (max-device-width: 480px) {

/* REMOVED?
.social-button-container {
	/*height: auto;*/
	}
*/
}
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* BEGIN SECONDARY NAV BAR FOR BOARD & POST PAGES							*/

.board-nav-wrapper {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	}

.board-nav-bar {
	margin: 0 auto 10px auto;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
	BORDER: 0;
	padding: 5px 0 5px 0;
	background-color: rgb(255,255,255);
	
	}
	
.board-nav-bar ul {
	list-style-type: none;
	margin: 0 auto 0 auto;
	background-color: none;
	text-align: center;
	padding: 0;
	}

.board-nav-bar li {
	display: inline-block;
	margin: 0 0 0 0;
	BORDER: 0;
	text-align: center;
	padding: 3px 20px 3px 20px;
	}	

.board-nav-bar a {
	margin: 0;
	BORDER: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: rgb(0,0,0);
	text-decoration: none;
	}

.board-nav-bar a:link { color: rgb(0,0,0); text-decoration: none; }
.board-nav-bar a:visited { color: rgb(0,0,0); text-decoration: none; }
.board-nav-bar a:hover { color: rgb(150,150,150); text-decoration: none; }
.board-nav-bar a:active { color: rgb(150,150,150); text-decoration: none; }

.b-2 a.tab-b2,
.b-3 a.tab-b3,
.b-4 a.tab-b4,
.b-5 a.tab-b5,
.b-8 a.tab-b8,
.b-9 a.tab-b9,
.b-10 a.tab-b10,
.b-11 a.tab-b11,
.b-12 a.tab-b12,
.b-13 a.tab-b13,
.b-14 a.tab-b14,
.b-15 a.tab-b15,
.b-16 a.tab-b16,
.b-18 a.tab-b18,
.b-19 a.tab-b19,
.b-20 a.tab-b20,
.b-23 a.tab-b23,
.b-25 a.tab-b25,
.b-26 a.tab-b26,
.b-27 a.tab-b27,
.b-31 a.tab-b31 {
	font-weight: bold;
	color: rgb(0,102,0);
	text-decoration: none;
	}

/* TEMP WHILE TESTING */
.b-28 a.tab-b4 {
	font-weight: bold;
	color: rgb(0,102,0);
	}

/* ---------------------------------------------------------------------- */
/* for tablet, horse pages only - to keep secondary nav on one line		*/

@media screen and (min-width: 481px) and (max-width: 800px) {

.b-4 .board-nav-bar li,
.b-11 .board-nav-bar li,
.b-12 .board-nav-bar li,
.b-18 .board-nav-bar li,
.b-19 .board-nav-bar li,
.b-31 .board-nav-bar li {
	padding: 3px 12px 3px 12px;
	}

}
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* for iphone see http://webdesignerwall.com/tutorials/css3-media-queries */
@media screen and (max-device-width: 480px) {

	.board-nav-bar li {
		padding: 2px 10px 2px 10px;
		}
}
/* ---------------------------------------------------------------------- */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Find us on Facebook button												 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

.board-nav-bar li.fb {
	}
	
.home-nav-bar li.fb {
	margin-top: 5px;
	}

.board-nav-bar li.fb a,
.home-nav-bar li.fb a {
	cursor: pointer;
	}
	
.board-nav-bar .fb-image,
.home-nav-bar .fb-image {
	display: inline-block;
	margin: 0; 
	margin-bottom: -3px;
	margin-right: 1px;
	BORDER: 0;
	padding: 0;
	}

.board-nav-bar .fb-text,
.home-nav-bar .fb-text {
	display: inline-block;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* END SECONDARY NAV BAR */
/* ---------------------------------------------------------------------- */

.board .content-spacer {
	margin: 0 auto 0 auto;
	BORDER: 0;
	padding: 0 5px 0 5px;
	max-width: 960px;
	}

.board .content-wrapper {
	position: relative;
	margin: 0px auto 0px auto;
	BORDER: 1px solid rgb(230,230,230);
	padding: 0;
	background-color: rgb(255,255,255);
	border-radius: 3px;
	}

.board .content-wrapper .board-head {
	margin: 0;
	BORDER: 0;
	padding: 0 14px 0 14px;
	}

.board .content-wrapper .board-head h1 {
	display: block;
	float: left;
	margin: 13px 0 13px 0;
	BORDER: 0;
	padding: 0;
	font-size: 16px;
	/*font-weight: bold;*/
	font-weight: 600;
	color: rgb(0,102,0);
	}

.board .content-wrapper .board-head  p {
	display: block;
	float: right;
	BORDER: 0;
	}

.board .content-wrapper .board-head p a.button-post {
	position: relative; /*so that free.png can be absolutely positioned*/
	margin: 0 0 0 0;
	BORDER: 1px solid rgb(219,100,36);
	border-radius: 3px 3px 3px 3px;
	padding: 4px 35px 4px 35px;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	background-color: rgb(219,100,36); /* for IE8 and other old browsers */
	background-image: -webkit-linear-gradient(270deg, rgb(230,150,53), rgb(219,100,36));
	background-image: linear-gradient(180deg, rgb(230,150,53), rgb(219,100,36));
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: rgb(255,255,255);
	}

.board .content-wrapper .board-head p a.button-post img.free {
	position: absolute;
	BORDER: 0;
	top: -2px;
	left: -140px;
	}

/* ---------------------------------------------------------------------- */
/* Hide img.free on Dogs for Sale */

.b-2 .content-wrapper .board-head p a.button-post img.free {
	opacity: 0;
	}

/* ---------------------------------------------------------------------- */

.board .content-wrapper .board-featured {
	margin: 0 0 0 0;
	/*BORDER: 1px solid rgb(230,230,230);*/
	background-color: rgb(245,245,245);
	padding: 10px 0 10px 0;
	}

/* ---------------------------------------------------------------------- */
/* for smart phones and odd-sized screens up to 709px */
@media (max-width: 709px) {

	.board .content-wrapper .board-head h1 {
		font-size: 13px;
		}
	
	.board .content-wrapper .board-head p a.button-post img.free {
		opacity: 0;
		}

	.board .content-wrapper .board-featured {
		display: none;
		}

	.board .content-wrapper .board-head p a.button-post {
		display: inline-block;
		padding: 2px 25px 2px 25px;
		font-size: 12px;
		}
}

/* fiddle for long category names eg. Dogs & Puppies for Sale & Free to a Good Home */
/* make img.free opaque for less than 820px screens */

@media (max-width: 819px) {

	.b-2 .content-wrapper .board-head p a.button-post img.free {
		opacity: 0;
		}

}

/* ---------------------------------------------------------------------- */

.board .content-wrapper .gallery-wrapper {
	margin: 0 auto 0 auto;
	width: 682px;
	}

.board .content-wrapper .list {
	display: block;
	margin: 10px 5px 5px 5px;
	BORDER: 1px solid rgb(230, 230, 230);
	border-radius: 3px;
	padding: 0;
	background-color: rgb(255,255,255);
	}	

.board .content-wrapper .list ul {
	margin: 0 0 0 0;
	BORDER: 0;
	padding: 0;
	list-style-type: none;
	}

.board .content-wrapper .list li {
	border-bottom: 1px dotted rgb(222, 222, 222);
	padding: 4px 8px 4px 8px;
	}

.board .content-wrapper .list li:last-of-type {
	border-bottom: none;
	}

.board .content-wrapper .list li:hover {
	background-color: #EFEFEF;
	}
	
.board .content-wrapper .list a {
	width: 100%;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: rgb(0,0,238); /* Firefox defaults: Unvisited rgb(0,0,238); Visited rgb(85,26,139)  */
	}
.board .content-wrapper .list a:link { color: rgb(0,0,238); }
.board .content-wrapper .list a:visited { color: rgb(0,0,238); }
.board .content-wrapper .list a:hover { color: rgb(0,0,238); text-decoration: underline; }
.board .content-wrapper .list a:active { color: rgb(0,0,238); text-decoration: underline; }

.board .content-wrapper .list b {
	}

.board .content-wrapper .list i {
	display: inline-block;
	float: right;
	}

.board .content-wrapper .list ul .inter {
	border-bottom: 1px dotted rgb(222, 222, 222);
	padding: 10px;
	}
	
/* ---------------------------------------------------------------------- */
/* for iphone see http://webdesignerwall.com/tutorials/css3-media-queries */
@media screen and (max-device-width: 480px) {

	.board .content-wrapper .list {
		margin-top: 0;
		}
	
	.board .content-wrapper .list i {
		display: block;
		float: none;
		}

}
/* ---------------------------------------------------------------------- */

/* - - - - - - - - - - - - - - - - - - */
/* SIDEBAR FOR SELECTED PAGES */

/*.b-2 .sidebar-wrapper,
.b-3 .sidebar-wrapper,*/
.b-5 .sidebar-wrapper,
.b-11 .sidebar-wrapper,
.b-16 .sidebar-wrapper,
.b-31 .sidebar-wrapper {
	float: right;
	margin: 9px auto 0px auto;
	BORDER: 1px solid rgb(230,230,230);
	background-color: rgb(255,255,255);
	width: default;
	padding: 0;
	border-radius: 3px;
	}

/* Screen sizes 1024px and wider */

@media (min-width: 1024px) {

	/*
	.b-5 .content-spacer,
	.b-3 .content-spacer,
	.b-2 .content-spacer,*/
	.b-11 .content-spacer,
	.b-16 .content-spacer,
	.b-31 .content-spacer {
		width: 1024px;
		max-width: 1024px;
		}

	/*
	.b-5 .content-wrapper,*/
	.b-3 .content-wrapper,
	.b-2 .content-wrapper,*/
	.b-11 .content-wrapper,
	.b-16 .content-wrapper,
	.b-31 .content-wrapper {
		float: left;
		width: 690px;
		}

	/*
	.b-5 .sidebar-wrapper,*/
	.b-3 .sidebar-wrapper,
	.b-2 .sidebar-wrapper,*/
	.b-11 .sidebar-wrapper,
	.b-16 .sidebar-wrapper,
	.b-31 .sidebar-wrapper {
		float: right;
		margin: 0px 0px 0px 0px;
		width: 320px;
		}
		
	}

/* - - - - - - - - - - - - - - - - - - */
	
.footer-line {
	clear: both;
	margin: 40px 0 0 0;
	BORDER-TOP: 20px solid #006600;
	}

.footer {
	border-top: 1px solid #71BF0E;
	padding: 20px 0 0 0;
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
	text-align: center;
	height: 300px;
	font-size: 13px;
	}

/* For dev: Measuring screen width */
/*
@media (min-width: 100px) and (max-width: 1024px) {

	.footer {
		BORDER-TOP: 1px solid blue;
		}
		
}
*/