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

h1, h2, h3, h5, h5, h6 { font-weight:bold;  } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.

*/
/* ----------------------------------------- */
/* SET CSS STYLES */
/* ----------------------------------------- */
body { 					font-size: 62.5%; font-family: 'Helvetica', 'Tahoma', Verdana, Arial, Sans-Serif;}
pre { 					position: relative; float: left; color: #111; background: #fff; width: 95%; padding-left: 0; }

#content h1 { 					position: relative; float: left; margin-left: 8px; width: 178px; height: 68px; display: inline; font-size: 3.4em; }
#content h2 { font-size: 2.6em; color: #072B5B; }
#content h3 { font-size: 2.2em; }
p { padding-right: 10px; line-height: 1.4em; font-size: 1.3em; }

.capitalize { 			text-transform: uppercase; }

#content a { color: #072B5B; }
/* ----------------------------------------- */
/* MAIN COLUMN (CONTENT) */
/* ----------------------------------------- */

/* HEADERS */
#content h2 { 			position: relative; float: left; width: 100%; text-transform: uppercase; line-height: 1.25em; font-size: 1.8em; font-weight: normal; }
#content h2 a { 		text-decoration: none; color: #2a4d7f; padding: 5px 5px 0 0;  }
#content h2 a:hover { 	color: #072B5B; background-color: #e5ecf5; /*text-decoration: underline; */ border-bottom: 1px solid #072B5B; padding-right: 5px;  }
#content h2 span { 		color: #2a4d7f; }

#content h3 { 			position: relative; float: left; width: 100%; text-transform: uppercase; line-height: 1.24em; font-size: 1.7em; font-weight: normal; color: #072B5B; padding-bottom: 15px; text-decoration: underline; }
#content h4 { 			position: relative; float: left; width: 100%; line-height: 1.24em; font-size: 1.6em; font-weight: normal; color: #072B5B; }
/* DIV SPECIFIC */

	/* HOME PAGE COLuMNS */
		#content .column h3,
		#content .rightColumn h3 { 		  	width: 265px; color: #6a6a6a;  border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; padding: 0 0 8px 10px; font-family: 'Helvetica', 'Tahoma', Verdana, Arial, Sans-Serif; font-size: 2em; text-decoration: none; text-transform: none; background: transparent url(../images/section_title_bg.jpg) repeat-x; height: 30px; text-transform: none;   }
		  #content .rightColumn h3 {		  	width: 235px; }
		
		  #content .rightColumn h3 a, #content .rightColumn h3 a:visited,
		  #content .column h3 a, #content .column h3 a:visited {	position: relative; float:left;  margin-top: 10px; text-decoration: none; color: #6a6a6a; font-size: 1.3em;	
		  }
		
		#content .column p,
		#content .rightColumn p { 		  	font-family: 'Trebuchet MS', Lucida Grande, Verdana, Arial, Sans-Serif;  color: #212121; line-height: 1.5em; font-size: 1.2em; width: 265px; padding: 5px 0 10px 10px; }
		  #content .rightColumn p {		  	width: 241px; }
		
		#content .title,
		#content .title a {	position: relative; float: left; margin-top: 5px; padding-bottom: 5px; clear: both; font-size: 1.1em; font-style: normal; width: 100%; }
		
		#content .title a { text-decoration: none; color: #212121; }
		#content .title a:hover { color: #072B5B; font-style: italic; }
		
	/* BLOG DATE */
	/*	#content .date { 		position: relative; float: right; width: 15%; height: 65px; margin-top: 5px; background: #333; border: 1px solid #00ff00; }
		#content .dateM { 		position: relative; float: left; width: 35%; margin-top: 30%; padding-left: 5px; font-size: 1.1em; }
		#content .dateD { 		position: relative; float: right; width: 45%; margin-top: 26%; padding: 0 5px 0 0;  font-size: 1.8em; text-align: right; }
		#content .dateY { 		position: relative; float: left; text-align: left; letter-spacing: .5em; padding-left: 5px; width: 100%; }
	*/
	
   /* POSTS */
   #content .posts ul { margin-top: 1.5em; }
   #content .posts li { line-height: 1.5em; }	
   
   #content .posts h2 { padding-bottom: 10px;}

/* ----------------------------------------- */
/* FOOTER */
/* ----------------------------------------- */

#footer #leftCol h4, 
#footer #midLeftCol h4,
#footer #rightCol h4 { 	    margin-left: 13px; padding-bottom: 2px; color: #ebb90c; font-size: 1.3em; }
  #footer #leftCol h4 { 	margin-left: 0; width: 100px; }
  #footer #midLeftCol h4 { 	width: 165px; }
  #footer #rightCol h4 {		width: 325px; }

#footer a { 				text-decoration: none; color: #eaf3ff; }
#footer a:hover { 			color: #ebb90c; }

#footer #rightCol ul.right li.capitalize,
#footer #rightCol ul.left li.capitalize { font-size: 1.1em; }


/* ------------------------------------------ */
/* JQUERY */
/* ------------------------------------------ */

ul li .involvedName { position: relative; float: left; font-size: 1.3em; color: #2a4d7f; cursor: pointer; width: 100%; }
		
ul li .involvedDesc { position: relative; float: left; color: #333; font-size: 13px; clear: both; display: none; cursor: text; padding-left: 10px; }

  ul li .involvedDesc p { position: relative; float: left; font-size: 1em;  width: 100%; }