/*
Theme Name: Center for International Understanding
Author: O3 Strategies
Author URI: http://www.o3strategies.com
Template: canvas
Version: 1.0
*/
 
@import url("../canvas/style.css");
body { background: url(images/background.jpg) repeat-x; color: #5a5a5a; font-size: 1.0em; font-family: Arial}
p strong { clear: both; }
/* Positioning */
#wrapper { width: 891px !important; padding: 0 0 40px 0 !important; }
.width-940 .col-full { width: 891px !important; }
#header { height: 128px; padding: 0 !important;}
#fontControls { text-align: right; }
#logo { width: 270px; position: absolute; left: 0; top: 0; }
#search { width: 300px; position: absolute; right: 0; top: 25px; text-align: right;}
#navigation { width: 621px !important; position: absolute; right: 0; top: 66px; border-bottom: 0 !important; border-top: 0 !important; text-align: right; margin-bottom: 0px !important; }
#subnavigation { width: 621px !important; position: absolute; right: 0; top: 104px; }
#content { margin-top: 20px !important;}
#home-container { clear: both; margin-top: 20px; }
.anchor { clear: both;  }
.two-col-left #main-sidebar-container #main { width: 480px !important; padding: 30px 40px;  }
.page { margin: 0 0 40px; }
/* Nav */
.nav { margin: 0 !important; position: absolute !important; right: 0;  }
.subnav { margin: 0 !important; position: absolute !important; left: 0; }
.subnav li { float: left; width: auto; background: url(images/subnav_arrow.png) 0px 2px no-repeat; padding-left: 13px; margin-left: 15px; color: #4c7fd1; text-transform: uppercase; font-size: 12px; font-weight: bold; }
.subnav li a { color: #4c7fd1; text-decoration: none; }

/* Feature */
#feature { border: 2px solid #cbe4fd; position: relative; height: 290px; }
#feature .fimg { float: right; width: 442px; margin-top: -2px; margin-right: -2px;  }
#feature .ftxt { float: left; width: 379px; height: 250px; padding: 20px 20px 20px 50px; background-color: #fff; }
#feature .ftxt h2 { font-size: 26px/28px; margin-bottom: 10px;}
#feature .ftxt h2 span.hl1 { font-weight: bold; color: #ffba00; text-transform: uppercase; font-size: 19px; display: block; }
#feature .ftxt h2.tk-proxima-nova span.hl1 { font-size: 24px; }
#feature .ftxt h2 span.hl2 { font-weight: bold; text-transform: uppercase; font-size: 24px; display: block; }
#feature .ftxt h2.tk-proxima-nova span.hl2 { font-size: 28px; margin-top: 5px; line-height: 26px; color: #000; }
#feature .ftxt p { font: 0.75em/1.4em Arial,sans-serif; margin-bottom: 10px; }
#feature .ftxt a { background: url(images/subnav_arrow.png) 3px 3px no-repeat; padding-left: 13px; }
#feature span.prev { width: 59px; height: 290px; background: url(images/arrow_left.png) no-repeat bottom left; position: absolute; left: 10px; opacity: 0.8; z-index: 10 }
#feature span.next { width: 59px; height: 290px; background: url(images/arrow_right.png) no-repeat bottom right; position: absolute; right: 10px; opacity: 0.8;  z-index: 10}
#feature span:hover { opacity: 1.0; }
#feature span {  }
.scroll { position:relative; overflow:hidden; width: 889px; height: 290px; float:left; }
.scroll .pics { width:20000em; position:absolute; clear:both; z-index: 5}
.pics div.fcontainer { float:left;width:889px; margin:0px; }
.pics a img { border: 0; }
.scroll.active { }

/* Home Layout */
#home-container div { float: left; width: 287px; }
#home-container div.i1 { margin-right: 14px; }
#home-container div.i2 { margin-right: 15px; }
#home-container h1 { width: 288px; height: 29px; text-indent: -9999px; margin: 0; padding: 0; }
#home-container h1 a { display: block; height: 29px; width: 288px; }
#home-container div.i1 h1 { background: url(images/header_current_leaders.png) no-repeat; }
#home-container div.i2 h1 { background: url(images/header_future_leaders.png) no-repeat; }
#home-container div.i3 h1 { background: url(images/header_directors_blog.png) no-repeat; }
#home-container div div.itxt { width: 249px; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; padding: 22px 18px 45px 18px; position: relative;  }
#home-container div div.itxt img.readmore { position: absolute; left: 0; bottom: 0; }
#home-container div div.itxt p { font: 0.75em/1.4em Arial,sans-serif}

/* Did You Know */
#did-you-know { height: 73px; background: url(images/did_you_know.png) no-repeat; position: relative; }
#did-you-know .dyk-text { position: absolute; width: 618px; padding: 0 10px; height: 69px; text-align: center; top: 2px; right: 0px; }
#did-you-know span { display: block;  color: #97b6e6;}
#did-you-know span.dyk-content { font-size: 19px; }
#did-you-know span.dyk-source { font-size: 10px; margin-top: 5px; }

/* Footer */
#footer { background: url(images/background_footer.png) #757575 repeat-x; font-size: 12px; color: #fff; }
ul.f-nav { margin: 0; padding: 0; }
ul.f-nav li { float: left;  }
ul.f-nav li a { color: #fff; text-transform: uppercase; text-decoration: none;padding-right: 10px; font-size: 12px; }

/* Widgets */
.widget { font-size: 0.75em; line-height: 1.4em;   }
.widget div { border: 1px solid #F3F3F3; padding: 15px 25px 15px 25px; }
.widget h3 { display: block; width: 300px; height: 29px; text-indent: -9999px; padding: 0 !important; margin: 0 !important; border-bottom: 0 !important;  }
.widget.voices h3 { background: url(images/widget_voices.png) no-repeat; }
.widget.newsletter h3 {background: url(images/widget_newsletter.png) no-repeat; }
.widget.donate h3 { background: url(images/widget_donate.png) no-repeat; }
.widget.blog h3 {background: url(images/widget_blog.png) no-repeat; }
.widget.blog ul { list-style-type: none; padding: 0; margin: 0; }
.widget.blog ul li { padding: 0 0 8px 0; }
.widget.blog ul li span { font-style: italic; font-size: 0.8em; display: block;  }
.widget .text { padding: 3px; margin: 5px 0 5px 0 !important; } 

/* Posts */
div.post, div.page { font-size: 1.0em; line-height: 1.4em;}
h1.title { color: #000 !important; }
div#main { border: 2px solid #cae4fd; font-size: 0.8em; line-height: 1.4em; }

input.error { background: url(images/error.png) no-repeat center right; }

ul.form { list-style-type: none; margin: 0; padding: 0 }
ul.form li { padding: 5px 0; list-style-type: none; }
ul.form label { display: block; font-style: italic; }

.page-template-page-100width-php #wrapper { width: 100% !important; padding: 0 !important; }
.page-template-page-100width-php #content { }
.page-template-page-100width-php #main { border: none; }