/*
Theme Name: Working Smarter
Theme URI: http://wordpress.org/
Description: Custom theme for UC Working Smarter
Author: afmangum
Version: 1.1
Tags: 
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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,
b, u, i, center,
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;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
:focus {
	outline: 0;
}
/* =Layout
-------------------------------------------------------------- */

#wrapper{
margin: 0 auto;
width: 900px;
padding: 50px 30px 0 30px;
}


/* =Fonts
-------------------------------------------------------------- */



/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
.screen-reader-text{
width: 0;
height: 0;
position: absolute;
overflow: hidden;
}
.col{
float:left;
}
.row:after,
.group:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* .group fix for IE6 */
html .row,
html .group{
	height:1%;
}
/* .group fix for IE7 */
*:first-child+html .row,
*:first-child+html .group{
	min-height:1px;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */

body{
background: url(images/bg_top_gradient.jpg) top left repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height: 1.35em;
color: #656a5c;
}

/* Subheader */

#subhead-2{
font-size: 1.75em;
}

#subhead-2 h2{
color: #656a5c;
line-height: 1.1em;
}

/* Side-nav */

#side-nav a{
color: #656a5c;
text-decoration: none;
line-height: 1.25em;
}

#side-nav a:hover{
text-decoration: underline;
}

/* Home page */

.callout{
font-size: 1.15em;
line-height: 1.5em;
}

.callout,
.callout a,
.project-snippet{
color: #fff;
}

#home-callout-4 h2{
font-size: 1.5em;
}

#home-callout-4 h2 a{
color: #6c5404;
text-decoration: none;
}

#home-callout-4 h2 a:hover{
text-decoration: underline;
}

#home-callout-5{
font-size: inherit;
line-height: inherit;
color: #656A5C;
}

.update-snippet-date{
font-size: 0.95em;
font-weight: bold;
color: #ACC089;
}

.update-snippet a{
color: #869aa1;
font-weight: bold;
}

/* Projects page */

#intro,
.overview{
font-size: 1.35em;
line-height: 1.45em;
}

.project-snippet h4 a{
font-size: 1.15em;
font-weight: normal;
text-decoration: none;
color: #435459;
}

.project-snippet h4 a:hover{
text-decoration: underline;
}

.project-snippet p.more a{
color: #435459;
}

/* Project pages */

a{
color: #869aa1;
}

#content h3{
font-size: 1.45em;
}

#content #news h3{
font-size: 1em;
font-weight: bold;
}

p.more{
font-size: 0.9em;
}

.callout p.more{
font-size: 0.8em;    
}

#content dl dt{
font-size: 1.1em;
font-weight: bold;
}

em{
font-style: italic;
}

strong{
font-weight: bold;
}

#side-nav a{
padding: 10px 0;
}

.term{
font-weight: bold;
}



/* =Header
-------------------------------------------------------------- */
#logo{
padding-right: 35px;
}
#logo a{
display: block;
width: 111px;
height: 0px;
padding-top: 53px;
background: url(images/logo_uc.png) top left no-repeat;
overflow: hidden;
}
#masthead h1 a{
display: block;
width: 269px;
height: 0px;
padding-top: 21px;
background: url(images/h_working_smarter.png) top left no-repeat;
overflow: hidden;
}
#masthead h1{
padding-bottom: 18px;
}
#header{
padding-bottom: 50px;
}
/* =Menu
-------------------------------------------------------------- */
.menu li{
	float: left;
}
.menu li a{
display: block;
height: 0;
padding-top: 24px;
overflow: hidden;
}
#menu-primary-navigation-1{
margin-left:-5px;
}
#menu-primary-navigation-1 a{
margin:1px;
/*background-position-y: center;*/
}
#menu-primary-navigation-1 a:hover,
#menu-primary-navigation-1 .current-menu-item a,
#menu-primary-navigation-1 .current-page-ancestor a{
border: #93ac3f solid 1px;
margin:0px;

}
.nav-home a{
width: 50px;
background: url(images/b_home_up.png) top left no-repeat;
}
.nav-about a{
width: 52px;
background: url(images/b_about_up.png) top left no-repeat;
}
.nav-projects a{
width: 69px;
background: url(images/b_projects_up.png) top left no-repeat;
}
.nav-campus-efforts a{
width: 118px;
background: url(images/b_campus_efforts_up.png) top left no-repeat;
}
.nav-fiscal-impact a{
width: 99px;
background: url(images/b_fiscal_impact_up.png) top left no-repeat;
}
.nav-updates a{
width: 66px;
background: url(images/b_updates_up.png) top left no-repeat;
}
.nav-your-ideas a{
width: 85px;
background: url(images/b_your_ideas_up.png) top left no-repeat;
}
.nav-rss a{
width: 34px !important;
padding-top: 34px !important;
background: url(images/b_rss_up.gif) top left no-repeat;
}

.nav-rss a,
.nav-rss a:hover{
margin: -5px 0 0 15px !important;
border: none !important;
position: relative !important; /* ie6 bug fix: element w/background and negative margin */
}

/* =Subhead
-------------------------------------------------------------- */
#subhead{
border-top: #c9d5b9 solid 1px;
padding: 15px 0 0 0;
height: 100px;
}
#subhead.projects{
height: auto;
margin-bottom: 40px;
}
#subhead-1{
width: 210px;
margin-right: 15px;
margin-bottom: 35px;
}
#subhead-1 h2{
width: 166px;
height: 0;
padding: 25px 0 0;

overflow: hidden;

}

#subhead-1.about h2{
background: url(images/h_about.png) top left no-repeat;
}

#subhead-1.projects h2{
background: url(images/h_projects.png) top left no-repeat;
}

#subhead-1.campus-efforts h2{
background: url(images/h_campus_efforts.png) top left no-repeat;
}

#subhead-1.fiscal-impact h2{
background: url(images/h_fiscal_impact.png) top left no-repeat;
}

#subhead-1.updates h2{
background: url(images/h_updates.png) top left no-repeat;
}

#subhead-1.your-ideas h2{
background: url(images/h_your_ideas.png) top left no-repeat;
}

#intro{
width: 590px;
}

#intro p{
width: 90%;
}

#subhead-callout-1{
background: #a5ac99;
width:270px;
}

#subhead-callout-1 h3{
width: 68px;
height: 0;
padding-top: 13px;
margin-bottom: 20px;
overflow: hidden;
background: url(images/h_your_ideas.gif) top left no-repeat;
}

/* =Content
-------------------------------------------------------------- */


#content-body p,
#content-body ol,
#content-body ul{
margin-bottom: 15px;
}

#content-body ol,
#content-body ul{
margin-left: 30px;
}

#content-body ul{
list-style: disc;
}

#content .overview{
margin-bottom: 30px;
}

#content h2{
padding-bottom: 20px;
}

#content h3{
margin-bottom: 65px;
}

#news h3{
border-top: solid 4px #cacac4;
padding: 10px 0;
margin-bottom: 0;
}

.update-snippet-date{
width: 85px;
}

.content-body{
padding: 0 0 15px 0;
}

#content.col-2{
width: 675px;
border-top: solid 4px #aaccd7;
padding-top: 10px;
}

#content h3.has-subtext{
margin-bottom: 30px;
}

#content.col-2 .overview{ 
width:75%;
}

#content-body .row:first-child,
.top-border{
border-top: solid 1px #aaccd7;
padding-top: 10px;
}

.row{
border-bottom: solid 1px #aaccd7;
padding-top: 10px;
}

.term{
float: left;
width: 165px;
padding-right: 50px;
}

.def{
float: left;
width: 400px;
} 

.col-1 .def{
width: 685px;
}

.col-2 .def{
width: 460px;
}

/* ------ TEMPORARY SECTION, REMOVE AFTER THEME AND PAGE HTML UPDATED -----------*/
#content dt,
#content dd{
border-top: solid 1px #aaccd7;
padding-top: 10px;

}

#content dt{
float: left;
width: 165px;
padding-right: 50px;

}

#content dd{
float: left;
width: 400px;
} 

#content.col-1 dd{
width: 685px;
}

#content.col-2 dd{
width: 460px;
}
/* ------------ END TEMPORARY SECTION -----------------*/

#content p.bio{
margin-top: -8px;
}

.callout{
padding: 20px 20px 25px 20px;

float: left;
display:inline; /* This fixes the ie6 double-margin bug */
}

p.more{
margin: 20px 0 0 0 !important;
}


#home-callout-1{
width: 480px;
background: #8fabb4;
}

#home-callout-1 h3{
width: 31px;
height: 0px;
padding-top: 16px;
margin-bottom: 20px;
overflow: hidden;
background: url(images/h_why.gif) top left no-repeat;
}

#home-callout-1 p{
width: 85%;
}

#home-callout-2{
margin: 55px 0 0 -9px;
width: 270px;
background: #a5ac99 url(images/bg_home_callout_2.gif) top left repeat-y;
}

#home-callout-2 h3{
width: 68px;
height: 0;
padding-top: 13px;
overflow: hidden;
background: url(images/h_your_ideas.gif) top left no-repeat;
margin-bottom: 20px;
}

#home-callout-3{
margin: -9px 0 0 220px;
/*width: 635px;*/
width: 660px;
padding: 0 0 30px 20px;

/*
padding-bottom: 30px;*/
background: #d3dcc6 url(images/bg_home_callout_3.png) top left no-repeat;

}

#home-callout-3 h3{
width: 88px;
height: 0;
padding-top: 16px;
margin-bottom: 35px;
overflow: hidden;
background: url(images/h_fiscal_impact.gif) top left no-repeat;
}
 
#home-callout-3 img{
display: block;
}


#home-callout-4{
width: 330px;
margin-top: -9px;
background: #f8a92c url(images/bg_home_callout_4.gif) top right no-repeat;
}

#home-callout-4 h3{
width: 109px;
height: 0;
padding-top: 16px;
margin-bottom: 20px;
overflow: hidden;
background: url(images/h_featured_project.gif) top left no-repeat;
}

#home-callout-4 p{
width: 95%;
}

#home-callout-5{
width: 510px;
padding: 20px 0px 0px 20px;

}

#home-callout-5 h3{
width: 55px;
height: 0;
padding-top: 16px;
margin-bottom: 20px;
overflow: hidden;
background: url(images/h_updates.gif) top left no-repeat;
}

#home-callout-5 li,
#news li{
border-top: #d0d0d0 solid 1px;
padding-top: 10px;
}

#news li,
.img-only-content{
border-top-color: #aaccd7;
}



.col-1 .update-snippet-content{
width: 815px;
}

.col-2 .update-snippet-content{
width: 590px;
}

#home-callout-5 .update-snippet-content{
width: 425px;
}

.update-snippet h4{
padding-bottom: 10px;
}

.update-snippet-content p{
margin-bottom: 20px !important;
}

ul.projects li{
margin-bottom: 0 !important;
}



.project-snippet{
width: 194px;
padding: 15px;
margin: 0 1px 1px 0;
background: #8fabb4;
}

.project-snippet h4{
width: 75%;
margin-bottom: 15px;

}


/* =Asides
-------------------------------------------------------------- */



/* =Gallery listing
-------------------------------------------------------------- */




/* =Attachment pages
-------------------------------------------------------------- */




/* =Images
-------------------------------------------------------------- */

#content img {
	margin: 0;
	height: auto;
	/*max-width: 640px;*/
	width: auto;
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}


/* =Navigation
-------------------------------------------------------------- */

#side-nav{
width: 210px;
margin-right: 15px;
border-top: solid 4px #aaccd7;
}

#side-nav a{
display: block;
border-bottom: solid 1px #cacac4;
padding: 10px 0;

}

#side-nav a:hover{
text-decoration: underline;
}

#side-nav li.selected a{
padding-left: 10px;
color: #97b5bf;
background: url(images/blt_arrow_green.gif) center left no-repeat;
}

.last,
#side-nav li.last a{
border-bottom: none;
}

/* =Comments
-------------------------------------------------------------- */


/* =Widget Areas
-------------------------------------------------------------- */



/* =Footer
-------------------------------------------------------------- */
#footer{
border-top: solid 4px #cacac4;
margin-top:60px;
padding-bottom: 30px;
}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */