/* @import url(); */

/*
  LAYOUT
  COMMENTS
  CCOMMENT_FORM
  SEARCH
  NAVIGATION
  KEYWORDTOOL
  OTHER
*/

/****** LAYOUT ******/

html, body {
  min-width:994px;
  text-align:center;
  font-family: verdana, arial, tahoma;
  font-size:0.9em;
  line-height:1.4;
}

#wrapper {
  width:974px;
  margin:0 auto;
  text-align:left;
  margin-bottom:15px;
}

#header {
  width:974px;
  margin:15px auto;
  text-align:left;
}
  #head {width:974px; float:left;}

#leftCol {
  width:709px;
  float:left;
}
  #leftCol h2 {padding-top:10px; color:#00599B; font-size:1.4em;}

  #newArticles {
    float:left;
    width:689px;
    margin-bottom:10px;
    padding:10px;
    background:#F5F5F5;
  }
    #newArticles img {width:223px;}
    #newArticle1 {width:223px; float:left;}
    #newArticle2 {width:223px; float:left; margin-left:10px;}
    #newArticle3 {width:223px; float:right;}

  #articles {float:left;}
  #articles img {float:left; width:200px; padding:10px 10px 0 0;}
    .articleOdd, .articleEven {float:left; margin-bottom:10px; padding:0 10px 10px 10px;}
      .articleOdd {background:#F5F5F5;}
      .articleEven {background:#FFF;}

  #articleSingle {float:left; margin-bottom:10px; padding:0 10px 10px 10px; background:#F5F5F5;}
  #articleSingle h1 {margin-top:3px; color:#00599B; font-size:30px; line-height:1.2;}
  #articleSingle .bodyImg {float:right; width:200px; padding:0 0 10px 20px;}
  #ArticleRSS {margin-top:10px; padding:10px; background:#E0E0E0;}  

#rightCol {
  width:250px;
  float:right;
}
  #rightCol h3 {
    padding:8px 10px 5px 10px;
    background:url('/images/design/box_top.gif') no-repeat;
    color:#FFF;
    font-family:arial;
    font-size:1.2em;
  }
  .boxContent {
    padding:10px;
    border-left:1px solid #C3BFBE;
    border-right:1px solid #C3BFBE;
  }
  .boxBottom {
    height:5px;
    padding-bottom:10px;
    background:url('/images/design/box_bottom.gif') no-repeat;
  }
  #popularItems {
    list-style-type: none;
  }
  #popularItems li {
    padding-left:20px;
    background:url('/images/design/bullet.gif') no-repeat 0 4px;
  }

#footer {
  width:934px;
  margin:0 auto;
  padding:15px 20px;
  text-align:left;
  background:#00599B;
  font-size:12px;
}
  #footer a {color:#FFF; text-decoration:none;}


/****** COMMENTS ******/

#totalNum {
  float:left;
  width:42px;
  height:43px;
  margin:5px 10px 0 0;
  padding-top:4px;
  background:url('/images/design/comment_balloon.gif') no-repeat;
  color:#FFF;
  font-size:18px;
  text-align:center;
}
  #totalTxt {float:left; padding-top:4px; margin-top:5px; font-size:18px;}
 
.commentOdd, .commentEven {
  clear:both;
  float:left;
  width:689px;
  margin:10px 0;
  padding:10px;
}
  .commentOdd {background:#F5F5F5;}
  .commentEven {background:#FFF;}

  .commentDetails {
    float:left;
    width:100%;
    padding-bottom:10px;
  }
    .commentator {float:left; font-weight:bold;}
    .commentOdd .date, .commentEven .date {float:right;}
    

/****** COMMENT_FORM ******/

#comment_form {clear:both; float:left;}
  #comment_form td {padding-bottom:10px;}
  #comment_form textarea {margin-top:10px; width:500px; height:200px; overflow:auto;}

#postHere {padding-top:10px; font-size:18px;}

#userDetails {margin-top:10px;}
  #userDetails input {width:200px;}
  #userDetails #labelTd {width:46px;}

#captchaTbl {background:#F0F0F0;}
  #captchaLabel {padding:10px;}
  #captchaImg {padding:0 10px;}
  #captchaInput {padding-right:10px;}
  #captchaInput input {
    width:134px;
    height:24px; 
    float:left;
    font-size:18px;
  }


/****** NAVIGATION ******/

#nav {
  float:left;
  font-size:12px;
  font-weight:bold;
}
  #nav ul li {float:left;}

  #nav ul li a {
    display:block;
    padding:0 10px;
    line-height:28px;
    text-decoration:none;
  }
  #nav ul li a:hover {text-decoration:underline;}

#navPrimary {
  width:974px;
  float:left;
  padding-top:10px;
  background:url('/images/design/nav_bg_top.gif') repeat-x left bottom;
  text-transform:uppercase;
}
  #navPrimary li {padding-top:6px; /*current tab*/}

  #navPrimary a {color:#FFF;}

  #nav .currentPri {
    background:#F0F0F0 url('/images/design/nav_current.gif') repeat-x;
    border-left:1px solid #C3BFBE;
    border-right:1px solid #C3BFBE;
  }
  #nav .currentPri a {color:#00599B;}

#navSecondary {
  width:972px;
  float:left;
  background:url('/images/design/nav_bg_bottom.gif') repeat-x left bottom;
  border-left:1px solid #C3BFBE;
  border-right:1px solid #C3BFBE;  
}
  #navSecondary a {color:#3D3D3D;}
  
  #nav .currentSec {text-decoration:underline;}


/****** SEARCH ******/

#searchAdv {
  width:689px;
  float:left;
  padding:10px;
  background:#F5F5F5;
  border:1px solid #C3BFBE;  
}
  #searchAdv #leftCol {width:340px; float:left;}
  #searchAdv #rightCol {width:340px; float:right;}

  #searchAdv fieldset {
    margin-bottom:5px;
    padding:10px;
    border:1px solid #C3BFBE;  
  }
  
.result {float:left;padding:0 10px 20px 10px;}
.result a {text-decoration:underline;}


/****** KEYWORDTOOL ******/

#keywordTool {
  float:left;
  width:707px;
  background:#F5F5F5;
  border:1px solid #C3BFBE;
}

#keywordTool #controls {float:left; padding:10px;}
  #keywordTool #controls #submit {margin-top:5px; width:120px;}

#keywordTool #input {float:right;}
  #keywordTool #input table {border-collapse:separate; border-spacing:10px;}
  #keywordTool #input label {font-weight:bold;}
  #keywordTool #input textarea {width:260px; height:260px; overflow:auto;}

#keywordTool #output {
  clear:both;
  float:left;
  width:687px;  
  padding:10px;
  background:#A1C7DC;
}
  #keywordTool #output a {float:right;}
  #keywordTool #output #error {color:red;}


/****** OTHER ******/

h2 a {
  color:#00599B;
  text-decoration:none;
}
h2 a:hover {
  text-decoration:underline;
}
p {
  margin-top:10px;
}
.clear {
  clear:both;
}
.codeblock {
  width:646px;
	overflow:auto;
	margin:10px 0 0 10px;
	padding:10px;
	border:1px dotted gray;
	background:#F9F9F9;
}

/*
  LAYOUT
  COMMENTS
  CCOMMENT_FORM
  SEARCH
  NAVIGATION
  OTHER
*/