<!--


/* @group Global reset and clear fix */

/* First there's the global reset to make everything play nice */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */

:focus { outline: 0; }

body { line-height: 1; 

}

/* tables still need 'cellspacing="0"' in the markup */


/* Then Clearfix */
.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 */

/* @end Global reset and clear fix */


/* Begin Structure/////////////////////////////////// */
body {
	margin: 0;
	padding: 0; 
background: url("http://dc-adv.com/blog/images_template/top_bg1.jpg") repeat-x;
        letter-spacing:0em;
  font-family: Helvetica, Arial, sans-serif;


	}


#header {

width:850px;
margin:0 auto 30px auto;
background-color: #eb7700;
padding: 0px 10px 10px 10px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;

	}


#pages_nav ul {
width:850px;
font-size:1.3em;
margin:10px 0 0 0;
padding-top:5px;
    list-style:none;
height:20px;
float:right;
clear:both;
}

#pages_nav li {
float:right;
display:block;
    margin:0;
    padding:0;
padding-left:20px;
}

#pages_nav a {
color:#FFFFFF;
}


#logo {

margin-top:0px;
margin-bottom:0px;

width:320px;
float:left;
}

#smtools{

margin-top:46px;
width:177px;
float:right;
}

#about_blurb {
text-align:right;
width:500px;
float:right;
margin-top:10px;

}

#about_blurb {
color:white;
font-size:1.2em;
line-height:1.3em;

}


#page {

	margin: 0px auto;
	padding: 0px 0 0 0;
	width: 890px;

	}


.column_left {

position:relative;
	width: 665px;

	float: left;
	padding-bottom: 20px;
padding-right:20px;
padding-left:20px;
margin-right:0px;


padding-top:30px;
margin-top:0px;
}


#column_right
{

	padding: 20px 0px 10px 0px;
	margin-left: 714px;
height:500px;
position:relative;
top:0px;
left:-8px;

	}


#bottom_bg {
background: url("http://dc-adv.com/blog/images_template/bottom_bg1.jpg") repeat-x;
	position: relative;
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
}


#bottom {
width:850px;

margin:auto;
padding-top:20px;
padding-bottom:0px;

}

#bottom a {
clear:both;
color:#9bc98c;

}


/* Begin Typography & Colors */
body {
	font-size: 60.5%; /* Resets 1em to 10px */

color: #444;
	}

#page {

	text-align: left;
	}

#header a {
text-decoration:none;
	}


#header a:hover {
text-decoration:underline;
	}


#content {
	font-size: 1.2em
	}


#footer {

font-size:9px;
line-height:13px;
text-transform:uppercase;
letter-spacing:.4em;
margin-top:0px;
	border: none;
text-align:center;
color:white;
	}

small {

	font-size: 1em;
	line-height: 1.5em;
	}

h2, h3 {

	font-weight: normal;

	}

h1 {
	font-size: 2.4em;
	text-align: left; 
font-weight:normal; 
line-height:1em;
margin-bottom:10px;

border-bottom:1px solid #444;


	}

h1 a {


padding-top:4px;
margin-top:0px;
}


h2 {
	font-size: 2em;

	}

h3 {
	font-size: 1.3em;
	}

#headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #515151;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #column_right h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.pagetitle {
background-color:#ff5d04;
font-size:1.4em;
margin-top:5px;
margin-bottom:20px;
padding: 7px 0px 5px 5px;
color:white;
}


.entry p {
font-size:1.3em;	
line-height: 1.3em;
padding-bottom:10px;

	}


.entry ul {

margin-bottom:10px;
}


.entry img.imageleft {

float:left;
margin-right:10px;
}


.entry h3 {
margin-top:15px;
margin-bottom:10px;
color:#444;
border-bottom:1px dotted #444;
font-size:1.8em;
}


.post_metadata {

color:gray;
font-size:1em;
padding-bottom:7px;
margin-top:20px;
border-bottom:1px dotted gray;
text-align:center;

}


.categories_archives ul {

margin-bottom: 15px;
}

.categories_archives p {

font-size:1.3em;
margin-bottom:10px;
}

.categories_archives .category_description {

display: inline;

}


#breadcrumb {
margin-top:-25px;
margin-bottom:15px;
font-size:1.1em;
color: #9d9d9d;
}

#breadcrumb a {
text-decoration:none;
color: #ff5d04;
}

#breadcrumb a:hover {
text-decoration:underline;
}


.comments h2 {
margin-top:40px;
margin-bottom:0px;
border-bottom: 1px solid gray;
}


.comments p {
font-size:1.3em;
margin-bottom:5px;
margin-top:20px;
}

.comments .posted {
margin-bottom:10px;
color: gray;
font-size: .8em;
border-bottom: 1px dotted gray;
}


.pagination {

background-color:#f28300;
padding:10px;
color:white;
font-size:1.5em;
}


.gallery  {

background-color:#f1f1f1;
padding:20px;
margin-bottom:15px;
}

.gallery img {

margin-right:15px;
margin-bottom:15px;

}

.video_title {


text-align:center;
margin-bottom:0px;
padding-top:5px;
padding-bottom:0px;
height:10px;
}


.postbottom {
border-bottom:1px dotted #444;
margin-bottom:20px;
}

.related_posts {

background-color:#433838;
padding-left:15px;
padding-right:15px;
padding-bottom:7px;
padding-top:10px;
margin:0px 20px 15px 20px;
border:1px solid #cccccc;
}

.related_posts h2 {
font-size:1.5em;
border-bottom:1px solid #cccccc;
margin-bottom:7px;
}

.related_posts ul {

margin-bottom:0px;
}

.related_posts li {
font-size:1.2em;
display:block;
margin-bottom:5px;
}

.entry .jumptext {

margin-top:10px;
margin-bottom:10px;

}

.entry .jumptext a {

padding:3px;
color:white;
background-color:#e46600;
font-size:1.1em;
}


.emblems {

background-color:#e6e6e6;
border:1px solid #c4c4c4;
width:380px;
float:right;
display:block;
margin-left:10px;
margin-right:10px;
padding:10px;
text-align:center;
}

.emblems_header {

margin-bottom:10px;

color:#6e6e6e;
font-size:1.5em;
line-height:1.2em;

}


/* /////////// LINKS AND SUCH */

.entry p a, .categories_archives a, .comments .posted a, .post_metadata a, .popular_campaign p a, .related_posts a  {
	color: #ff5d04;

	text-decoration: none;
	}

.entry p a:hover, .categories_archives a:hover, .comments .posted a:hover, .post_metadata a:hover, .popular_campaign p a:hover, .related_posts a:hover  {


border-bottom: 1px solid #bbbbbb;


}

h1 a {

color:#444;
text-decoration:none;
}


h1 a:hover {
//background-color:#444444;
color:#000000;
}


h2 a:hover {

background-color:#ffe0b6;

	}

#header #pages_nav a {
color: #60462B;
}

#header #pages_nav a:hover {
color: white;
	text-decoration: underline;
}


#about_blurb a {

color: white;
text-decoration:underline;
}

#about_blurb a:hover {

color: white;
text-decoration:none;
}


#column_right li a {
color:#ff5d04;
text-decoration:none;
}

#column_right li a:hover {
color:#ff5d04;
text-decoration:underline;
}


.pagination a {

color:#964900;

}


/* End Typography & Colors */


.post {
	margin-bottom:30px;
	text-align: left;

	}

.post hr {
	display: block;
	}


/* Begin Images */

.post img {
	padding: 0;
	max-width: 100%;
	}

.entry img, .entry_caption img {

border: 1px solid gray;

}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {

	margin: 0 7px 4px 0;
	display: inline;

	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


div.spacer {
  clear: both;
  }


/* Begin column_right */


#column_right h2.section_title {

padding: 3px 0 3px 0;
margin: 0 0 10px 0;
border-top: 2px solid black;
border-bottom: 1px dotted black;
	}

.popular_campaign {

margin-bottom:10px;
height:79px;


}

.popular_campaign:hover {
background-color:#fcefdd;
}

#column_right h2.popular_campaign_title{
font-size:1.5em;
}


#column_right .popular_campaign img {
float:left;
margin-right:7px;
border:1px solid #444;

}

#column_right .popular_campaign p {
margin-top:4px;
font-size:1.3em;

}


#column_right ul, li {

list-style-type: none;
	list-style-image: none;
font-size:1.2em;
	padding-left:0px;
}

#column_right li {

	margin:0 0 4px; 0;
}

#column_right ul {

	margin:0 0 20px; 0;
}


h3 {
	padding: 0;
	margin: 30px 0 0;
	}
	

/* End Headers */


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://dc-adv.com/blog/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://dc-adv.com/blog/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


-->