@CHARSET "ISO-8859-1";
/*
Theme Name: Cuberis - Animal Protection Society
Description: For the APS of Durham
Author: Design Ray Parrish, Code Daniel Ingraham (Cuberis, LLC)
Author URI: http://www.cuberis.com
*/

/*begin undohtml to remove all default styles so they don't get in the way so much*/

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* http://www.tantek.com/log/2004/undohtml.css */
/* Purpose: undo some of the default styling of common (X)HTML browsers */ 

/* link underlines tend to make hypertext less readable,    
because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }


/* Begin Cuberis code
By Daniel Ingraham
Copryight 2008, Cuberis LLC 
*/

/* More resets */

/* Margin will be individually set on applicable elements.  Ease of semantic use requires no implicit
spacing */
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;	
}

td, th {
	padding: 0;
	margin: 0;	
}

/* end more resets */

/* begin structure */

body {
	margin: 0;
	padding: 0;	
}

/* Three column layout.  Using CodeProject technique authored by Gladstone.  Utilizes 
overflow:hidden/pos rel method */

div.topFix {
position: relative;
width: 800px;
}

div.main-box {
position:relative;
text-align:left;
width:800px;
overflow:hidden;
float: left;
top: -50px;
}
div.center-box {
position:relative;
width:100%;
left:120px;
}
div.reset-box {
position:relative;
width:100%;
left:100%;
margin-left:-120px;
} 
div.right-box {
position:relative;
width:100%;
margin-left:-22%;
left:-20px;
}
div.content-box {
position:relative;
width:100%;
margin-left:-100%;
left:26%;
margin-top: 25px;
}
div.left-col {
float:left;
width:175px;
text-align: right;
padding-right: 45px;
}

div.right-col {
float:right;
width:37.5%;
}
div.right-col-int {
float:right;
width:17.75%;
}
div.right-col-int-news {
float:right;
background: #f0efef;
width: 31%;
padding-right: 15px;
padding-bottom: 20px;
}
div.center-col {
margin-left:175px;
margin-right:39.5%;
padding-left:10px;
padding-right:10px;
}
div.center-col-int {
margin-left: 210px;
margin-right:18.5%;
padding-left:10px;
padding-right:10px;	
}
div.center-col-cal {

margin-left: 175px;

margin-right:1%;

padding-left:10px;

padding-right:10px;	

}

* html div.center-col {
height:1%;
margin:0;
}
* html div.left-col {
margin-right:-3px;
}
* html div.right-col {
margin-left:-3px;
}
.clearfix:after {
content: "."; 
display: block;
height: 0px;
clear: both; 
visibility: hidden;
}
.heightfix:before {
content:'.';
display:block;
visibility:hidden;
height:0;
}

/* end column layout */

/* iFrame necessary because clean permalinks in WP screw up slideshow pro's XML */
iframe.show {
width: 800px;
height: 194px;
}

div#navWrapper {
	background-color: #ffffff;	
	margin-top: 0px;
	height: 60px;
}

div#navWrapper div#collar {
		background-color: #e9e8e8;
	float: left;
	width: 800px;
	background: url(images/collar_ext.png) repeat-x;
}


div#photos {
	float: right;
        font-size: 1.1em;
        margin-top: -70px;
       color: #969595;
}

div.left-col h2 {
	margin-top: 15px;
	margin-bottom: 5px;
	border-bottom: 1px solid #195692;
	margin-left: 42px;
}


img#wunc {
	margin-top: 5px;
	}

div.left-col h2#hoursTitle {
	margin-left: 40px;	
}

div.left-col h2#sponsorsTitle {
	margin-left: 17px;
}

p#address {
	margin-left: 50px;
}

table#hours {
	margin-left: 30px;
	width: 150px;
}

table#hours td {
	padding-right: 5px;
}

table#hours td.hours {
	width: 72px;
	padding-right: 0; 
}

div.center-col a#archiveLink {
	margin-left: 52px;
}

div.center-col li {
	padding-bottom: 20px;
}

div.center-col-int p {
	margin-bottom: 15px;
		
}

td.col1 {
	width: 75px;
	padding-right: 0;
	padding-left: 3px; padding-bottom: 0pt; background-color: #174f95;	
}
td.col2 {
padding-left: 10px; padding-bottom: 0; background-color: #174F95; 
}

div.center-col-int {
font-size: 1.2em;		
}

div.center-col-int h2 {
	margin-top: 15px;	
}

div.right-col a#petsLink {
	margin-left: 97px;
}


div.right-col ul, div.right-col li {
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;	
}

div.right-col li {
	width: 96%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #a5a3b9;
	float: left;
}
div.right-col li.bottom {
	border-bottom: 0;	
}

#wp-calendarLarge .event-block
{

	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #444444;
	display: block;
	padding-top: 2px;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 2px;
	line-height: 11pt;
}

div#footer {
	margin-top: 40px;
	border-top: 1px solid #195692;	
}

div#formBar {	background: #e9e8e8;	width: 100%;
	margin-bottom: 7px;		padding-top: 20px;
}

div#formBar fieldset {
	text-align: right;
	border: 0;
	padding-bottom: 3px;
	padding-top: 0px;
	margin-top: -15px;
	margin-bottom: -5px;
}

div#formBar input {
	font-size: 1.2em;
	padding-top: 2px;
	padding-bottom: 2px;
}

div#formBar img {
	border: 0;
}

span#cuberis {
	margin-left: -310px;	
}

span#copy {
	margin-left: 45px;
}

span#addr {	color: #003970;	
}span#login {margin-left: 177px;margin-right: 20px;font-size: 1em;}

ul#mainUL {	width: 570px;
	float: right;	
}

div#collar ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

div#collar li {
  float: left;
  margin-top: 10px;
  position: relative;

}
ul#mainUL li {
	margin-right: 30px;	
	padding-bottom: 30px;
}

div#collar li ul li {
	margin: 0;
	padding: .25em 0 .25em 1em;
	border-bottom: 1px solid #22346d;
	width: 173px; 
}

li ul li a:hover {	color: white;
}
ul#mainUL li ul li:hover, ul#mainUL li ul li.over {
	background-color: #3f6faa;
	background-image: url(images/paw.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	text-indent: 10px;
	
}
ul#mainUL li ul li:hover a, ul#mainUL li ul li.over a {
	color: white;
	}
div#collar li ul {
  display: none;
  position: absolute; 
  top: 1.7em !important;
  left: 0;
  background: url(images/dropback.gif) bottom left no-repeat;
  border-left: 1px solid #03234f;
  padding: 0 0 1.25em 0;
  
  z-index: 20;	
  float: left;
}

div#collar li > ul {
	top: auto;
	left: auto;
	}

div#collar li:hover ul, li.over ul{ display: block; }

div.entry {
	margin-top: 10px;	
}

ul.dagon {
	float: none;
        display: block;
}

ul.dagon li {
 	float: none;
        clear: both;
        margin-left: 10px;
        display: block;
}

ul.dagon li a:hover {
 	color: blue;
}

.ddsg-wrapper div p {
	clear: left;
}

li.cat-list {
	margin-bottom: 15px;
}
div.center-col-int h2 {
	font-size: 1.3em;
	text-decoration: underline;
}

div.center-col-int h3 {
	margin-top: 15px;
	font-size: 1.1em;
	margin-bottom: 2px;
	text-decoration: underline;	
}

div.center-col-int ul li.petList {
	margin-bottom: 5px;
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid gray;
	float: left;
}


.iefixcollar {

}

div.center-col-int ul {
	margin: 0;
	padding: 0;
	float: left;
	margin-bottom: 15px;	
}

div.center-col-int ul li ul li {
	list-style-type: disc;
}
div.center-col-int ul li ul {
	margin-bottom: 20px;		
}

div.center-col-int h1 {	
	margin-bottom: 15px;	
}

div.center-col-int td {
	padding-bottom: 12px;	
}

/* image placement */

div#rightBiscuits {
	margin-top: 25px;	
}


img#buckle {
	float: left;
	position: relative;
	z-index: 200;
	top: -10px;
	left: 25px;
border: 0;
}

div.left-col img {
	padding-left: 5px;
}

div.left-col img#nbc {
	clear: right;
}

div.right-col img.alignleft {
	float: left;
	margin-right: 10px;
}



#ie6biscuit1 {
	float: left;
	top: -50px;
	position: relative;
	z-index: 20;
}
#ie6biscuit2 {
	float: left;
	top: -35px;
	position: relative;
	z-index: 20;
}
#ie6biscuit3 {
	float: left;
	top: -50px;
		position: relative;
	z-index: 20;
}

/* end image placement */

/* end structure */

/* text */
body {
	font-family: arial, sans-serif;
	font-size: 62.5%;	
}

h1,h2,h3,h4,h5,h6,caption {
	color: #174f95;
}

a {
	color: #164d92;	
}

p#address {
	font-size: 1.2em;
	font-weight: bold;
	color: #7f7e7e;	
}

div.left-col h2, div.right-col-int h1, div.right-col-int-news h1 {
font-size: 1.4em;
font-weight: bold;
}

div.left-col h2#hoursTitle, div.left-col h2#sponsorsTitle {
font-size: 1.2em;
}

table#hours {
	text-align: right;
	color: #2a2a2a;	
}

table#hours td {
	font-size: 1.1em;	
}

table#hours td.hours {
	text-align: left;
}

div.center-col h1, div.center-col-int h1, div.center-col-cal h1, div.right-col h1 {
	font-size: 2em;
	text-decoration: underline;
}

table#CalendarLarge-Header {
	font-size: 1.2em;	
}

div.center-col a#archiveLink small, div.right-col a#petsLink small {
	font-size: .5em;
	color: #174f94;
}

div.center-col ul {
	list-style-type: disc;
	color: #195692;
	font-size: 1.2em;
}

ul span.newsTitle {
	font-size: 1.2em;
	color: #1a1818;
}

ul span.newsExcerpt {
	font-size: 1em;
	color: #81766d;
}

span.featureExcerpt {
	color: #1a1818;
	font-size: 1.2em;	
}

span.featureExcerpt strong {
	font-size: 1.5em;
	color: #195692;
	font-weight: normal;
}

span.featureExcerpt a {
	text-decoration: underline;	
}

div#rightFoot {
	float: right;
	margin-right: 12px;
	font-size: 1.3em;
}

div#rightFoot a {
text-decoration: underline;
}

div#footer span {	font-size: 1.2em;
	color: #585656;
}

div#footer span a {
	text-decoration: underline;
	color: #585656;
}

div#footer span#addr {
	color: #003970;
}

div#footer span#addr a {
	text-decoration: underline;
	color: #003970;		
}

div#collar li {
	font-size: 1.7em;
	color: white;
	font-weight: bold;
}

div#collar li ul li {
	font-weight: normal;
	font-size: .9em;
}

div.iesucks {
 	margin-right: 33%;	
}

div#formBar label {
	color: black;
	font-size: 1.1em;
}

div.center-col-int strong {
	color: #3FABED;
}

#more-link {
	display: inline;
	text-decoration: underline;	
}
div.more-link {
	display: inline;	
}

div.right-col-int h1, div.right-col-int-news h1 {
	text-decoration: underline;
	font-size: 1.3em;	
}

div.right-col-int a {
	font-size: 1.2em;
	color: #7f7e7e;
	font-weight: bold;	
}

div.right-col-int-news a {
		 
}

/*  list imges for gold star & photogenic  */

li.gold-star {
	background-image: url(images/goldstar.jpg);
	background-position: bottom right;
	background-repeat: no-repeat !important;	
}

.photogenic {
	background-image: url(images/photogenic.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;	
}

.volunteer_pick_of_the_week {
	background-image: url('images/volunteer_pick_of_the_week.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.i_need_help {
	background-image: url('images/i_need_help.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.i_have_a_video {
	background-image: url('images/i_have_a_video.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.i_have_a_blog {
	background-image: url('images/i_have_a_blog.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.see_me_at_petsmart {
	background-image: url('images/see_me_at_petsmart.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
}

/* Add name of category  to create an image in that cat. section like goldstar */

/*
.name of category {
	background-image: url(images/photogenic.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;	
}
*/


/*  End list imges for gold star & photogenic  */

div.right-col-int ul, div.right-col-int li, div.right-col-int-news ul, div.right-col-int-news li {
	margin-left: 0;
	padding-left: 0;
}

table#CalendarLarge-Header {
	font-size: 1.5em;
}

.featureExcerpt img {
	float: left;
	margin-right: 2px;	
}

div.right-col-int-news .ngg-singlepic {
	background: #F0EFEF;	
}

td.leftAlign {
	text-align: left;	
}