/* This is the custom LPNet CSS stylesheet.
 * Prepend lpn_ to the beginning of custom selectors for readibility.
 * This stylesheet is included through WordPress in:
 * 'Atahualpa Theme Options/Add HTML/CSS Inserts/HTML Inserts: Header'
 */

/* This Week div that shows up in the Weekly Meetings page */
.lpn_thisweekdiv {
   padding: 3px;
   border: none;
}

.lpn_volunteerbio {
   clear: left;
   margin: 5px; padding: 0px;
}

.lpn_featured_programsdiv {
font-size: 13px;
font-weight: normal;
margin-left: 37.5%;
padding: 1px 10px 8px 18px;
float: top right;
vertical-align: text-top; 
background-color: #FFFFFF;
background-image: url(http://lpnetweb.org/dev/arettinger/assets/images/backgrounds/bg_gradiant_gh2.png); background-repeat: repeat-y;
}

/* Used as a faded cyan background with left padding. */
.lpn_cyanp {
   font-family: font-family: Arial, Helvetica, sans-serif;
   padding-left: 12px;
   font-size: 13px;
   margin-bottom: 18px;
   background-image: url(/assets/images/backgrounds/bg_gradiant_ch2.png);
   background-repeat: repeat-y;
}



/* List of comma-separated sublcasses that should inherit
 * Bold, Dark Gray text */
h1, h2, h3, h4, .lpn_boldtext, .lpn_subhead, .lpn_subhead1, .lpn_subhead2 {	
   color: #444;
   font-weight: bold; 
}

/* More color defs */
.lpn_litegold {
   color: #CBAC4B;   /* was C0AD4B */
}
.lpn_darkgold {
   color: #AB8C2A;   /* was A08D2A */
}
.lpn_exdarkgold {
   color: #A08601;    /* was #A08601, #A08601 */
}

.lpn_goldhr {
   border-width: 10px; width: 30px; background-color: #CBAC4B;
   clear: left right;
}

/* List of comma-separated sublcasses that should inherit
 * a LinkedIn blue color--use sparingly!
 * Used to highlight color, either as text color or background */
.highlighter1, .lpn_thisweek_title {
   color: #0076A8;
}

/* These names need to be cleaned up in the code to reflect H-level for SEO */
h1 {
   font-size: 18px;
}
/* Subheadings in a page */
h2, .lpn_subhead {
   font-size: 16px;
}
h3, .lpn_subhead1 {
   font-size: 14px;
}
h4, .lpn_subhead2 {
   font-size: 13px;
}

/* Special text classes -begin */
/* Display This Week speaker in LinkedIn-blue color */
.lpn_thisweek_title {
   font-weight: bold; font-size: 16px;
   vertical-align: text-top;
}
/* Special text classes -end */

/* Used on introduction part of the individual committee pages. */
.lpn_pageintro {
   font-size: 14px;
   color: #444;
   font-weight: normal;
}
/* Used in the Committee pages when doc links are listed */
p.lpn_listdoclinks { line-height: 22px; }

/* Used on the Events page to list speakers/presentations. */
p.lpn_listpresentations { margin-bottom: 3px; }

/* Used to open spacing up between lines. */
.lpn_mb1 { margin-bottom: 1px; }
.lpn_mb2 { margin-bottom: 2px; }
.lpn_mb3 { margin-bottom: 3px; }
.lpn_mb4 { margin-bottom: 4px; }
.lpn_mb5 { margin-bottom: 5px; }

/* Button groups in a DIV -begin */
div.lpn_buttongroup { float: left; width: 217px; }
div.lpn_buttongroup ul { list-style-type: none; padding-left: 20px;}
div.lpn_buttongroup li { height: 35px; }
div.lpn_buttongroup span { font-weight: bold;}
div.lpn_buttongroup_rtext { float: left; margin-top: 3px;}
div.lpn_buttongroup_rtext ul { list-style-type: none; padding-left: 20px;}
div.lpn_buttongroup_rtext li { height: 35px; }
div.lpn_buttongroup_rtext span { font-weight: bold;}
/* Button groups in a UL -end */

/* Used to style LinkedIn size photos in a post */
img.lpn_postphoto {
   border-style: none; float: left; margin: 0px 8px 4px 0px; padding: 0px;
}
/* Used for home page post presenter photos */
img.lpn_homepagepostphoto {
   border-style: none; float: left; margin: 0px 8px 0px 0px; padding: 0px;
   width: 100px;
}
/* Used for small thumbnails of LI photos as in Events page 
 * where event support is listed.
img.lpn_linkedinphoto_small {
   width: 50px; float: left top;
}


/* CSS for Give, Get, Give Back Page -begin
 */
ul.lpn_gggb_ul {
   list-style-type: none;
   padding:0px;
   margin-left: 0px;
}
li.lpn_gggb_li {
   border-left: 7px solid #BBB; padding-left: 8px; margin-bottom: 7px;
}
div.lpn_gggb_div1 {
   float: center;
   padding: 0px;
   width: 500px; height: 246px;
   margin: 0 auto;
   font-size: 15px; font-weight: bold; font-style: italic;
}
div.lpn_gggb_divhead {
   color: white;
   float: left;
   width: 134px;
   margin-bottom: 7px; margin-right: 7px; padding: 5px 5px 8px 15px   ;
   background-color: #BBBBBB;
   font-size: 17px; font-weight: bolder;
}
div.lpn_gggb_divbody {
   color: #555;
   float: left; width: 134px; height: 167px;
   background-color: #EEEEEE;
   margin-right: 7px; padding: 5px 5px 10px 15px;
   align: center;
}
p.lpn_gggb_p1 {
   text-align: center;
   /* margin: 10px auto 10px auto;*/
   padding: 5px 0px;
}
/* GGGB dropshadow */
/*
div.lpn_gggb_ds {
   background-color: #DDD;
   position: absolute;
   left: 8px; top: 8px;
   width: 509px; height: 238px; z-index: -1;
}
*/
/* CSS for Give, Get, Give Back Page -end
 */

/*
 * CSS for buttons begin
 */
.clear { /* generic container (i.e. div) for floating buttons */
   overflow: hidden;
   width: 100%;
}
a.lpn_button {
   background: transparent url('http://www.lpnet.org/assets/images/buttons/bg_button_a.gif') no-repeat scroll top right;
   color: #666;
   display: block;
   float: left;
   font: bold 12px arial, sans-serif;
   height: 24px;
   margin-right: 6px;
   padding-right: 18px; /* sliding doors padding */
   text-decoration: none;
}
a.lpn_button span {
   background: transparent url('http://www.lpnet.org/assets/images/buttons/bg_button_span.gif') no-repeat;
   display: block;
   line-height: 14px;
   padding: 5px 0 5px 18px; 
} 
a.lpn_button:active {
    background-position: bottom right;
    color: #AB8C2A;
    outline: none; /* hide dotted outline in Firefox */
}
a.lpn_button:hover {
   color: #CBAC4B; 
}
a.lpn_button:active span {
   background-position: bottom left;
   padding: 6px 0 4px 18px; /* push text down 1px */
} 
/*
 * CSS for buttons end
 */

