/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/*
Color 1: #25337a //purple
Color 1.5: #38437b //light purple
Color 2: #377eb2 //blue
Color 3: #41342C //brown
Color 3.5 #B6ACA2 //light brown
Color 4 #fbe63f //yellow
*/

body {
	margin: 0;
	padding: 0;
	background: #000000 url(images/img01.jpg) repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #837669;
}

#container {

}

h1, h2, h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #B6ACA2;
}

h1 { font-size: 50px; }

h2 { font-size: 32px; }

h3 { }

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
}

ul, ol { }

blockquote { }

a { color: #377eb2; text-decoration:none; outline:none; }

a:hover { text-decoration: none; color:#fbe63f }

a img {
	border: none;
}

img.left {
	float: left;
	margin: 7px 30px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}

hr { display: none; }

.text1 {
	padding: 5px 10px 5px 10px;
	background: #41342C;
	color: #000000;
}

.big1 {
	text-align:center;
	font-size:20px;
	padding:15px 0 0 0;
	font-weight:bold;
	font-family:Georgia,"Times New Roman",Times,serif;
	}
	
.big1_yellow {
	text-align:center;
	font-size:32px;
	padding:15px 0 0 0;
	font-weight:bold;
	font-family:Georgia,"Times New Roman",Times,serif;
	color:#fbe63f;
	}

.big2 {
	text-align:center;
	font-size:18px;
	font-weight:normal;
	font-family:Georgia,"Times New Roman",Times,serif;
	}
	
.big_upper {
	text-transform:uppercase;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	font-family:Georgia,"Times New Roman",Times,serif;
	}
	
.big2_yellow {
	text-align:center;
	font-size:16px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fbe63f
}

/* Header */

#header-wrapper {
background: url(images/img02.jpg) repeat;
border-bottom: 4px solid #41342C;
}

#header {
	height: 160px;
	width:100%;
}

/* Menu Nav */

.menu-container {
	width: 900px;
	height: 120px;
	position: absolute;
	top: 0px; left: 50%;
	margin: 40px 0 0 -420px;
	overflow: hidden;
}
.menu-container img {border: none;}
ul#topnav {
	margin: 10px 0 10px; 
	padding: 0; 
	list-style: none;	
	font-size: 17px;
	clear: both;
	float: left;
	width: 1100px;
}
ul#topnav li{
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	float: left; 
	height:34px;
}
ul#topnav a, ul#topnav span {
	padding: 8px 15px;
	float: left; 
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	clear: both;
	height: 22px;
	line-height: 20px;
}
ul#topnav a {	color: #fff; }
ul#topnav span {
	display: none;
}

ul#topnav.v2 span{
background: url(images/a_bg.gif) repeat-x left top;
}
ul#topnav.v2 a{
	color: #000;
	background: url(images/a_bg.gif) repeat-x left bottom;
}

ul#topnav2 {
	margin: 10px 0 10px; 
	padding: 0; 
	list-style: none;	
	font-size: 17px;
	clear: both;
	float: left;
	width: 1100px;
}
ul#topnav2 li{
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	float: left; 
	height:40px;
}
ul#topnav2 a, ul#topnav2 span {
	padding: 8px 10px; 
	float: left; 
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;

}
ul#topnav2 a {	color: #fff; }
ul#topnav2 span {
	display: none;
}

ul#topnav2.v2 span{
background: url(images/a_bg.gif) repeat-x left top;
}
ul#topnav2.v2 a{
	color: #000;
	background: url(images/a_bg.gif) repeat-x left bottom;
}

#menu2 {
margin-left:-9px;
}


/* Page */

#page {
	margin: 0 auto;
	padding: 0 40px;
}

/* Content */

#logo {
padding:25px 0 25px 0;
}

#content {
width: 100%;
min-height:600px;
}

.news {
width:85%;
margin:20px auto 0 auto;
padding:25px 0 20px 0;
}

.testimonial {
	text-align:left;
	line-height:12px;
	padding-bottom:25px;
}

.testimonial p {
	line-height:18px;
}

.dogs {
width:600px;
margin:auto;
padding:20px 0 5px 0;
margin-top:50px;
border:solid 8px #fbe63f;
padding:35px;
}

.border-half {
width:600px;
margin:auto;
border:3px solid #41342C;
padding:20px;
margin-top:20px;
}

	.dog_name {
	text-align:center;
	font-size:18px;
	padding:15px 0 0 0;
	font-weight:normal;
	line-height:175%;
	font-family:Georgia,"Times New Roman",Times,serif;
	}
	
	.dog_pic {

	}
	
	.image img{
	border:6px solid #377eb2;
	margin:25px 25px 16px 25px;
	}
	
	.imagepad {
	padding:25px;
	}
	
	.image:hover img{
	border:6px solid #fbe63f;
	}
	
	.image:hover{
	color: yellow; /* Dummy definition to overcome IE bug */
	}
	
	.imagelink img{
	border:6px solid #377eb2;
	margin:25px;
	}
	
	.imagelink:hover img{
	border:6px solid #fbe63f;
	}
	
	.imagelink:hover{
	color: yellow; /* Dummy definition to overcome IE bug */
	}
	
	.small_page {
	padding:200px 0 100px 0;
	}
	
	.side-by-side {
	width:50%;
	float:left
	}
	
	.side-by-side-inside {
	width:300px;
	margin:auto;
	}
		
	.side-by-side h2 {
	margin: 0 0 20px 0px;
	padding: 6px 0 6px 15px;
	background: url(images/img03.jpg) repeat left top;
	font-size: 18px;
	}
	

.pad25 {
width:100%;
height:25px;
}

.comment {
display:none;
}

.clear {
clear:both;
}

.yellowframe {
	border:3px solid #FBE63F;
}

.yellowframe:hover {
	border:3px solid #377EB2;
}

/* Post */

.title {
line-height:175%;
}

.post {
	margin-bottom: 25px;
}

.post h2 {
margin-top:10px;
}

.post .title {
	margin-bottom: 25px;
	padding: 2px 10px 2px 10px;
	background: url(images/img03.jpg) repeat left top;
	color:#fbe63f;
}

.post .meta {
	margin: 0 0 3px 0;
	padding: 2px 30px 2px 15px;
	font: italic 10px Georgia, "Times New Roman", Times, serif;
	color: #B6ACA2;
}

.post .meta a { color: #B6ACA2; }

.post .entry {
	padding: 25px 15px;
}

.post .links {
	margin: 0 250px 0 0;
	padding: 0 0 0 0px;
}

.post .links .comments {
}

.post .links .permalink {
	padding-left: 17px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 20%;
/*	margin-top: -120px;*/
margin-top:10px;
	padding-left: 10px;
}

/*#sidebar-logo {
width:100%;
height:110px;
margin:auto;
padding:8px 0 20px 0;
}*/

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 30px;
	padding: 0 0 20px 0px;
}

#sidebar li ul {
	line-height: 200%;
}

#sidebar li li {
	margin: 0;
	padding: 0 0 0 15px;
}

#sidebar p {
	padding: 0 15px;
	line-height: 150%;
}

#sidebar h2 {
	margin: 0 0 20px 0px;
	padding: 6px 0 6px 15px;
	background: url(images/img03.jpg) repeat left top;
	font-size: 18px;
}

.show_news {
	background-color: #fbe63f;
	color:#000000;
	}

/* Footer */

#footer {
	margin: 0 auto;
	padding: 0;
	background: url(images/img02.jpg) repeat;
	border-top: 4px solid #41342C;
}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	line-height: normal;
	color: #FFF;
	font-weight:bold;
}

#footer a {
	color: #FFFFFF;
	text-decoration:underline;
}

.clear {
clear:both;
}

/*Fancybox*/

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(fancybox/fancy_title_right.png) repeat-x;
}

/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

	The CSS, XHTML and design is released under Creative Common License 3.0:
	http://creativecommons.org/licenses/by-sa/3.0/

*/ 

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url(http://www.archivedsite.lonecreekrottweilers.com/panel/images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(http://www.archivedsite.lonecreekrottweilers.com/panel/images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(http://www.archivedsite.lonecreekrottweilers.com/panel/images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(http://www.archivedsite.lonecreekrottweilers.com/panel/images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: #FBE63F;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(http://www.archivedsite.lonecreekrottweilers.com/panel/images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(http://www.archivedsite.lonecreekrottweilers.com/panel/images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(http://www.archivedsite.lonecreekrottweilers.com/panel/images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(http://www.archivedsite.lonecreekrottweilers.com/panel/images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 400px;
	color: #FBE63F;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
	padding-top:2px;
}

#panel p {
	line-height: 130%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0 0 10px 0;
}

#panel strong {
	font-weight:bold;
	font-size:14px;
	padding-bottom:3px;
	display:inline-block;
	color:#15ADFF;
}

#panelmenu {
margin-top:-20px;
color:#333333;
font-size:10px;
}

#panelmenu a:link {color: #4F4040; text-decoration: none; }
#panelmenu a:active {color: #4F4040; text-decoration: none; }
#panelmenu a:visited {color: #4F4040; text-decoration: none; }
#panelmenu a:hover {color: #4F4040; text-decoration: underline; }

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel a {
	text-decoration: none;
	color: #FBE63F;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.75em;
}

#panelleft {
width:75%;
float:left;
padding-left:2%;
}

#panelright {
width:20%;
float:left
}

.image-group {
	border:5px solid #B6ACA2;
	padding:20px;
	margin:20px 0;
}

.img-h-200 {
	height: 200px;
	width: auto;
}

.img-h-225 {
    height: 225px;
    width: auto;
}

.img-h-300 {
    height: 300px;
    width: auto;
}


.img-h-350 {
    height: 350px;
    width: auto;
}

.img-h-500 {
    height: 500px;
    width: auto;
}

.img-w-500 {
    width: 500px;
    height: auto;
}

.img-w-465 {
    width: 465px;
    height: auto;
}

.img-w-450 {
    width: 450px;
    height: auto;
}

.img-w-350 {
    width: 350px;
    height: auto;
}

.img-w-300 {
    width: 300px;
    height: auto;
}

.img-w-250 {
    width: 250px;
    height: auto;
}

.img-w-200 {
    width: 200px;
    height: auto;
}