/* standard elements */
* {
	margin: 0;
	padding: 0;
}

p {
    margin: 1em 0;
}

a {
	color: #5487A4;
}

a:hover, a:active {
	color: #00456c;
}

body {
	background: #fff url(../images/bg.gif);
    color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}

h1, h2, h3 {
	color: #5487a4;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 300;
}

h1 {
    font-size: 30px;
    line-height: 34px;
    margin: 0.67em 0;
}

h2 {
    font-size: 20px;
    margin: 0.83em 0;
}

img {
    border: none;
}

.formWindow {
    width: 450px;
    padding-left: 10px;
}


/* misc */
.clearer {
	clear: both;
}

.blueTitle {
    color: #1C7BD3;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin: 10px 0;
}

.blue {
    color: #1C7bd3;
}

.greenDesc {
    color: #66cc99;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    vertical-align: bottom;
}

.readmoreBox {
    padding-bottom: 25px;
    text-align: right;
}

a.readmore {
    color: #0099ff;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}

a.readmore:hover, a.readmore:active {
    color: #00456c;
    text-decoration: none;
}

.orangeBorder {
    border: 1px solid #f48d00;
}

a.grey:hover, a.grey:active {
    color: #f48d00;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

a.grey:link, a.grey:visited {
    color: #f48d00;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

.indent25 {
    margin-left: 25px;
}

/* sidebar */
.recentvidsDisplayRow {
    background-color: #fdeed9;
    padding-bottom: 12px;
    padding-left: 35px;
    width: 325px;
    height: 135px;
    padding-top: 3px;
}

.recvidsRow {
    float: left;
    min-height: 80px;
    position: relative;
    width: 103px;
}

.recentvidsColumn {
    float: left;
    min-height: 110px;
    position: relative;
    width: 103px;
}

.recentTitle {
    color: #f48d00;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}

.mostPopBox {
    background-color: #f48d00;
    height: 46px;
    width: 340px;
    padding-left: 20px;
    padding-top: 14px;
}

.highlighted_videos {
    background-color: #fdeed9;
}

.highlighted_videos_text {
    font-weight: bold;
    text-align: right;
    padding-right: 10px; 
    padding-bottom: 5px;
}

.highlighted_photos {
    background-color: #9cd7b9;
}

.highlighted_photos_text {
    font-weight: bold;
    text-align: right;
    padding-right: 10px; 
    padding-bottom: 5px;
}

.moreLink {
    font-style: italic;
    float: right;
    clear: both;
}

img.tn {
    padding-left: 20px;
    padding-top: 10px;
    float: left;
}

.joinCommBox {
    background-color: #3d93c3;
    height: 200px;
    padding-left: 20px;
    padding-top: 25px;
    position: relative;
    width: 340px;
}

.joinCommText {
    color: #b4eaff;
    font-size: 14px;
    width: 250px;
    padding-left: 40px;
    line-height: 16px;
}


.joinCommBox a:hover, .joinCommBox a:active {
    font-size: 14px;
    font-weight: bold;
    color: #00456C;
    text-decoration: none;
}

.joinCommBox a:link, .joinCommBox a:visited {
    font-size: 14px;
    font-weight: bold;
    color: #b4eaff;
    text-decoration: underline;
}

.adoptofweekBox {
    background-color: #67c294;
    height: 250px;
    padding-left: 20px;
    padding-top: 25px;
    width: 340px;
}

.adoptofweekText {
    color: #e1f3ea;
    font-size: 14px;
    padding-left: 40px;
    width: 250px;
}

.adoptofweekText a:link, .adoptofweekText a:visited {
    color: #e1f3ea;
    text-decoration: underline;
}

.adoptofweekText a:hover, .adoptofweekText a:active {
    color: #016030;
    text-decoration: none;
}

.petresourcesBox {
    background-color: #9ad9f2;
    height: 181px;
    width: 360px;
}

.petresourcesBKG {
    background-color: #9ad9f2;
    background-image: url(../images/bkg_petresources.gif);
    height: 156px;
    padding-left: 20px;
    padding-top: 25px;
    position: absolute;
    width: 322px;
}

.petresourcesText {
    color: #2a74d1;
    font-size: 14px;
    padding-left: 40px;
    width: 250px;
}

a.resource:link, a.resource:visited {
    color: #2a74d1;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

a.resource:hover, a.resource:active {
    color: #00456c;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.adoptlivefeedBox {
    background-color: #aaae34;
    width: 360px;
}

.adoptlivefeedBKG {
    background-image: url(../images/bkg_livefeed.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 180px;
    padding-left: 20px;
    padding-top: 25px;
    width: 330px;
}

.adoptlivefeedText {
    color: #e2e3b9;
    font-size: 14px;
    padding-left: 40px;
    width: 250px;
}

/* structure */
.container {
	background: url(../images/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	width: 912px;
}

#panalogo {
    position: relative;
    left: 537px;
    bottom: -54px;
    height: 66px;
    width: 200px;
}

#parrot_container {
    float: right;
    width: 240px;
    height: 220px;
    z-index: 99;
}

#parrot {
    position: relative;
    margin-top: 5px;
    z-index: 2;
}

/* header */
.header {
	background-color: white;
	height: 190px;
	margin: 0 auto;
	width: 900px;
    z-index: -99;
}


/* navigation */
.navigation {
	background-image: url(../images/navlinks_bg.gif);
    background-position: left top;
    background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
	height: 35px;
	margin: 0 0 0 5px;
	padding: 0;
    text-align: center;
	width: 900px;
    border-bottom: 2px solid #1B8E54;
}

.navigation a {
    border-right: 1px solid #29A064;
	color: white;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 36px;
    padding: 11px 18px;
	text-decoration: none;
    text-align: center;
}
a.navRight {
    border-right: 0 none;
}
.navigation a:hover, .navigation a:active {
    text-decoration: none;
	color: #006600;
}

.adText {
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-variant: small-caps;
    text-align: center;
}

/* main */
.main {
	clear: both;
	padding: 0 10px 12px 28px;
}

/* side navigation */
.sidebar {
	float: right;
	width: 360px;
    margin-right: -2px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 200px;
}

/* content */
.content {
	padding-top: 12px;
	float: left;
	width: 510px;
}

.informative {
    padding-left: 20px;
    padding-right: 30px;
}

.moreVidsWindow {
    background: #ffffff none repeat scroll 0 0;
    display: inline;
    float: left;
    margin-left: 45px;
    margin-top: 15px;
    position: relative;
    width: 450px;
}

.moreVideos li a.imgLink {
    display: block;
    min-height: 80px;
}

.moreVideos li {
    display: inline;
    float: left;
    line-height: normal;
    margin: 0 30px 10px;
    padding: 0;
    text-align: center;
    width: 80px;
}

ul.moreVideos {
    list-style-type: none;
}

/* footer */
.footer {
	font-size: 11px;
    margin-left: 6px;
	width: 863px;
	line-height: 30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lowerFooter {
    width: 100%;
	background-color: #1c7bd3;
	color: #fff;
    font-weight: 300;
    height: 63px;
    padding-left: 35px;
    text-align: left;
    height: 110px;
    padding-top: 10px;
    border-top: 2px solid #124f87;
}
.upperFooter {
    width: 930px;
    height: 120px;
}


.footer a {
	color: #fff;
    font-weight: bold;
}

.highlighted-video {
    
}

.adopt { 
    color: white;
}
.upload-progress {
    background-color: #fff;
    border: 2px solid #1C7BD3;
    width: 300px;
    padding: 50px;
}

.progress-container {
    width: 300px;
}

.progress-info {
    margin: 10px auto;
}

.progress-bar {
    height: 10px;
    width: 0;
    background-color: #1C7BD3;
}

.resourcesLinks a:link, .resourcesLinks a:visited {
    color: #0099ff;
}

.resourcesLinks a:hover, .resourcesLinks a:active {
    color: #00456c;
}

a.out:hover, a.out:active {
    color: #1475d1;
    text-decoration: underline;
}

a.out:link, a.out:visited {
    color: #4787c4;
    text-decoration: underline;
}

a.adoption:hover, a.adoption:active {
    color: #00456c;
    text-decoration: none;
}

a.adoption:link, a.adoption:visited {
    color: #0099ff;
    text-decoration: underline;
}

.errorlist {
    color: red;
}

#comment-form-container {
    padding-top: 10px;
}

#comment-form-errors {
    color: red;
    font-weight: bold;
}

#comment-form-preview {
    background-color: #FDEED9;
    border: 1px solid #000;

    padding: 0 1em;
}

#id_comment {
    width: 100%;
}

.lowerFooter a:hover, .lowerFooter a:active {
    color: white;
}

.blue_link:hover, .blue_link:active {
    color: #00456c;
}

.blue_link {
    color: #2a74d1;
}