/* blog style template - collin grasley - modetwentythree.com - this work is public domain, enjoy!  */

/*  main styles ----------------------------*/

*{ margin:0; padding:0; }* 
body { padding:0; margin:0; font:0.69em Arial,Verdana, sans-serif; line-height:1.64em; background-color:#ffffff; }
a {color: #414141; background:inherit; text-decoration:none;}
a:hover {color:#d25836; background:none; text-decoration:none; border-bottom:1px dashed;}
p { padding:5px 0 5px 0;}
ul {margin:0; padding:0;list-style:none;}
img {border:0;}
.clear{clear:both; margin-top:1px;}
#wrapper { margin:0px auto; width:100%; padding:0 0px 0 0px; background:#fffbf4;}

/* top ----------------------------*/

#topnav {height:42px; background:#62aa46; width:100%;}
#menu {float:left; height:23px; margin:8px 8px 0 0;}
#menu a {display:block; color:#FFFFFF; background:inherit; text-decoration:none; margin-right:4px;
line-height:23px;font-weight:bold;}
#menu a:hover {color:#d25836; background:inherit;}
#menu ul {list-style:none; padding:0; margin:0;}
#menu li {float:left; margin: 0 0 0 5px; list-style: none;}

/**************************************************************
   Top Block Menu2
 **************************************************************/

#menu2 {
  margin: 0 auto;
}

#menu2 ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;

  text-align: left;
  background: #3b6276;
}

#menu2 ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu2 ul li a {
  float: left;
  width: 25%;
  height: 4.5em;

  font: 400 1.2em arial, sans-serif;
  letter-spacing: 0.1em;



  border-top: 7px solid #2f2f31;
  border-bottom: 15px solid #FFF;
}

#menu2 ul li a span {
  display: block;
  padding: 2px 7px;
}


#menu2 ul li a span.desc {
  font-size: 0.8em;
  color: #8C8D94;
}


#menu2 ul li a:hover,
#menu2 ul li a.here {
  background: #3b6276;
  border-top: 7px solid #2f2f31;
}

#menu2 ul li a:hover span.desc,
#menu2 ul li a.here span.desc {

}


/* Top menu2 icons */
#menu2 ul li a span.speaker {
  padding-left: 22px;
  background: white;
}

#menu2 ul li a:hover span.speaker {
  background: white;
}

#menu2 ul li a span.bubble {
  padding-left: 24px;
  background: white;
}

#menu2 ul li a:hover span.bubble {
  background: white;
}

#menu2 ul li a span.heart {
  padding-left: 20px;
  background: white;
}

#menu2 ul li a:hover span.heart {
  background: white;
}


#menu2 ul li a span.dollar {
  padding-left: 20px;
  background: white;
}

#menu2 ul li a:hover span.dollar {
  background: white;
}


/**************************************************************
   Top menu and logo
 **************************************************************/

#header {
	clear: both;
	position: relative;
	height: 5em;
	margin: 0 auto;
	background: #8daec2;
	border-bottom: 5px solid #8daec2;
	background-color: #8daec2;
}


#header img {
  position: absolute;
  top: 5%;
  left: 10px;
}

#header ul {
  margin: 3.5em 1em 0 0 !important;
  margin: 3.5em 0.5em 0 0;
  padding: 0;
  float: right;
}

#header ul li {
  display: inline;
  list-style: none;
}

#header ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1.1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #35444e;
  border-right: 1px solid #4D5760;
}

#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a:hover {
  color: #2f2f31;
}


#headerImg {
  margin: 20px 0px 0px 5px;
  height: 105px;
  background:  url(http://allfreelancework.com/css-layout/images/afworkicons.png) no-repeat top left;
}

      #headerImg a.portfolios {
          top:1px;
          left:-1px;
          width:98px;
          height:99px;
	
      }

      #headerImg a.networking {
          top:100px;
          left:1px;
          width:198px;
          height:98px;
		  
      }
             
      #headerImg a.jobs {
          top:200px;
          left:1px;
          width:295px;
          height:97px;
		  
      }
             
      #headerImg a.articles {
          top:301px;
          left:0px;
          width:414px;
          height:99px;
		  
      }
	  
      #headerImg a.mail {
          top:419px;
          left:1px;
          width:525px;
          height:98px;
	
      }
	  
      #headerImg a.answers {
          top:528px;
          left:1px;
          width:608px;
          height:98px;

      }
	  
      #headerImg a.forums {
          top:613px;
          left:0px;
          width:715px;
          height:99px;
	
      }
	  
      #headerImg a.tags {
          top:718px;
          left:1px;
          width:801px;
          height:101px;
	
      }

      #headerImg a.image {
          top:803px;
          left:2px;
          width:884px;
          height:97px;
		
      }

/*  The left column ----------------------------*/

#left {width:14%; float:left; margin-right:20px; padding:50px 5px 5px 5px; background:inherit;}
#left ul {padding:0px 0 12px 5px;}
#left li {line-height:18px; background:inherit; list-style:disc; margin-left:16px;
color:#d25836;}
#left li a {background:inherit; text-decoration:none; list-style: none;}
#left li a:hover {text-decoration:none; list-style: none;}

/*  The right column ----------------------------*/

#linkbar {float:right; width:24%; padding:30px 5px 5px 5px; margin-left:20px; background:inherit;}
#linkbar ul {padding:30px 0 12px 5px;}
#linkbar li {line-height:18px; background:inherit; list-style:disc; margin-left:8px; color:#d25836;}
#linkbar a {background:inherit; text-decoration:none;}
#linkbar a:hover {text-decoration:none;}

/*  The Center Content Posts Middle Side ----------------------------*/

#right {float:left; padding:0; background:inherit; margin-bottom:10px; width:52%;}
.content {padding: 30px 10px 10px 10px;}
#right img {float:left;padding:0 10px 5px 0;}
.comment_box {clear:both;padding:7px 35px 0 0; margin:10px 0 10px 0;text-align:right;
background:url(images/comment_box_bg.png) no-repeat top right;height:32px;}
.comment_box a {font:bold 1.2em Arial, Sans-Serif; color:#FFFFFF; background:transparent;}

.spotlight{font-size:1.8em;line-height:1.2em; color:#333; font-family:Arial; margin-top: 2.5em; margin-bottom: 1.5em;}

.google{border-top: 1px solid #CCCCCC;}

.feedbody{line-height: 14px;font-size: 11px; font-family: arial, sans-serif; font-weight: normal;}

.floatLeft {
  float: left;
  list-style: none;
}

.floatRight {
  float: right;
}

.lightBlueBg {
  background-color: #d0e6eb;
}

/*  FEEDBURNER FEED ----------------------------*/
.feedburnerFeedBlock {padding: 2px 0 0 0; margin-bottom: 2.5em; border-bottom: 1px solid #CCCCCC; border-top: 1px; solid #CCCCCC;}
.headline{font-size:2.5em; line-height:1.2em; color:#333;
font-family:'Impact'; border-bottom:2px solid #d25836; padding-top:20px; letter-spacing: 1px;}
.date{color:#8daec2; font: 700 1.2em arial, sans-serif; text-transform:uppercase; letter-spacing:10px; padding-top:10px;padding-bottom:5px;}

/*  The CSS for the Article headlines ----------------------------*/

.headline_one{font-size:3.50em;line-height:.8em; color:#333; font-family:'Impact'; border-top: 1px solid #CCCCCC;}
.headline_two{font-size:3.50em;line-height:.8em; color:#333;
font-family:'Impact'; border-bottom:4px solid #d25836; border-top: 1px solid #CCCCCC;}
.headline_three{font-size:1.2em;font-weight:bold;color:#333;text-transform:uppercase;
border-bottom:#62aa46 2px solid; letter-spacing:-1px;}
.number{font-family:'Impact';float:left;line-height:1em; color:#d25836; font-size:4.0em; margin-right:8px;}
.headline_url{text-decoration:none;color:#999; font-weight:bold; font-size:1.48em; line-height:1.5em;
text-transform:uppercase; padding-bottom:3px;}
.small_caps{color:#333; font-size:.7em; text-transform:uppercase; letter-spacing:2px; padding-top:1px;}

/*  The CSS for the blockquote, this is XHTML valid --------------------------------------*/

q {float:left; width:14em; display:block; margin:0.75em 0.75em 0 0; padding:0.3em; 
border:1px double #CCC; border-width:2px 0; color:#333; background:none; 
text-align:left; font:italic 1.6em/1.7em Georgia;}

/* footer ----------------------------*/

#footer {clear:both; width:100%; margin:0; padding:10px 0 5px 0; border-top:1px solid #333;
background:inherit;}

/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0 0 5px 15px;
  padding: 0;
  list-style: none;
}


a.thumb img {
  
  border: 5px solid #ccc;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #668FA3;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}




/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0 0 5px 15px;
  padding: 0;
}

ul.thumbs li {
  list-style: none;
}

a.thumb img {
  
  border: 5px solid #ccc;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #668FA3;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}