/*COLORS --------------------------------------
         
         YELLOW      #ebca1b
         LIGHT YLW   #efd54b
         TEAL        #499797
         BLUE        #055657
         DARK GREY   #9b9f9f
         LIGHT GREY  #fafafa
*/

/*REST -----------------------------------------------*/
/*MEYERS RESET*/
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-size: 100%;vertical-align: baseline;background: transparent; text-decoration:none;}

body {line-height: 1; }

ol, ul {list-style: none;}


body             {background-color:#fafafa; }
ul               {list-style:none; }
a, img           {outline:none; text-decoration:none; border:none; color:#499797; }
/*a img:hover      {-moz-opacity: .70; opacity: .70;  }*/
::selection      {background: #9cbbbb; /* Safari */}
::-moz-selection {background: #9cbbbb; /* Firefox */}
img.thumb        {border:2px solid #9b9f9f;padding:3px 3px 3px 3px; margin:12px 10px 2px 2px; float:left;}

/*PAGE WRAP AND TITLE BOX-----------------------------------------------------------------------------*/

#page-wrap       {position:relative; width:900px; margin: 0 auto; text-align:left; padding:0 0 0 50px;}
#title-box       {margin:30px 0px 0px 0px ; padding:0px 0px 0px 0px; width:900px; height:247px; background:url(http://bepeace.org/images/leaf2.png) no-repeat;}
h1.title-box     {padding:0 0 2px 150px; font-size:46px; }
#title-box p     {font: 18px georgia, times, serif; line-height:35px; padding:0px 0px 0px 155px; width:567px; color:#676767;}

/*MAIN NAV------------------------------------------------------------------------*/
/*#header                {height:110px; background-color: #ebca1b; margin:0; width:100%; min-width:1100px;}*/
h1.logo                  {text-indent:-9999px; background:url(http://bepeace.org/images/logo.png)no-repeat; width:255px; height:72px;  }
#nav                     {min-width:700px; height:140px; margin:0; padding:0 0 0 350px; background: #9cbbbb url(http://bepeace.org/images/header1.jpg) no-repeat;}
#nav li                  {float:left; margin:60px 0 0 0px;}
#nav li a                {padding:20px 0 0 0; display:block; height:60px; width:105px; margin:0px 17px 0px 0px;  font:15px georgia, times, serif; letter-spacing:2px; text-transform:uppercase; color: #055657; text-align:center; }
#nav li a:hover          {background-color: rgb(151,195,201); background-color:rgba(151,195,201,.4); color:#fafafa;}
#nav li.current_page_item  a        {background-color:#fafafa; color:#055657;}
#nav li.current_page_item  a:hover  {background-color:#fafafa; color:#055657;}


/*TYPOGRAPHY---------------------------------------------------------------------------*/

h1                  {font: 33px Georgia, times, serif; color:#055657;}
h2                  {font: 17px georgia, times, serif; letter-spacing:2px; text-transform:uppercase; text-align:center; color:#055657;  padding:5px 0px 2px 0px;}
h3                  {font: 17px georgia, times, serif; letter-spacing:0px; color:#055657; padding:13px 0 6px 0;}
h4                  {color:#055657; font:11px verdana, arial, sans-serif; padding:0px; margin:0px;}

/*CONTENT------------------------------------------------------------------------------*/
#post-area          {width:560px; margin:30px 0 0 0 ; float:left;}
.post               {width:560px; margin: 0 0 40px 0; clear:both; } 
.date               {width:60px; height:50px; display:inline; float:left; font:19px georgia, times, serif; color:#9b9f9f;  text-align:center;   background-color:#f2f4f4;  margin:0px 15px 0 0;  -webkit-border-bottom-right-radius: 8px 8px; -webkit-border-top-right-radius: 8px 8px; -webkit-border-top-left-radius: 8px 8px; -webkit-border-bottom-left-radius: 8px 8px; -moz-border-radius-topright: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;}
.post-title         {width:500px; font:25px georgia, times, serif; color:#499797; display:inline; background:#fafafa;  padding:5px 0px 5px 0px; text-align:left;}
.post-title a:hover {color:#ebca1b; /*border-bottom:1px dotted #ebca1b;*/ padding:0;}
.meta               {font:11px verdana, arial, sans-serif; color:#9b9f9f; padding:0px 0px 0px 0px; width:560px; display:inline; }
.meta a             {color:#ebca1b;}
.meta a:hover       {color:#ebca1b; /*border-bottom:1px dotted #ebca1b;*/}
.post-p             {width:560px; padding:15px 20px 15px 0px; font: 12px verdana, arial, sans-serif; line-height:22px; color:#676767;}
.read-more a        {float:left; color:#ebca1b; font-size:13px; width:80px;}
.frill              {background:url(http://bepeace.org/frill.png) no-repeat; width:32px; height:27px; margin:0 auto;  }
.comments           {clear:both; color:#ebca1b; font:12px verdana, arial, sans-serif; padding:2px; font-weight:normal;}
.comments a         {color:#499797; font:11px verdana, arial, sans-serif;}
.comments a:hover   {color:#ebca1b; border-bottom:1px dotted #ebca1b;}
blockquote          {padding:0 0 0 20px; color:#055657; }

/*COMMENTS --------------------------------------------------------------------------------*/                                                                          
#comments li.odd    {list-style:none;  border:1px solid #ebca1b; padding:10px; margin:10px 0 5px 0;}
#comments li.even   {list-style:none;  border:2px solid #efd54b; padding:10px; margin:10px 0 5px 0; background-color:#f8f6f6 }
.comment-text       {margin:4px 0 0 0 ; color:#676767; font:11px verdana, arial, sans-serif; line-height:20px; }
.comment-date       {margin:4px 0 0 10px ; color:#9b9f9f; font:11px verdana, arial, sans-serif;}
.comment-author     {color:#055657; font:16px verdana, arial, sans-serif; margin:0; padding:0; line-height:20px;}
.input-form         {color:#055657; font:11px verdana, arial, sans-serif;}
.gravatar img       {vertical-align:bottom;}
.comment-meta       { }

.comment-name, .comment-email, .comment-url, .comment-area                          {font: 12px verdana, arial, sans-serif; color:#676767; padding:5px 5px 5px 5px; border:1px solid #efd54b; background-color:#fafafa;}
.comment-name:focus, .comment-email:focus, .comment-url:focus, .comment-area:focus  {font: 12px verdana, arial, sans-serif; color:#676767;  border:2px solid #ebca1b; background-color:#ffffff;}
.highlight          {padding:10px; margin:10px 0 5px 0px; border:2px solid #efd54b; }
.submit             {background:url(http://bepeace.org/images/button.png)no-repeat; border:none; width:137px; height:61px;  color:#499797; font:25px georgia, times,serif; cursor:pointer;}

/*SIDEBAR---------------------------------------------------------------------------------*/

#sidebar                                                 {width:260px; position:absolute; top:50px; left:680px;}
#sidebar1                                                {width:260px; position:absolute; top:245px; left:680px;}
.widget                                                  {width:255px; background:url(http://bepeace.org/images/box.png) repeat-y; padding:0 5px 0 0 ;}
.widget li                                               {clear:both; width:250px; padding:3px 9px 5px 25px; color:#499797; font:13px tahoma, arial, sans-serif; }
.widget li a:hover                                       {color:#ebca1b; border-bottom:1px dotted #ebca1b;}
.widgettitle h2                                          {position:relative; margin:0 0 2px 5px;  top:0px; font:16px georgia, times, serif; letter-spacing:1px; text-transform:uppercase; display:inline;}                                                      
.top-box                                                 {background:url(http://bepeace.org/images/topbox.png)no-repeat; width:244px; height:10px; margin:10px 0px 0px 0px;}
.bottom-box                                              {background:url(http://bepeace.org/images/bottombox.png)no-repeat; width:244px; height:10px; margin:0px 0px 0px 1px;}
#searchform                                              {padding:20px 10px 0 20px; height:50px; width:200px;}
.screen-reader-text                                      {display:none;}
#s                                                       {height:25px; width:130px; border:2px solid #efd54b; background:#fafafa; font: 14px verdana, arial, sans-serif; color:#676767; padding: 7px 2px 0 3px; position:absolute; top:48px; }
#searchsubmit                                            {width:62px; height:47px; border:none; background:url(http://bepeace.org/images/searchbutton.png) 0 10px no-repeat; cursor:pointer; position:absolute; top:40px; left:170px;}

/*FOOTER----------------------------------------------------------------------------------*/
#clear                            {clear:both; }                                                         
#footer-top                       {width:100%; background:#b5d8db; height:315px; border-top:2px solid #3c929a;} 
#footer                           {background:url(http://bepeace.org/images/footer3.jpg) no-repeat; width:901px; margin:0 auto; clear:both; height:315px;}
#submit-footer                    {position:relative; top:69px; left:259px; width:500px;  }
#submit-footer li a               {font:36px Georgia, times, serif; color:#fafafa; padding:0 0 3px 0;}
#submit-footer li a:hover         {color:#efd54b; border-bottom:2px dotted #efd54b;}
#footer-nav ul            {width:800px; float:left; margin:120px 0 0 100px;  list-style:none; display:table;  font-size:0.9em;  }
#footer-nav li            {display:inline; }
#footer-nav li a          {display:inline; float:left; height:30px; color:#055657; text-decoration:none; letter-spacing:2px; font-family:georgia, times, serif; font-weight:normal;font-size:16px; text-align:center; text-transform:uppercase;  cursor:pointer; padding:15px 30px 0 30px; }
#footer-nav li a:hover    {color:#fafafa;}
.right a                  {border-right:2px solid #055657;}


#footer-bottom ul         {width:420px; margin:10px 0 0 270px; text-align:center;  display:table; padding:30px 0 0 0;  position:relative; float:left;}

#footer-bottom li         {display:inline;}
#footer-bottom li h3      {color:#626262; text-transform:uppercase; font-size:10px;}
#footer-bottom li a       {color:#055657; }
#footer-bottom li a:hover {color:#ebca1b; }
#footer-bottom li h4      {color:#626262; text-transform:uppercase; font-size:10px; font-weight:normal;}

#submit-form              {margin:50px 0 0 0; padding:0px 0 0 0px; }
#space                    {display:block; height:250px; width:560px; }
.space                    {display:block; height:250px; width:560px; }
.clear                    {clear:both; }