/*   
Theme Name: CPI Twin Cities
Theme URI: comingsoon
Description: Custom theme design for CPI Twin Cities
Author: Ben Gillin/David Stagg
Author URI: http://schipul.com
Version: 1.0
*/

@media screen {

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	} 
	
a img { border: none; }
a { outline: none; }

body { font: 12px/1.4em Helvetica, Arial, Helvetica, sans-serif; color: #333; background: #F9F7F4 url(images/body-bg.png) repeat-x bottom left; }

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #005e99; margin-bottom: 10px; text-transform: uppercase; letter-spacing: -.03em; } 
h1 { font-size: 26px; line-height: 30px; }
h2 { font-size: 22px; line-height: 28px; }
h3 { font-size: 18px; line-height: 22px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }

p { margin-bottom: 10px; }

a { color: #005e99;  }
a:hover { color: #00436d; text-decoration: none; }
a:active { color: #000; }
a:visited {  }

blockquote { margin: 0 0 20px 20px; color: #666; padding-left: 20px; border-left: 10px solid #999; }

/* STRUCTURE */
#page-wrap { width: 980px; margin: 0 auto; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }
#header { background: #F9F7F4; display: block; height: 100px; border-bottom: 10px solid #fdc83b; position: relative; z-index: 999; }
#header h1, #header #logo { display: block; width: 345px; height: 100px; float: left; }
#header #logo { text-indent: -9999px; background: transparent url(images/cpi-logo.png) no-repeat top left; }
#menu { position: absolute; bottom: 7px; right: 0; z-index: 999; }
#menu ul { position: relative; list-style: none; margin: 0; padding: 0; }
#menu ul li { float: left; }
#menu ul li a { display: block; padding: 6px 0; margin-left: 20px; text-transform: uppercase; text-decoration: none; font-size: 13px; font-weight: bold; }
#menu ul li a:hover { background: #005e99; color: #fff; }

#menu li ul { position: absolute; left: -999em; width: 150px; }
#menu ul ul li a { text-align: left; width: 150px; height: auto; background: #fdc83b; padding: 4px 6px 4px 6px; color: #005e99; font-size: 12px; font-weight: normal; text-transform: none; }
#menu li ul a:hover { color: #FFF; background:#966522; }

#menu li ul ul { width: 208px; margin-left: 162px; margin-top: -25px; }

#menu li:hover ul ul, #menu li:hover ul ul ul { left: -999em; }
#menu li:hover ul, #menu li li:hover ul { display: block; left: auto; }
#menu ul ul ul { display: none !important; }


#featured { display: block; width: 980px; height: 237px; position: relative; background: transparent url(images/main-header.png) no-repeat top left; }
#featured h2 { position: absolute; left: -9999px; }
#featured p { display: block; width: 420px; height: 200px; position: absolute; top: 115px; left: 30px; }

#main-content { background: #F8F7F3; padding: 20px; }
#first-content { background: #F8F7F3; }

#fancy-menu { background: #F8F7F3; }
#fancy-menu ul { list-style: none; margin: 0; padding: 0; background: #F9F7F4; }
#fancy-menu ul li { float: left; }
#fancy-menu ul li a { display: block; width: 240px; height: 85px; margin-left: -43px; text-indent: -9999px; }

#fancy-menu ul li a#transition { width: 192px; margin-left: 0; background: transparent url(images/menu-career-transition.png) no-repeat top left; position: relative; z-index: 5; }
#fancy-menu ul li a#services { background: transparent url(images/menu-career-services.png) no-repeat top left; position: relative; z-index: 4; }
#fancy-menu ul li a#coaching { background: transparent url(images/menu-executive-coaching.png) no-repeat top left; position: relative; z-index: 3; }
#fancy-menu ul li a#development { background: transparent url(images/menu-leadership-development.png) no-repeat top left; position: relative; z-index: 2; }
#fancy-menu ul li a#elearning { background: transparent url(images/menu-elearning.png) no-repeat top left; position: relative; z-index: 1; }
#fancy-menu ul li a#transition:hover { background: transparent url(images/menu-career-transition.png) no-repeat bottom left; }
#fancy-menu ul li a#services:hover { background: transparent url(images/menu-career-services.png) no-repeat bottom left; }
#fancy-menu ul li a#coaching:hover { background: transparent url(images/menu-executive-coaching.png) no-repeat bottom left; }
#fancy-menu ul li a#development:hover { background: transparent url(images/menu-leadership-development.png) no-repeat bottom left; }
#fancy-menu ul li a#elearning:hover { background: transparent url(images/menu-elearning.png) no-repeat bottom left; }

#blog-content { float: left; width: 720px; }
#blog-currently { float: left; }
#blog-currently { margin-right: 20px; width: 340px; }
#blog-sidebar { width: 194px; float: right; }

#first-content { float: left; width: 720px; }
#videos, #currently { float: left; }
#videos { margin-right: 20px; width: 340px; }
#currently { width: 360px; padding-top: 40px; }
#sidebar { width: 194px; float: right; }

#sidebar ul { width: 176px; margin: 0; padding: 0; list-style: none; background: transparent url(images/sidebar-menu-bg.png) repeat-y top left; border: solid 1px #fff; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; }
#sidebar ul ul { background: transparent url(images/sidebar-menu-expand-bg.png) repeat-y top left; padding-left: 10px; width: 160px; border: none; -moz-box-shadow: 0 0 0 #999; -webkit-box-shadow: 0 0 0 #999; box-shadow: 0 0 0 #999; }
#sidebar ul a { display: block; padding: 4px 6px; color: #fff; text-decoration: none; }
#sidebar ul a:hover { color: #ebebeb; }


.page-template #first-content, .single #first-content { float: right; width: 720px; }
.page-template #sidebar, .single #sidebar { float: left; width: 200px; }

#footer { width: 980px; margin: 0 auto; background: none; text-align: center; padding-top: 20px; }
#footer span { display: block; width: 288px; height: 42px; background: transparent url(images/footer-logo.png) no-repeat top center; margin: 10px auto; }
#footer h2 { color: #ddd; text-shadow: 0px 2px 3px #ebebeb; }

h1.service-h1 { background: #005F99; padding: 10px; color: #fff; text-transform: none; margin-left: 5px; width: 683px; }
#service-header { display: block; width: 680px; height: 111px; background: transparent url(images/service-bg.jpg) no-repeat top left; padding: 4px 26px 28px 5px; margin-bottom: 10px; }
#service-image { display: block; width: 403px; height: 134px; float: left; }
#service-text { font-size: 20px; color: #fff; display: block; float: right; width: 256px; padding: 8px; }


.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }

/* WORDPRESS SPECIFIC IMAGE STYLES */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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

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

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */