/*	BlueAnalytics.com
	...................................................................... */

	@import "reset.css";	/* CSS Reset by Eric Meyer */
	@import "base.css";
    @import "clearfix.css";
    
  
    /*
    <link rel="stylesheet"  type="text/css"  media="screen" href= '/css/reset.css' />
    <link rel="stylesheet"  type="text/css"  media="screen" href= '/css/base.css' />
    <link rel="stylesheet"  type="text/css"  media="screen" href= '/css/clearfix.css' />
*/

/* content areas
   ....................................................................... */
 
#content,
#article,
#resourcenav
{
	border-top: 2px solid #cccccc;
	padding-top: 20px;
	padding-bottom: 15px;
}

#intro {padding-top: 15px; padding-bottom: 10px;}

.contentblock
{
	border-bottom: 1.5px dotted #cccccc;
	padding-top: 15px;
	padding-bottom: 15px;
}

.contentwidth  {
	overflow: hidden;
	padding: 20px 0px 0 300px;
}
 
.contentwidth h2, .contentwidth h3  {
	float: left;
	left: -300px;
	margin-right: -300px;
	position: relative;
}

#paginate {
    padding-top: 20px;
    color: #0068A4;
    text-align: right;
}






/* Post Summary Area  
   ..............................................................................  */

.postsnapshot {background: transparent url(../images/design/dots-hor.gif) repeat-x bottom;}

.postsnapshot td {
	padding: 1em 16px 1em 0;
	font-size: 1em;
	vertical-align: middle;
	width: 148px;
/*	background: transparent url(../images/design/dots-hor.gif) 0 100% repeat-x; */
}

.postsnapshot td.date p,
.postsnapshot td.postdesc p {
	color:#777777;
}
 
.postsnapshot td.postdesc {
	width: 320px;
    font-size: 1.25em;;
	padding-left: 16px;
	display: block;
	font-weight: 500;
}
 
.postsnapshot td.date {
	width: 190px;
}
 
.postsnapshot td.title {
	width: 390px;
	padding-right: 0;
}
 
.postsnapshot td.title a {
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: -0.05em;
	padding-right: 16px;
	display: block;
}





/* News Page  
   .......................................................................  */

#news li {list-style: none;}
.newsposttitle {padding-bottom: 15px;}
.newspostblock {margin-left: 320px; display: block;}
.newspostmeta {float: left; display: block; width: 300px; font-size: 1em; color: #777777;}

.newsposttitle a.external {
    font-size: 1.8em;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: -0.05em;
}

.newsposttitle .postdesc {
    font-size: 1.25em;
    line-height: 1.2em;
    color: #777777;
    font-weight: 500;
    font-family: Palatino, Georgia, 'Times New Roman', serif; 
}

.newssource a:link, .newssource a:visited {
	color: #0068A4 !important;
}

.backtotop {color: #cc3333; font-size: 11px; right: 0; float: right;}





/* Member Management Page
   ...........................................................................  */

ul.manage  {
    font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: -0.05em;
	text-align: left;
	padding: 20px 50px 0px 50px;
}


ul.manage li {
   padding-top: 1em;
   padding-bottom: 1em;
  /*   list-style: disc url("/images/design/Helveticons/Png/16x16/Add 16x16.png") inside; */
    list-style: disc url("/images/design/Add18.png") inside;
    margin-left: 0em;
	padding-left: 1.55em;
	text-indent: -1.55em;
	color: #cc3333;
}


table.member_list {
    width: 100%;
    border-top: 1px solid #cccccc;  
    border-right: 1px solid #cccccc; 
    border-left: 1px solid #cccccc;  
}



table.member_list th, table.member_list td {
     margin: 0;
     padding: 8px 20px;
     text-align: center;
     border-bottom: 1px dotted #5eacc5;
  
}

table.member_list .align {text-align: left;}
table.member_list td a {display: block; font-weight: bold; color: #5eacc5; }
table.member_list th {color: #cc3333;}



/* resource page 
   .......................................................................... */


#resourenavinside {  
    background: #222; 
    color: #e45a49;
    padding: 10px;
    }
    
    
#resourenavinside ul a {
padding: 0.5em;
color: #bbbbbb;
line-height: 1.7em;
} 

.resourceheader {color: #cc3333; padding-top: 30px; background: transparent url(../images/design/dots-hor.gif) repeat-x bottom;}
.resourcesnapshot {background: transparent url(../images/design/dots-hor.gif) repeat-x bottom;}

.resourcesnapshot td {
	padding: 0.2em 0;
	font-size: 1em;
	vertical-align: middle;
	width: 970px;
}

.resourcesnapshot a.external {color: #777777;}




/* spotlight page 
   .......................................................................... */


#spotlightlink a {float: right; 
                  color: #cc3333;  
                  background: transparent url("/images/design/nav_pipe.gif") no-repeat right ; padding:0px 15px;
}

p.spotlightsource {
	color: #0068A4 !important;
	text-decoration:none;
	font-size: small;
	padding-top: 5px;
}







/* archive page  and some gallery page styling 
   .........................................................................  */


.archiveheader {color: #cc3333; padding-top: 30px; background: transparent url(../images/design/dots-hor.gif) repeat-x bottom;}
.archivesnapshot {background: transparent url(../images/design/dots-hor.gif) repeat-x bottom;}

.archivesnapshot td {
	padding: 0.5em 16px 0.5em 0;
	font-size: 1em;
	vertical-align: middle;
	width: 148px;
}

.archivesnapshot td.date p,
.archivesnapshot td.postdesc p {
	color:#777777;
}
 
.archivesnapshot td.postdesc {
	width: 300px;
    font-size: 1.1em;
	padding-left: 16px;
	display: block;
	font-weight: 500;
}
 
.archivesnapshot td.date {
	width: 150px;
}

.archivesnapshot td.archivecomments {text-align: center; width: 50px; font-weight: bold; font-size: 1.2em;}
 
.archivesnapshot td.title {
    width: 420px;
	padding-right: 0;
}
 
.archivesnapshot td.title a {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: -0.05em;
	padding-right: 16px;
	display: block;
}



#posttitle ul {list-style: none; padding: 0; margin: 0; float: right;}
#posttitle ul li {display: inline; padding: 0; position: relative;}
#posttitle ul li a { background: transparent url("/images/design/nav_pipe.gif") no-repeat right ; padding:0px 15px;}
ul.tabs1 .current, ul.tabs2 .current {color: #cc3333;}

#articlenav a.logout {color: #cc3333;}  /* for color of logout link on client article page */
#posttitle a.logout {color: #cc3333;}  /* for color of logout link on client main page */
#posttitle a.backhome {color: #0068A4;}  /* for color of backhome link on client main page */








/* contact form
   ..........................................................................   */


.contactformbox {  -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #F1F4F4 }
.contactformboxinside {padding: 20px;}  
.contactformboxinside p {padding: 5px;}

input {border: 1px solid #cccccc; height: 20px;}
textarea {border: 1px solid #cccccc;}

.columnheader {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 0;
	color: #cc3333;
}	


.formheader {
	margin-left: 0px;
}


label { 
       margin-left: 1em;
       font-weight: bold;
       }

label .light {color:#777; font-weight: normal;}
label .required {color:#cc3333; margin-left: 10px;}


.submitbutton {
         width:75px;
         height:35px;
         cursor:pointer; 
         background: #222; 
         color: #fff;
         -moz-border-radius: 4px; 
         -webkit-border-radius: 4px;
         border: none;
         }



/* client registration page
   .....................................................................*/


   
#formbox {  
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
background: #F1F4F4;
padding: 20px;
margin: 50px auto;
display:table; text-align:center; width: auto;
 }    

#formbox h2 {padding-top: 10px; padding-bottom: 10px;}


#formbox form  {
  float: left;
  background-color: #f1f4f4;
  width: 480px;
  padding: 15px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  color: #a3a4a9;
}


#formbox form div.field-wrapper {
  background-color: #fff;
  margin-bottom: 10px;
  min-height: 45px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#formbox form label {
  clear: left;
  font-size: 14px;
  float: left;
  width: 214px;
  line-height: 45px;
  height: 45px;
  padding: 0 10px;
  text-align: left;
  font-weight: normal;
}

#formbox form label.required {
  color: #5c5c61;
}
 
#formbox form label .required-marker {
  font-weight: bold;
  color: #5eacc5;  
}



 #formbox form input, #formbox textarea  {
  font-size: 14px;
  font-weight: bold;
  color: #5c5c61;
  background-color: #fff;
  font-family: "Helvetica Neue", Arial, sans-serif;
  width: 214px;
  line-height: 45px;
  height: 45px;
  padding: 0 10px;
}


#formbox form input {
 width: 214px;
 height: 29px;
 line-height: 12px;
 padding: 14px 10px 0 10px;
 border: 1px solid #fff;
 border-left: 1px solid #f4f4f4;
}

#formbox form select {
  line-height: 35px;
  margin-top: 13px;
  margin-left: 5px;
}


#member_form p {
  padding-bottom: 20px; padding-top: 10px;  
}

#member_form p input {
  width: 20px; 
  vertical-align: bottom; 
  height: 13px;
  }

#formbox form input[type=submit], #formbox.button {
 /*  float: right; */
  width: auto;
  height: 42px;
  line-height: 41px;
  padding: 0 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  background-image: url('http://www.blueanalytics.com/images/design/button-back1.png');
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  color: #09080d;
  text-shadow: 0px 1px 0px rgba(255,255,255,.3);
  margin-left: 10px;
}

#formbox form input[type=submit], #formbox.button { 
  color: #fff; 
  text-shadow: 0px -1px 0px rgba(0,0,0,.2);
   }
#formbox form input[type=submit]:hover, button:hover, #formbox.button:hover { 
  cursor: pointer; 
  color: #fff !important; 
  background-position: 0 -42px; 
  }

#formbox form input[type=submit]:active, button:active, .button:active { background-position: 0 -84px; }



textarea#emailmessage {
	width: 300px;
	height: 100px;
	border: 2px solid #aeaeae;
	padding: 5px;
	line-height: 12px;
}











/* client login area ( not using this now )!
   .....................................................................*/

.memberformbox {}
.memberformboxinside {padding-top: 30px;}
.memberformboxinside p {padding-top: 15px;}
#clientlog label { margin-right: 1em; color: #ffffff;}
#clientlog .submitbutton {
         width:110px;
         height:35px;
         cursor:pointer; 
         background: #cc3333; 
         color: #222222;
         font-weight: bold;
         font-size: 14px;
         -moz-border-radius: 4px; 
         -webkit-border-radius: 4px;
          border: none;
         }


.navlist3 {border-top: 1px dotted #333333;}
.navlist3 img {vertical-align: middle; margin: 0; padding: 0;}










/* For client pages only 
   ....................................................................... */

#clientposttitle {padding-top: 30px; padding-bottom: 20px; width: 500px;}
#clientposttitle a {font-weight: bold; font-size: 2.5em; line-height: 1em;  text-align: left; color: #333333;}
#clientarticle {}

 .clientsummary { font: medium/1.48em   Palatino, Georgia, 'Times New Roman', serif;
    color:#262626;
    padding-top: 15px;
    padding-bottom: 20px;
    border-top: 1px dotted #aeaeae;
    }

.clientbody {font: medium/1.5   Palatino, Georgia, 'Times New Roman', serif; 
    color:#262626;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dotted #aeaeae; 
    }
    

/* client index page ........... */


.col-2 {
  float: left;
  clear: right;
  border-top: 3px solid #000000; 
  width: 350px;
  margin: 0px 40px 0 0; /* top 30*/
  padding: 20px 10px 20px 0;  
}

.col-1  {
  margin: 0px 0 0 400px; /* top 30*/
  border-top: 3px solid #000000;
  padding: 10px 0px 20px 10px;
}


.postsnapshot2 {background: transparent url(../images/design/dots-hor.gif) repeat-x bottom;}

.postsnapshot2 p.title a {
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: -0.05em;
	padding-right: 16px;
	display: block;
}


.postsnapshot2 p.postdesc {
    font-size: 1.25em;
    line-height: 1.2em;
    color: #777777;
	font-weight: 500;
	font-family: Palatino, Georgia, 'Times New Roman', serif; 
	padding-top: 5px;
}


.postsnapshot2 li {
	padding: 7px 16px 10px 0;
	font-size: 1em;
	vertical-align: middle;
}


#midcontent
{
	border: none;
/*	border-top: 1px dotted #cccccc;  */
	padding-top: 0px;  /*20*/
	padding-bottom: 15px;
	height: auto;
}









/* For article page Only 
   ....................................................................... */

.summary { font: 2em/1.48em   Palatino, Georgia, 'Times New Roman', serif;
    color:#262626;
    padding-bottom: 20px;
    }
.body {font: medium/1.5   Palatino, Georgia, 'Times New Roman', serif; 
    color:#262626;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dotted #aeaeae; 
    }
.extended {font: medium/1.5   Palatino, Georgia, 'Times New Roman', serif;
    color:#262626;
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 1px dotted #aeaeae; 
    } 
    
div.body h3, div.extended h3 {
    font: medium/1.5em 'Helvetica Neue',  Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
	text-transform: uppercase;
}    
   

.highlight a:link, .highlight a:visited, ul.related a:link, ul.related a:visited {
	color: #0068A4 !important;
	text-decoration:none;
}

.source a:link, .source a:visited, #article a:link, #intro a:link {
	color: #0068A4 !important;
	text-decoration:none;
}


#intro p.date {font-size: 1.5em; font-weight: bold; padding-top: 15px;}
#intro .postdesc {padding-top: 8px; font-size: 1.5em; line-height: 1.2em; font-weight: bold; color: #aeaeae; width: 450px;}

#articleposttitle {padding-top: 35px; width: 500px; padding-bottom: 10px;}
#articleposttitle a {font-weight: bold; font-size: 2.5em; line-height: 1em;  text-align: left; color: #333333;}


#article {padding-top: 10px; border-top: 2px solid #333333;}



div.multicolumn1 {
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
}

div.multicolumn1 h3 {page-break-before:always;}

/*


div#multicolumn1 img { column-span: all;}
div#multicolumn1 .media { column-span: all; background: silver; padding-top: 15px; padding-bottom: 15px;}


div#multicolumn1 img { break-after: column }
div#multicolumn1 h2 { break-before: column }
div#multicolumn1 p { font-size: 14px;}
*/


#articlenav
 {
	border-bottom: 2px solid #333333;
	padding-top: 10px;
	padding-bottom: 10px;
/* 	margin-top: 20px; */
}



#articlenav p, #articlenav2 p, {display: inline;}

p.backhome {float: right;}

.nextentry {font-weight: 500;}
.preventry {font-weight: 500;}
.nextentry a, .preventry a, .backhome a {color: #0068A4; font-size: 1em;}

/* .postmetainner p{width:100%} */
.postmetainner1{float:left;width:200px; margin-right: 20px; display:inline;}
.postmetainner{float:left;width:165px; margin-right: 40px; display:inline;}
.postmetainner2{float:left;width:130px; display:inline;}

#postmeta {width:970px; padding:20px 0px; position:relative; border-top: 2px solid #333333;}
#postmeta h5 {font-size:14px;height:24px;display:block;line-height:24px;padding:0 0 0 36px;width:132.75px;float:left;margin-bottom:10px; font-weight: bold;}
#postmeta h5.subscribe a, #postmeta h5.comment a{font-weight: bold; font-size: 14px;}
#postmeta h5.postdetails{background:url("/images/design/Tags.png") no-repeat;}
#postmeta h5.subscribe{background:url("/images/design/Rss.png") no-repeat; }
#postmeta h5.comment{background:url("/images/design/Chat active.png") no-repeat}
#postmeta h5.share{background:url("/images/design/Radio alt.png") no-repeat;}
#postmeta h5.save{background:url("/images/design/Pushpin.png") no-repeat;}
#postmeta div.postmetainner p, #postmeta div.postmetainner1 p{font-size:12px;line-height:17px}
#postmeta .share p, #postmeta .save p{color:#444;}
#postmeta .postmetainner p a, #postmeta .postmetainner1 p a, #postmeta .postmetainner p {font-weight:normal;font-style:italic}



/* list styles on article page */

#article ul.listitems {
    padding-top: 1em;
    padding-bottom: 1em;
	}


#article ul li {
/*     list-style: disc url("/images/design/Helveticons/Png/16x16/Add 16x16.png") inside; */
    list-style: disc url("/images/design/Add.png") inside;
    margin-left: 0em;
	padding-left: 1.55em;
	text-indent: -1.55em;
	padding-top: 3px; 
	padding-bottom: 3px;
	}


ul.listitems li p {
    color: #666666;
    margin-left: 0em;
	padding-left:0em;
	text-indent: 0em;
	padding-top: 3px; 
	padding-bottom: 3px;
}




/* quotes style for article page only */
 
 
.quote {
    clear: both;
    padding: 1em 0.5em;
}
 
.quote blockquote {
    font-family: Palatino, Georgia, 'Times New Roman', serif;
    color: #666666;
    text-indent: 0em;
	background-image: url("/images/design/pullquote.gif");
	background-repeat: no-repeat; 
    margin: 0px 10px 0px 0px;
	padding: 6px 0 2px 35px;  
}
 
.quote .source {
    text-indent: 0em;
    margin: 10px 10px 0px 0px;
    padding: 0 0 2px 35px;
    color: #666666;
}









/* Comment form Styling 
   ...........................................................  */

#comments
 {
	border-top: 1px dotted #aeaeae;
	padding-top: 20px;
	/* padding-bottom: 10px; */
}

#commentform
 {
	border-top: 1px dotted #cccccc;
	padding-top: 20px; 
	padding-bottom: 30px;
}



.commenthead  {
	overflow: hidden;
	padding: 0px 0px 0 200px;
}
 
.commenthead h2  {
	float: left;
	left: -200px;
	margin-right: -200px;
	position: relative;
	padding-bottom: 20px;
}


#commentform p {padding-bottom: 10px;}
textarea#comment {border: 1px solid #cccccc;}

label {margin-left: 10px; font-weight: bold;}
label .light {color:#777; font-weight: normal;}
label .required {color:#cc3333; margin-left: 5px;}

#commentform p.commentSubscribe, #commentform p.commentRemember{margin-right:10px;}
#commentform p.commentSubscribe input, #commentform p.commentRemember input{ width:20px; height: 13px; padding:0 5px;} 
#commentform #submit {
         width:75px;
         height:30px;
         padding:0px;
         margin: 0px; 
         background: #222; 
         color: #fff;
         -moz-border-radius: 4px; 
         -webkit-border-radius: 4px;
         border: none;
         }







/* Comments Styling 
.......................................................................... */

.msg_head {background: transparent url("/images/design/Add18.png") no-repeat 15% 15%; }
.msg_body {padding-top: 30px; margin-left: 200px;}



.authorcomment, 
.usercomment1, 
.usercomment2 {
   border-top: 1px dotted #cccccc;
   }

.authorcomment td, .usercomment1 td, .usercomment2 td {
	padding: 1em 16px 1em 0;
	font-size: 1em;
	vertical-align: top;
	width: 148px;
}

.authorcomment td.commentmeta,
.usercomment1 td.commentmeta,
.usercomment2 td.commentmeta {
	color:#777777;
	width: 190px;
}

.authorcomment td.commentnumber p, 
.usercomment1 td.commentnumber p,
.usercomment2 td.commentnumber p {
	color:#777777;
	width: 220px;
	padding-left: 16px;
	display: block;
	font-weight: 500;
	text-align: center;
}

.authorcomment td.commentblock  {
	border-top: 3px solid #cc3333;
}

.authorcomment td.commentblock, 
.usercomment1 td.commentblock,
.usercomment2 td.commentblock {
	width: 490px;
	padding-right: 0;
}




/*  Search Results Page 
    ...........................................................................  */
    
.searchheader2 {padding-left: 315px;}    
.searchheader2 a:link {color: #cc3333;}     

ul.searchheader2 {padding-bottom: 15px; padding-left:0}