/*
Theme Name: DGP
Author: Home Cooked Website Solutions Inc.
Author URI: http://homecooked.ca/
Description: This is a custom theme built specifically for this project.
Version: 1.0
*/

@import "cforms.css";

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, 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 {
	border: 0;
	outline: 0;
}
body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    -webkit-text-size-adjust: 100%;
	color: #414042;
    margin: 0;
}
a {
	color: #0C213F;
}
a:hover, a:active, a:focus {
    color: #FBDA01;
}
a img {
    border: none;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
    margin: 0 0 10px 0;
}
p {
	margin: 0 0 15px;
}
h1{
	color:#0d223f;
	font-size:25px;
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif;
}
h2{
	color:#0d223f;
	font-size:21px;
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif;
}
h3{
	color:#0C213F;
	font-size:13px;
	font-style:italic;
    margin: 0 0 5px 0;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
sup, sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
embed, iframe, object {
	max-width: 100%;
}
/* Forms */
input[type=text],
input[type=email],
input[type=password],
textarea {
	background: #fff;
	border: 1px solid #888;
    padding: 3px;
	color: #666;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	width: 98%;
}
input#s {
	background: url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit {
	display: none;
}


/* MAIN CONTAINERS */
#page {
}
header#branding hgroup{
	max-width:1002px;
	margin:0 auto;
}
#primary {
	float: left;
	margin: 0 -36% 0 0;
	width: 100%;
}
#content {
	margin: 0 36% 0 0;
	width: 64%;
}
.one-column #content {
    margin: 0 auto;
	width: 100%;
}
#wrap{
	float: left;
	width: 100%;
}
#secondary {
	float: right;
	width: 32%;
    margin-bottom: 35px;
}
#inner-secondary ul{
	border-left: 10px solid #FBD94A;
	padding-left:2px;
	background-color:#f1f2f2;
}

/* SECONDARY */
.widget-area ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#secondary .widget {
    margin-bottom: 35px;
}
footer.entry-meta{
	display:none;
}
article div.entry-meta, time.entry-date{
	color:#58595A;
	font-size:13px;
	font-style:italic;
	font-weight:normal;
	padding:0 0 5px 0;
	margin:0;
}
#secondary #color-inner{
	border-left: 10px solid #FBD94A;
}
#secondary #innerside{
	padding-left:2px;
}
#secondary #color-inner article{
	background-color:#f1f2f2;
	margin-bottom:10px;
}
div#date{
	padding-bottom:5px;
	color:#58595A;
	font-style:italic;
}
#secondary h3{
	padding-top:5px;
}
#secondary h3 a{
	font-style:italic;
    text-decoration: none;
}


/* HEADER */
#branding {
	padding-bottom: 10px;
	position: relative;
	z-index: 9999;
}
#site-title {
    float: left;
    max-width: 329px;
    height: auto;
    padding: .5em 0 0;
}
#site-title a {
    font-size: 30px;
	line-height: 36px;
    color: #000;
	font-weight: bold;
	text-decoration: none;
}
#site-title img {
    width: 100%;
    height: auto;
	margin-top:10px;
}
#site-description {
    clear: right;
	float: right;
    max-width: 320px;
    height: auto;
    padding: 0.5em 0 0;
}
#site-description img {
    width: 100%;
    height: auto;
}


/* MAIN NAVIGATION MENU */
#access {
	background-color:#f1f2f2;
	clear: both;
	display: block;
	float: right;
	margin: 0 auto 6px;
	width: 100%;
}
#inner-access{
	max-width:1002px;
	margin:0 auto;
    background: #0d223f;
}
#access ul {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	list-style: none;
	margin: 0;
    padding: 0;
	float:right;
}
#access li {
	float: left;
	position: relative;
}
#access li div.sep {
    float: left;
    height: 11px;
    margin-top: 7px;
    border-right:1px solid #FBDA01;
}
#access li.last-menu-item div.sep {
	border:none !important;
}
#access a {
    float: left;
	color: #eee;
	display: block;
	line-height: 25px;
	padding:0 25px;
	text-decoration: none;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 25px;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
    color: #FBDA01;
}
#access li:hover > a,
#access a:focus {
	color: #FBDA01;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a,
#access .current_page_parent > a{
	color: #FBDA01;
}

/* HOMEPAGE BOXES */
.home-box {
    border-bottom: 1px solid #f1f2f2;
    margin-bottom: 35px;
}

/* SLIDER */
#slider{
	
}
div#slider div.panel-wrapper{
	
}
div.bx-viewport{
	min-height:61px !important;
	border:none !important;
	box-shadow:none !important;
	left:0 !important;
}
#slider-wrapper-1.slider-wrapper, div.bx-wrapper, div.bx-viewport ul#slider-1.slider{
	padding:0 !important;
	margin:0 !important;
}
.promo_slider_content{
	float:left;
    width:320px;
}
.promo_slider_content.nothumb{
    width:100%;
}
.promo_slider_image{
	float: right;
    width: 310px;
    text-align:right;
}
.promo_slider_content h3 a{
	text-decoration:none;
}
.promo_slider_content .readmore {
	text-align: right;
	font-style:italic;
    padding-bottom: 5px;
}

/* DGP NEWS */
h1.entry-title a{
	color:#0D223F;
	font-size:25px;
	font-weight:normal;
	text-decoration:none;
}

/* DGP EVENTS */
#events h3 a{
	font-style: italic;
    text-decoration: none;
}
#content #events article{
	margin-bottom:10px;
}
div.events-more a{
    display: block;
	font-style:italic;
    padding-bottom: 5px;
}

/* DGP ALUMNI */
#content #alumni article{
	margin-bottom:0px;
}
div.alum-more a{
    display: block;
	float:right;
	font-style:italic;
    padding-bottom: 5px;
}
div.alum-img{
	max-width:161px;
	height:auto;
	float:left;
}
div.alum-about{
	max-width:460px;
	float:right;
}


/* CONTENT */
#main {
	max-width:1002px;
	clear: both;
	margin:0 auto;
	padding: 1.625em 0 0;
}
body.home h1.entry-title{
	display:none;
}
#content article {
    margin-bottom: 35px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}

/* CONTENT NAVIGATION */
#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 1.625em;
}
#content nav a {
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
}
#nav-above {
	padding: 0 0 1.625em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}


/* FOOTER */
#colophon {
	clear: both;
    margin: 0 0 6px;
	width: 100%;
	background-color:#f1f2f2;
}
#inner-colophon,
#inner-subFooter {
    margin: 0 auto;
    max-width: 1002px;
	padding:0;
}
#inner-colophon{
	background-color:#0d223f;
    color: #fff;
    font-size: 14px;
}
#inner-colophon a {
    float: right;
    color: #eee;
    display: block;
    line-height: 25px;
    padding: 0 25px;
    text-decoration: none;
}
/*#inner-colophon{
	background-color:#0d223f;
    color: #fff;
    font-size: 13px;
    max-width:922px;
	padding:20px 40px;
}
#inner-colophon a {
    color:#fff;
}
#inner-colophon .widget-title{
	font-size:21px;
	font-weight:normal;
	font-style:italic;
	color:#fff;
	padding:0;
}
#first.widget-area{
    width:37%;
	float:left;
}
#second.widget-area{
    width:26%;
	float:left;
    text-align:right;
}
#third.widget-area{
    width:37%;
	float:right;
	text-align:right;
}
#menu-footer-menu {
    margin: 0;
	padding: 0;
    list-style: none;
}
#menu-footer-menu li {
	font-size:16px;
}
#menu-footer-menu a {
    display: block;
    line-height: 1.1em;
	padding: 3px 0;
    text-decoration: none;
}*/

#subFooter {
    clear: both;
    font-size: .75em;
    line-height: 20px;
}
#copyright {
    float: left;
}
#developer {
    float: right;
}
#developer a {
    text-decoration: none;
}



/* PASSWORD PROTECTED POSTS */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}


/* SITE MAP */
#wp-realtime-sitemap-pages h3 {
    display: none;
}
#wp-realtime-sitemap-pages ul {
    margin-left: .5em;
}
#wp-realtime-sitemap-pages li {
    list-style-type: disc;
    padding: 5px .5em;
}
#wp-realtime-sitemap-pages li li {
    list-style-type: circle;
    padding: 5px .5em;
}


/* ERROR 404 PAGE */
.error404 #primary {
	float: none;
	margin: 0;
}
.error404 #primary #content {
	width: auto;
}
.error404 #main #searchform {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 8.9%;
}
.error404 #main #s {
	width: 95%;
}
.error404 #main .widget {
	clear: none;
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
.error404 #main .widget_archive {
	margin-right: 0;
}
.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}
.error404 .widgettitle {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}


/* SEARCH WIDGET */
.widget_search form {
	margin: 0 0 1.625em;
}
.widget_search #s {
	width: 77%;
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 13px;
	line-height: 25px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #1982d1;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}


/* CLEARFIX */
.cf:before,
.cf:after {
    content: "";
    display: table;
} 
.cf:after {
    clear: both;
}
.cf {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


/* COMMON */
.clear {
    clear: both;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.no-underline {
    text-decoration: none;
}


/* ASSISTIVE TEXT */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {
	/* Simplify the basic layout */
	#main #content {
		margin: 0 7.6%;
		width: auto;
	}
	#nav-below {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1.625em;
	}
	#main #secondary {
		float: none;
		margin: 0 7.6% 35px;
		width: auto;
	}
    /* Header tweak */
    #site-title, #site-description {
        width: 45%;
    }
	/* Simplify the showcase template */
	.page-template-showcase-php .featured-posts {
		min-height: 280px;
	}
	.featured-posts section.featured-post {
		height: auto;
	}
	.page-template-showcase-php section.recent-posts {
		float: none;
		margin: 0;
		width: 100%;
	}
	.page-template-showcase-php #main .widget-area {
		float: none;
		margin: 0;
		width: auto;
	}
	.page-template-showcase-php .other-recent-posts {
		border-bottom: 1px solid #ddd;
	}
	/* Simplify the showcase template when small feature */
	section.featured-post .attachment-small-feature,
	.one-column section.featured-post .attachment-small-feature {
		border: none;
		display: block;
		float: left;
		height: auto;
		margin: 0.625em auto 1.025em;
		max-width: 30%;
		position: static;
	}
	article.feature-image.small {
		float: right;
		margin: 0 0 1.625em;
		width: 64%;
	}
	.one-column article.feature-image.small .entry-summary {
		height: auto;
	}
	article.feature-image.small .entry-summary p a {
		left: 0;
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
	}
	/* Remove the margin on singular articles */
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		width: 100%;
	}
	/* Simplify the pullquotes and pull styles */
	.singular blockquote.pull {
		margin: 0 0 1.625em;
	}
	.singular .pull.alignleft {
		margin: 0 1.625em 0 0;
	}
	.singular .pull.alignright {
		margin: 0 0 0 1.625em;
	}
	.singular .entry-meta .edit-link a {
		left: 0;
		position: absolute;
		top: 40px;
	}
	.singular #author-info {
		margin: 2.2em -8.8% 0;
		padding: 20px 8.8%;
	}
	/* Make sure we have room for our comment avatars */
	.commentlist {
		width: 100%;
	}
	.commentlist > li.comment,
	.commentlist .pingback {
		margin-left: 102px;
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float footer widgets at this size */
	#colophon #supplementary .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}
}
@media (max-width: 650px) {
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body, input, textarea {
		font-size: 13px;
	}
	#site-title a {
		font-size: 24px;
	}
	#site-description {
		font-size: 12px;
	}
	#access ul {
		font-size: 12px;
	}
	article.intro .entry-content {
		font-size: 12px;
	}
	.entry-title {
		font-size: 21px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.singular .entry-title {
		font-size: 28px;
	}
	.entry-meta {
		font-size: 12px;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
    #site-title {
        padding: 0;
    }
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		display: block;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
		position: static;
	}
	.singular .hentry {
		padding: 1.625em 0 0;
	}
	.singular.page .hentry {
		padding: 1.625em 0 0;
	}
	.promo_slider_content{
        float:none;
        width:100%;
    }
    .promo_slider_image{
        float: none;
        width:100%;
        text-align:left;
    }
	#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
	}
	#content .gallery-columns-3 .gallery-item img {
		width: 100%;
		height: auto;
	}
}
@media (max-width: 550px) {
    #subFooter {
        background: #fff;
    }
    #copyright, #developer {
        float: none;
        text-align: center;
    }
}
@media (max-width: 450px) {
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
    #site-title, #site-description {
        float: none;
        max-width: none;
        width: 100%;
        text-align: center;
        padding: 0;
        margin: 0;
    }
    #site-title img, #site-description img {
        width: 70%;
    }
    #access {
        margin: 10px auto 0;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {
		padding: 0;
	}
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}
}


/* PRINT STYLES */
@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	#content nav {
		display: none;
	}
	.widget-area {
		display: none;
	}
	#colophon {
		display: none;
	}

}