@charset "utf-8";
/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
}

a:link,
a:visited{
	color: #000000;
	text-decoration: none;
}

a:hover,
a:focus{
	text-decoration: underline;
}

a img,
img{
	border: none;
}

.clr{
	clear: both;
}

.outstanding{
	color:#FF3399;
	font-size: 18px;
}

ol,
p,
ul{
	margin-bottom: 10px;
}

.pinkBorder{
	border: 1px solid #FF3399;
	padding: 10px 9px;
}

/* layout */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

body#body{
	background: #666666 url(../img/footer_bg.png) center bottom repeat-y;
}

#bg{
	background: transparent url(../img/header_bg.png) center top repeat-x;
}

#main{
	background: #B2B2B2 url(../img/page_bg.png) center top repeat-y;
	min-height: 550px;
}

#header{
	background: url(../img/header.png) center top no-repeat;
	height: 235px;
	margin: 0px auto;
	padding: 0px 65px;
	width: 830px;
}

#header h1{
	height: 199px;
	width: 600px;
}

#header h1 a{
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	height: 29px;
	padding: 170px 0px 0px 410px;
}

#menu{
	padding: 0px 20px;
}

#page{
	margin: 0px auto;
	padding: 25px;
	width: 780px;
}

#content{
	float: left;
	width: 560px;
}

#sidebar{
	float: right;
	width: 200px;
}

#footer{
	color: #FFFFFF;
	height: 50px;
	line-height: 50px;
	margin: 0px auto;
	padding:  0px 25px;
	width: 780px;
}

#footer a{
	color: #FFFFFF;
}
/* /layout */

/* menu */
#menu ul{
	list-style: none;
}

#menu ul li{
	display: inline;
}

#menu ul li a:link,
#menu ul li a:visited{
	color: #B3B3B3;
	display: inline-block;
	font-size: 18px;
	height: 36px;
	line-height: 34px;
	padding: 0px 5px;
}

#menu ul li a:hover,
#menu ul li a:focus{
	background: url(../img/menu_hover_bg.png) center top repeat-x;
	color: #000000;
	text-decoration: none;
}
/* /menu */

/* content */
.cnTitle{
	border-bottom: 1px solid #B3B3B3;
	color: #FF3399;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	padding-bottom: 4px;
	text-transform: uppercase;
}
	
/* content */

/* thumbnails page */
#thumbsPage .thumbInfo{
	float: left;
	margin: 0px 21px 20px 0px;
	height: 222px;
	width: 140px;
}

#thumbsPage .col3{
	margin-right: 0px;
}

#thumbsPage .thumbInfo a{
	color: #FF3399;
	display: block;
	font-size: 18px;
	margin-bottom: 5px;
	text-align: center;
}

#thumbsPage .thumbInfo a.thumbInfoImg{
	height: 170px;
}

#thumbsPage .thumbInfo a img{
	margin-bottom: 10px;
}
/* /thumbnails page */

/* full info */
#fullPage #leftSide{
	float: left;
	width: 350px;
}

#fullPage a.mediumThumb{
	display: block;
	margin-bottom: 10px;
	max-width: 350px;
}

#fullPage a.mediumThumb img{
	max-width: 350px;
}

#fullPage .nameAndLinks{
	background: #FF3399;
	color: #FFFFFF;
	height: 30px;
	padding: 10px;
}

#fullPage .nameAndLinks .name{
	float: left;
	font-size: 24px;
	line-height: 30px;
}

#fullPage .nameAndLinks .links{
	float: right;
}

#fullPage .nameAndLinks .links a{
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	text-align: center;
}
			
#fullPage #rightSide{
	float: right;
	width: 160px;
}

#fullPage #rightSide .miniImg{
	cursor: pointer;
	float: left;
	padding: 3px;
	width: 60px;
}

#fullPage .desc{
	font-size: 12px;
	margin-top: 20px;
}

#fullPage .imgDesc{
	background-color: #FF3399;
	color: #FFFFFF;
	font-size: 12px;
	padding: 10px 5px;
}
/* /full info */

/* sidebar */
#sidebar .module{
	margin-bottom: 20px;
}

#sidebar .module h2{
	font-size: 14px;
	margin-bottom: 10px;
}

#latestDogs .latestDog{
	border: 2px solid #FF3399;
	background-color: #E9CCC4;
	margin-bottom: 10px;
	padding: 7px;
}

#latestDogs .latestDog .miniImg{
	display: block;
	float: left;
	margin-right: 7px;
}

#latestDogs .latestDog .more{
	color: #A10000;
	display: block;
	font-size: 12px;
	margin-top: 10px;
}
/* /sidebar */