/*----------------------------------------------
* CSS of Ruby Ranch
* Author: Jordan Burnett
* Created: October 19th, 2008
-----------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin:0;
padding:0;
}

html{
	background-color:white;
}

body{
	font-family:"Lucida Grande",Arial,Helvetica,"sans serif";
	font-size:15px;
	font-weight:100;
	background:url("../img/bodyPattern.png");
}

#jquery-overlay{
	filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
}

#popup{
	background-image:url("../img/PopupPNG.png");
	background-repeat:no-repeat;
	width:395px;
	height:373px;
	left:400px;
	top:220px;
	position:absolute;
	z-index:100;
}

#popupClose{
	width:33px;
	height:33px;
	position:absolute;
	top:3px;
	left:89%;
	background-image:url("../img/PopupButtonv1.png");
	background-repeat: no-repeat;
}

.header{
	width:100%;
	height:183px;
	background-repeat:repeat-x;
}

.headerArt{
	background-image:url("../img/headerSlice.png");
	width:1020px;
	height:183px;
	font-size:32px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.headerArt div{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	z-index:0;
	width:1100px;
	height:300px;
	top:0px;
	background:url("../img/largeHeaderImage.png") no-repeat;
	left:-59px;
	top:14px;
}

#mainContainerBorder{
	width:1080px;
	height:142px;
}

#mainContainerLeftPadding{

}

.mainContainer{
	margin: 2px;
	width:1030px;
	margin-left:auto;
	margin-right:auto;
}

.contentContainer{
	float:left;
	width:77%;
	margin-left:auto;
	margin-right:auto;
}

#paneContainerBufferLeft{
	padding-left:20px;
	margin-top:7px;
	margin-bottom:7px;
	float:left;
	width:17px;
	background:url("../img/bufferBorder.png") repeat-y;
}	

#paneContainerBufferRight{
	padding-right:20px;
	width:17px;
	right:500px;
	background:url("../img/bufferBorderRight.png") repeat-y top right;
}

.paneContainer{
	float:left;
	position:relative;
	z-index:1;
	max-width:764px;
	width:764px;
}

.pane1{
	padding-top:4px;
	padding-left:10px;
	max-width:764px;
	width:764px;
	background-color:white;
}

.pane1Bottom{
	position:relative;
	display:block;
	left:-10px;
	padding-left:10px;
	width:100%;
	height:7px;
	background: url("../img/pane1bottom.png") repeat-x bottom left;
	clear:left;
}

.pane2{
	padding-top:4px;
	padding-left:10px;
	max-width:764px;
	width:764px;
	background-color:#FFB4BC;
}

.pane2Bottom{
	position:relative;
	display:block;
	left:-10px;
	padding-left:10px;
	width:100%;
	height:7px;
	background: url("../img/pane2bottom.png") repeat-x bottom left;
	clear:left;
}

.paneTitle{
	display:block;
	float:left;
	width:148px;
	height:90px;
	font-size:18px;
	text-align:left;
	font-family:'lucida bright';
}

.paneTitle span{
	float:left;
	width:148px;
}

.paneTitle a{
	position:relative;
	clear:left;
	top:45px;
	font-size:11px;
	text-align:center;
	color:#444444;
}

.paneTitle:hover{
	cursor:pointer;
}

.paneContent{
	display:block;
	float:left;
	margin:2px;
	width:600px;
	color:#601C2F;
}

.paneDesc{
	float:left;
	width:600px;
}

.hiddenContent{
	display:none;
	clear:left;
}

.hiddenContent p div{
	display:none;
	float:left;
	width:610px;
}

/*-----------
!!thanksDiv!!
-----------*/

.thanksDiv
{
	padding:5px;
	border-bottom:#FFB4BC dashed 1px;
	margin:1px;
	margin-bottom:2px;
}

.thanksTitle
{
	font-size:18px;

}

.thanksParagraph
{
	font-size:14px;
}

/*-----------
!!animalDiv!!
-----------*/

.animalDiv{
	float:left;
	width:500px;
	display:block;
	margin:10px;
	padding:10px;
	border:white dashed;
}

.animalInfo{
	float:left;
	width:330px;
}

.animalPic{
	float:right;
	width:121px;
	margin-right:20px;
	height:70%;
}

.animalPic a img{
	border:thin white solid;
}

.animalName{
	font-size:18px;
	padding-left:10px;
	padding-top:4px;
}

.picture{
	width:120px;
}

.picture a{
	width:120px;
	height:160px;
}

.animalDescription{
	padding-top:4px;
}

.dispMorePigs{
	float:left;
	width:500px;
}

.lessAnimals{
	float:left;
	width:180px;
	font-size:12px;
	color:#601C2F;
	text-decoration:underline;
}

.lessAnimals:hover{
	cursor:pointer;
}

.moreAnimals{
	float:right;
	width:180px;
	font-size:12px;
	color:#601C2F;
	text-decoration:underline;
}

.moreAnimals:hover{
	cursor:pointer;
}

/*---------
!!theBlog!!
----------*/

#theBlogTitle{
	font-family:'lucida bright';
	font-size:22px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#theBlog{
	margin:3px;
	margin-right:12px;
	padding:6px;
	border:dashed white;
	background:url("../img/blogPattern.png");
}

#theBlog .entry a{
	width:10px;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
}

#theBlog .entry p{
	clear:left;
	margin-bottom:8px;
}

.entry div
{
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#F3F3F3;
	border:1px solid #DDDDDD;
	margin:10px;
	padding-top:4px;
	text-align:center;
}

.theBlogHead{
	font-family:'lucida bright';
	padding-left:5px;
	color:#562B31;
}

.theBlogHead:hover{
	color:#AF5765;
}

.postDate{
	padding-left:8px;
}

.postmetadata{
	font-size:12px;
}

.postmetadata a{
	text-decoration:none;
	color:#562B31;
}

.postmetadata a:hover{
	color:#AF5765;
}

#olderEntries{
	font-size:12px;
}

#olderEntries a{
	color:#562B31;
}

/*---------
!!Sidebar!!
---------*/

#sidebarContainer{
	width:190px;
	float:left;
}

.headlineContainer{
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
	float:left;
	width:200px;
	display:inline;
	text-align:center;
	background-color:#FFDDE1;
}

.headlineContainer p{
	text-align:left;
	padding:4px;
}

.headlineContainer a{
	display:block;
	clear:left;
	text-align:center;
	font-size:16px;
	color:blue;
	text-decoration:none;
}

.sideBarPost a{
	display:block;
	clear:left;
	text-align:center;
	font-size:16px;
	color:#FF7F8E;
	text-decoration:underline;
}

.sidePostHeadline{
	font-family:'lucida bright';
}

.metaDiv{
	text-align:left;
	display:block;
	padding-left:19px;
	padding-top:2px;
	font-size:12px;
}

.metaDiv span{
	clear:left;
}

.metaDiv a{
	font-size:12px;
	display:inline;
	text-align:left;
	color:#BC646F;
	text-decoration: none;
}

.sideBarDivider{
	width:80px;
	height:1px;
	padding-top:1px;
	margin-left:auto;
	margin-right:auto;
	border-top: 1px dashed #FF7F8E;
}

/*---
Rounded SideBar Box
---*/
.rbtop div { background: url("../img/top-left.png") no-repeat top left; }
.rbtop { background: url("../img/top-right.png") no-repeat top right; }
.rbbot div { background: url("../img/bottom-left.png") no-repeat bottom left; }
.rbbot { background: url("../img/bottom-right.png") no-repeat bottom right; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}

.sideBarTitle{
	font-size:18px;
	font-family:'lucida bright';
}

#donationContainer{
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
	float:left;
	width:200px;
	display:inline;
	text-align:center;
	background-color:#FFDDE1;
}

#donationContainer p{
	padding-left:10px;
	padding-right:10px;
}

.footer{
	clear:left;
	position:relative;
	height:30px;
	width:100%;
	background-color:#FFDDE1;
}

.footerContent{
	font-size:11px;
	margin-left:auto;
	margin-right:auto;
	background:url("../img/pigTrain.png") no-repeat;
	height:30px;
	width:1000px;
}