@CHARSET "UTF-8";

#main-page-fw {

}

#nb {
  height: 204px;
  background-image: url('/images/site/2011/nb_bg.jpg') repeat-x;
}


#main-page {
	margin: 30px 0px 30px 0px;
}

#splash {
  margin: 0 0px 30px 0px; 
}

#banners {
	margin: 0 20px 30px 20px; 
}

#banner1, #banner2 {
	margin-right: 5px;
}

#main-article , #ask-a-question {
	background-color: #dddecb;
	padding: 20px;
}

#main-article div.content {
	background-color: #4c555a;
	padding: 20px;
	color: #dddecb;
	overflow: hidden;
}

#main-article div.content img { border: 1px #dddecb solid; float: left; }

#main-article div.content div.text { margin-left: 300px; }
#main-article div.content div.text .date { font-size: 10px; font-weight: bold; margin: 0 0 5px 0; }
#main-article div.content div.text a { font-size: 18px; color: #dddecb; display: block; margin-bottom: 10px; margin-top: 10px; }
#main-article div.content div.text a.blog_title { font-size: 10px; color: #dddecb; display: inline; font-weight: bold; }
#main-article div.content div.text p { font-size: 12px; line-height: 12px; margin: 14px 0 0 0;}
#main-article div.content div.text .tags { font-size: 11px; margin: 20px 0 0 0;}
#main-article div.content div.text .tags a { font-size: 11px; display: inline; }
#main-article div.content div.text .tags .label { border: 0px; margin-right: 10px; margin-top: 5px; }

#four  { padding: 30px 20px 30px 20px }

#four ul { list-style-type: none; overflow: hidden; }

#four ul li { display: inline; width: 225px; margin-right: 20px; float: left; }
#four ul li.last { margin-right: 0;  }
#four ul li a { display: block; font-size: 18px; color: #4c555a; font-family: Arial; text-decoration: none; }
#four ul li a.title_link { height: 32px;}
#four ul li img { border: 1px #e0e0df solid; margin: 10px 0px 10px 0px; }
#four ul li span { display: block; font-size: 11px; color: #4c555a; font-family: Arial; }

#ten  { padding: 0px 20px 30px 20px }
#ten ul { list-style-type: none; overflow: hidden; margin-top: 20px; }
#ten ul li { margin-bottom: 20px; }
#ten ul li img { float: left; margin: 5px 20px 0px 0px; border: 1px #e0e0df solid; }
#ten ul .data { margin-left: 75px; }
#ten ul .pre { margin: 5px 0px 5px 0px; }
#ten ul a.title { font-weight: bold; }
#ten ul a.qatitle { font-weight: normal; font-size: 18px; }
#ten ul .tags { padding-top: 10px; padding-bottom: 10px; }
#ten ul .meta , #ten ul .meta a { font-size: 11px; color:#4c555a; font-weight: bold; }



#ask-a-question { overflow: hidden; color: #4c555a; margin-bottom: 20px; }
#ask-a-question img { border: 1px #4c555a solid; float: left; }
#ask-a-question .text { float: left; width: 380px; margin-left: 20px; }
#ask-a-question .text a { color: #4c555a; font-weight: bold; }
#ask-a-question .text a.title { color: #4c555a; font-size: 24px; font-weight: normal;  }
#ask-a-question .text p { margin: 20px 0px 10px 0px; }
#ask-a-question .text span { font-size: 11px; display: block; margin-top: 10px; }

#ask-a-question .questions { 
	background-image: url('/images/site/2x4c555a.gif'); 
	background-position: top left;
	background-repeat: repeat-y;
	float: left;
	width: 312px; height: 175px;
	padding-left: 20px;
}

#ask-a-question .questions ul { list-style-type: none; margin: 0; padding: 0; }
#ask-a-question .questions ul li { margin-bottom: 10px; }
#ask-a-question .questions ul li .date { color: #4c555a; font-size: 10px; font-weight: bold; display: block; }
#ask-a-question .questions ul li .author { color: #4c555a; font-size: 10px; display: block; }
#ask-a-question .questions ul li .question-text { color: #4c555a; font-size: 12px; display: block; }
#ask-a-question .questions ul li .answer { color: #4c555a; font-size: 11px;  font-weight: bold; display: block; text-align: right; }

#logotypes {
	padding: 20px 20px 10px 20px;	
}

#logotypes img { float: left; }

#logotypes #milo { padding: 10px 20px 20px 0px; float: left; }
#logotypes #sunfish { padding: 0px 30px 10px 50px; float: left; }
#logotypes #delux { padding: 15px 20px 10px 45px; float: left; }
#logotypes #ultimate { padding: 15px 40px 10px 65px; float: left; }
#logotypes #fishing-friends { padding: 15px 20px 10px 55px; float: left; }

#logotypes #black-hole { padding: 50px 20px 20px 0px; float: left; }
#logotypes #dynamite-baits { padding: 20px 20px 10px 45px; float: left; }
#logotypes #solar-tackle { padding: 45px 20px 10px 45px; float: left; }
#logotypes #kryston { padding: 40px 30px 10px 55px; float: left; }
#logotypes #stonfo { padding: 40px 20px 10px 45px; float: left; }