/* -------------------------------------------------------------- 

	Theme Name: OpenPaths
	Theme URI: http://www.openpaths.org
	Description: The theme for the OpenPaths.org
	Author: Ethan Marsh
	Author URI: http://www.emdsgn.com
	Version: 1.0
	Tags: wordpress, theme, openpaths

-------------------------------------------------------------- */




/* RESETS */

html, body, div, span, applet, object, iframe, p, blockquote, pre, 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 { padding: 0; border: 0; outline: 0; font-size: 100%; margin: 0 0 0 0; 	/*width: auto;  disabled--messes up image placeholder size*/ 
}
body { line-height: 1;}
ol, ul { list-style-type: none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none;}
:focus { outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5{margin:0; padding:0;}




/* PRIMARY STRUCTURE */

* { margin: 0; } 
html, body { height: 100%;  } 

#wrapper { width: 100%; z-index: 100; background-image: url(images/bkgd-swirls-bottom.jpg); background-repeat: no-repeat; background-position: 30px bottom; overflow: visible; } 
#wrapper-old { width: 1030px; left: 50%; position: absolute; margin-left: -515px; z-index: 100; background-image: url(images/bkgd-swirls-bottom.jpg); background-repeat: no-repeat; background-position: 30px bottom; overflow: visible; } 
#header { width: 930px; height: 180px; clear: both; margin-left: -465px; position: relative; left: 50%; } 

#page { width: 930px; clear: both; margin-left: -465px; left: 50%; position: relative; } 
#page-title { text-align: center; } 

#sidebar { width: 220px; float: left; padding: 20px 20px 20px 20px; min-height: 200px; background-color: #E4E4E4; margin: 40px 0 80px 70px; font-size: 14px; line-height: 18px; } 
#content { width: 670px; float: left; min-height: 400px; padding-bottom: 15px; } 

#footer { width: 930px; clear: both; height: 50px; text-align: center; margin-left: -465px; left: 50%; position: relative; } 

#background-top { width: 100%; z-index: 0; overflow: visible; background-color: #FFFFFF; } 
#background-bottom { width: 100%; z-index: 0; overflow: visible; } 





/* HEADER */

#header-left { float: left; text-align: right; margin: 8px 0 0 0; }

#header-text { float: right; width: 341px; height: 32px; background: url('images/header-text.jpg') no-repeat; margin: 55px 0 0 0; }

#header-right { float: right; width: 780px; margin: 55px 0 0 0; }


/*#navigation-donate{ float: right; width: 83px; }
#navigation-donate ul { padding:0; margin:0; list-style:none; clear: both; }
#navigation-donate li { height:33px; line-height:33px; float:left; padding:0; margin:0; }
#navigation-donate a { height:33px; line-height:33px; display:block; text-decoration:none; }
#navigation-donate a span {display:none;}

#navigation-donate li.donate{ width:83px; }
#navigation-donate li.donate a{ background: url('images/header-donate-blu.jpg') no-repeat; }
#navigation-donate li.donate a:hover{ background: url('images/header-donate-gry.jpg') no-repeat; }
#navigation-donate li.donate a.active{ background: url('images/header-donate-blu.jpg') no-repeat; }
*/

/* NAVIGATION-MAIN */

#navigation-logo{ float: left; width: 146px; }
#navigation-logo ul { padding:0; margin:0; list-style:none; clear: both; }
#navigation-logo li { height:171px; line-height:171px; float:left; padding:0; margin:0; }
#navigation-logo a { height:171px; line-height:171px; display:block; text-decoration:none; }
#navigation-logo a span {display:none;}


#navigation-logo li.logo{ width:146px; }
#navigation-logo li.logo a{ background: url('images/header-logo-blu.jpg') no-repeat; }
#navigation-logo li.logo a:hover{ background: url('images/header-logo-blu.jpg') no-repeat; }
#navigation-logo li.logo a.active{ background: url('images/header-logo-blu.jpg') no-repeat; }



#navigation-main{ font-size: 14px; font-weight: bold; }
#navigation-main ul { padding:0 0 0 0; margin:0; list-style:none; float: right; }
#navigation-main li { height:33px; line-height:33px; float:left; padding: 0 0 0 0; border-right: solid #CCCCCC 1px; overflow: hidden; }
#navigation-main a { height:33px; line-height:33px; display:block; padding: 0 0 0 7px; text-decoration:none; }
#navigation-main a span { }

/*
#navigation-main li.home{ width: 60px; }
#navigation-main li.home a{ color: #999999; }
#navigation-main li.home a:hover{ color: #FFF; font-style: italic; background-color: #999999; }
#navigation-main li.home a.active{ color: #999999; }
*/

#navigation-main li.aboutus{ width: 80px; }
#navigation-main li.aboutus a{ color: #737373; }
#navigation-main li.aboutus a:hover{ color: #FFF; font-style: italic; background-color: #999999; }
#navigation-main li.aboutus a.active{ color: #FFF; font-style: italic; background-color: #999999; }

#navigation-main li.services{ width: 75px; }
#navigation-main li.services a{ color: #737373; }
#navigation-main li.services a:hover{ color: #FFF; font-style: italic; background-color: #999999; }
#navigation-main li.services a.active{ color: #FFF; font-style: italic; background-color: #999999; }

#navigation-main li.trainingopportunities{ width: 75px; }
#navigation-main li.trainingopportunities a{ color: #737373; }
#navigation-main li.trainingopportunities a:hover{ color: #FFF; font-style: italic; background-color: #999999; }
#navigation-main li.trainingopportunities a.active{ color: #FFF; font-style: italic; background-color: #999999; }

#navigation-main li.howyoucanhelp{ width: 145px; }
#navigation-main li.howyoucanhelp a{ color: #737373; }
#navigation-main li.howyoucanhelp a:hover{ color: #FFF; font-style: italic; background-color: #999999; }
#navigation-main li.howyoucanhelp a.active{ color: #FFF; font-style: italic; background-color: #999999; }

#navigation-main li.resources{ width: 90px; }
#navigation-main li.resources a{ color: #737373; }
#navigation-main li.resources a:hover{ color: #FFF; font-style: italic; background-color: #999999; }
#navigation-main li.resources a.active{ color: #FFF; font-style: italic; background-color: #999999; }

#navigation-main li.spanishpage{ width: 110px; }
#navigation-main li.spanishpage a{ color: #737373; }
#navigation-main li.spanishpage a:hover{ color: #FFF; font-style: italic; background-color: #999999; }
#navigation-main li.spanishpage a.active{ color: #FFF; font-style: italic; background-color: #999999; }

/*#navigation-main li.publications{ width: 110px; border-right: none; }
#navigation-main li.publications a{ color: #737373; }
#navigation-main li.publications a:hover{ color: #FFF; font-style: italic; background-color: #999999; }
#navigation-main li.publications a.active{ color: #FFF; font-style: italic; background-color: #999999; }
*/
#navigation-main li.donate{ width:83px; height: 33px; border-right: none; }
#navigation-main li.donate a{ background: url('images/header-donate-blu.jpg') no-repeat; }
#navigation-main li.donate a:hover{ background: url('images/header-donate-gry.jpg') no-repeat; }
#navigation-main li.donate a.active{ background: url('images/header-donate-blu.jpg') no-repeat; }







/*SIDEBAR*/

#sidebar h3 { border-bottom: solid #C8C8C8 3px; line-height: 1.2em; margin-bottom: 15px; }
#sidebar li { margin-bottom: 10px; }
#sidebar li ul { margin-left: 20px; }
#sidebar li ul li { margin-bottom: 0px; list-style-type: disc; font-size: 12px; }


#sidebar-header { width: 200px; height: 24px; float: left; margin: 0; background:url('images/bkgd-sidebar-top.jpg') no-repeat; }
#sidebar-title { height: 58px; clear: both; margin: 0; text-align: center; }
#sidebar-content { float: left; margin: 0px 15px 20px 15px; padding: 0; width: 170px; }
#sidebar-content-vendors { float: left; margin: 0px 15px 20px 15px; padding: 0; width: 180px; }
#sidebar-content-home { float: left; margin: 0px 15px 15px 15px; padding: 0; width: 170px; height: 270px; }
#sidebar-content-home p{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; }
#sidebar-content-home-vendors { float: left; margin: 0px 5px 15px 15px; padding: 0; width: 180px; height: 270px; }
#sidebar-block-search { width: 150px; float: left; margin: 0; padding: 0; height: 100px; }
#sidebar-footer { width: 200px; height: 24px; float: left; margin: 0 0 30px 0; background:url('images/bkgd-sidebar-btm.jpg') no-repeat; }

#sidebar-link { width: 180px; margin: 0; text-align: right; padding-right: 15px; font-size: 10px; }
#sidebar-link a{ font-size: 11px; color: #B86382; }
#sidebar-link a:hover{ bold; color: #000; }

#sidebar-content a { color: #B86382; }
#sidebar-content a:hover { color: #000; }

#sidebar-content-home a { color: #B86382; }
#sidebar-content-home a:hover { color: #000; }



#sidebar-text { color: #000; font-size: 10px; margin: 0px 15px 20px 15px; }
#sidebar-text a { font-size: 10px; color: #B86382; letter-spacing: 0.2em; }
#sidebar-text a:hover { color: #000; }

#sidebar-text h1 { font-size: 10px; font-weight: bold; }
#sidebar-text h1 a { font-size: 11px; font-weight: bold; color: #B86382; letter-spacing: 1px; margin: 0; padding: 0; padding-top: 0px; line-height: 14px; }
#sidebar-text h1 a:hover { color: #000; }

#sidebar-tags { text-align: right; color: #000; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 5px; font-size: 10px; line-height: 1.7em; }
#sidebar-tags li { margin-top: 7px; }

#sidebar-post-date { margin: 0 0 5px 0; }



#sidebar-categories { margin: 0 0 0 10px; font-size: 13px; line-height: 20px; }
#sidebar-categories li { margin-bottom: 5px;  }

#sidebar-readmore { margin-top: 3px; float: left; position: relative; width: 57px; height: 14px; margin-left: 5px; }
#sidebar-data { margin-right: 5px; margin-bottom: 3px; padding: 1px; word-wrap: break-word; }
#sidebar-excerpt p{ font-size: 10px; }
#sidebar-share { float: right; }

#sidebar-title-search { text-align: right; margin-top: 3px; margin-right: 6px; float: right; }
#search { margin-bottom: 20px; margin-top: 10px; }






/*CONTENT*/

/*#content { color: #000; }
#content h1{ color: #B86382; }
#content h2{ color: #B86382; }
#content h3{ color: #B86382; line-height: 30px; }
#content h4{  }
#content h5{ color: #B86382; margin-top: 10px; }
#content a:link { text-decoration: none; color: #B86382; border: 0; }
#content a:hover { text-decoration: none; color: #FEE15C; }
#content a:visited { text-decoration: none; color: #B86382; }
#content a:visited:hover { text-decoration: none; color: #FEE15C; }

#content-header { width: 670px; height: 42px; float: left; margin: 0; background:url('images/bkgd-content-top.jpg') no-repeat; }
#content-mid { width: 670px; background:url('images/bkgd-content-mid.jpg'); padding-bottom: 15px; }
#content-footer { width: 670px; height: 42px; float: left; margin: 0; background:url('images/bkgd-content-btm.jpg') no-repeat; }
*/


#content-head { width: 900px; float:left; padding: 40px 10px 40px 20px; /*border-bottom: solid #CCCCCC 1px;*/ clear: both; }
#content-head h1 { font-weight: normal; }
#content-head p { font-size: 16px; line-height: 20px; }
#content-head img { }

#content-head-home { width: 900px; float:left; clear: both; padding: 40px 10px 40px 20px; border-bottom: solid #CCCCCC 1px; }
#content-head-home h1 { font-weight: normal; }
#content-head-home p { font-size: 16px; line-height: 20px; }
#content-head-home img { }

#content-head-image { margin: 0 20px 0 0; float: left; }
#content-head-page-title { float: left; }
#content-head-page-title img { margin: 0 20px 0 0; float: left; clear: none;}
#content-head-home-title { float: left; width: 290px; }
#content-head-noimage { margin: 0 20px 0 85px; }

#content-features { width: 1000px; clear: both; margin: 15px 0 50px 0; padding: 0 0 40px 30px; } 
#content-features-panel { width: 215px; float: left; margin: 13px 0 40px 0; padding: 20px 40px 20px 40px; border-right: solid #CCCCCC 1px; min-height: 450px; } 
#content-features-panel-end { width: 215px; float: left; margin: 13px 0 40px 0; padding: 20px 40px 20px 40px; } 

#cateogrylist {padding:0; margin:0;	white-space:nowrap; list-style-type: none; float: left; }
#cateogrylist li{display: inline; float: left; padding: 50px; }

#content-single { }
#content-panel { margin-left: 20px; float: left; margin-bottom: 30px; }
#content-nav a { height:14px; display:block; text-decoration:none; }


#post-navigation{ clear: both; height: 14px; margin: 0 0 0 0; }
#post-prev{ width: 200px; float: left; height: 14px; }
#post-next{ width: 202px; float: right; height: 14px; text-align: right; }


#post { float: left; width: 730px; margin: 0 0 80px 130px; }
#post ul{ list-style:none; margin: 0px; }
#post li{ clear: both; }

#post-date { margin-bottom: 5px; font-size: 14px; }

#post-entry { margin: 5px 10px 10px 10px; }

#post-break { text-align: center; }

#post-brief { margin-right: 5px; top: 149px; position: absolute; float: left; z-index: 20; margin-top: 200px; margin-left: 5px; }
#post-brief ul{ list-style:none; line-height:1; }
#post-brief li{ margin-bottom: 10px; }

#post-brief-share { float: left; }

#post-category-image { float: left; width: 150px; height: 100px; }
/*#post-category-image a { float: left; width: 150px; min-height: 100px; border: solid #242420 1px; }
#post-category-image a:hover { float: left; width: 150px; min-height: 100px; border: solid #7C8700 1px; }*/
#post-category-data { float: left; width: 480px; margin-left: 10px; }

#post-metadata { margin-top: 3px; margin-left: 10px; }
#post-metadata-share { float: left; margin-right: 20px; }
#post-metadata-tags { float: left; margin-top: 3px; margin-left: 10px; color: #B86382;}

#post-img { position: absolute; float: left; margin-top: -178px; z-index: 30; top: 178px; }

#post-data { margin-left: 10px; margin-bottom: 3px; }


#comment { margin: 0 0 20px 0; }
#comment li{ margin: 20px 0 20px 0; }
#comment-metadata { line-height: 25px;}
#comment-author vcard { font-size: 13px; margin: 20px 0 0 0; }


#links { float: left; width: 155px; margin-right: 7px; margin-bottom: 10px; }
#links ul{ float: left; margin-top: 5px; margin-left: 10px; margin-bottom: 10px; }
#links li{ float: left; margin-bottom: 10px; }


#postList { width: 110px; 
	float: left; height: 520px; top: 40%; overflow: scroll; margin-top: -305px;/* half of the height */ position: relative; }
#postList li { margin-bottom: 15px; }







/* FOOTER */

#footer-nav { text-align: center; }

#footer-copyright { margin: 15px 0 0 0; text-align: center; }





/* TYPOGRAPHY & COLORS */

body, html { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0; color: #999999; background-color: #F4F7F8; }

html { overflow: scroll; }

p { font-size: 14px; line-height: 16px; }
h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; } 
h1 { font-size: 36px; line-height: 1.2em; color: #0083a9; margin-bottom: 20px; }
h2 { font-size: 24px; line-height: 1.2em; margin-bottom: 15px; }
h3 { font-size: 18px; line-height: 1.2em; color: #737373; margin-bottom: 10px; }
h4 { font-size: 14px; line-height: 1.2em; }
h5 { font-size: 11px; line-height: 1.2em; }
a:link { text-decoration: underline; color: #999999; border: 0; }
a:hover { text-decoration: underline; color: #0083a9; }
a:visited { text-decoration: underline; color: #999999; }
a:visited:hover { text-decoration: underline; color: #0083a9; }

h3 a:link { text-decoration: none; color: #737373; border: 0; }
h3 a:hover { text-decoration: none; color: #0083a9; }
h3 a:visited { text-decoration: none; color: #737373; }
h3 a:visited:hover { text-decoration: none; color: #0083a9; }


.texta { font-size: 11px; color: #000000; width: 140px; margin: 0 20px 0 0; }
.texta-browse { font-size: 11px; color: #000000; width: 400px; margin: 0 10px 0 0; }

.buttons { font-size: 11px; color: #FFFFFF; background-color: #999999; border: 0; padding: 2px 0 2px 0; font-weight: bold; margin-top: 5px; }