/* ---
    0c6282 = blue/green "H1"
    db7405 = orange
    758f44 = green
    79416b = purple
    075f80 = darker blue/green
--- */ 
@import "lander.css";
@import "nav.css";
@import "menu.css";
@import "ppc.css";
@import "sitesearch.css";
@import "search.css";

/* ---Main Elements--- */
* {
	margin:0;
	padding:0;
	border: none;
}

body {
	font-family:Verdana;
	font-size:11px;
	color: #666;
}

#wrapper {
	width:968px;
	margin:0 auto;
	background: url(http://media.hellohobbies.com/i/background.gif) repeat-y;
}

#breadcrumbs {
	width: 930px;
	height: 14px;
	padding-top:1px;
	padding-left: 22px;
	font-size:11px;
	color:#fff;
	background: url(http://media.hellohobbies.com/i/breadcrumbs.jpg) no-repeat;
}

#breadcrumbs a {
	text-decoration:none;
	color:#fff;
}

#breadcrumbs a:hover {
	text-decoration:underline;
}

#breadcrumbs2 {
	width: 930px;
	height: 14px;
	padding-top:0px;
	padding-left: 22px;
	font-size:11px;
	color:#fff;
	background: url(http://media.hellohobbies.com/i/breadcrumbs2.jpg) no-repeat;
}

#breadcrumbs2 a {
	text-decoration:none;
	color:#fff;
}

#breadcrumbs2 a:hover {
	text-decoration:underline;
}

/* Search Elements */

#search form {
	position:relative;	
	float: right;
	width: 400px;
}


#search input {
	float:left;
}

#search #textbox {
	width:247px;
	margin-left:70px;
	margin-top:40px;
	height:24px;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	color:#c8842b;
	line-height: 25px;
	background: #fff;
	border: #0c6282 1px solid;
}

#search #button {
	position: relative;
	top: 40px;
	left: 2px;
}

/* ---Content Page--- */

#contentwrapper{
	width: 933px;
	margin-left: 17px;
	background: url(http://media.hellohobbies.com/i/content-wrapper.gif) repeat-y;
	border-bottom:#82b1c0 1px solid;
}

#contentwrapper p{
	padding:0px 0px 10px 0px;
	color: #666;
}

#contentwrapper a{
	font-size:11px;
	color:#327c95;
	text-decoration:none;
}

#contentwrapper li {
	margin-left:25px;
	margin-bottom: 5px;
}

#contentwrapper ul {
	padding:5px 0 5px 0;
}

#contentwrapper h1{
	padding-bottom:5px;
	font-size:20px;
	font-family:Verdana;
	color:#075f80;
	font-weight:200;
	text-align:left;
	width: 400px;
}

#contentwrapper h2{
	padding:20px 0 5px 0;
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#db7405;
	width: 400px;
	display:block;
}

#contenwrapper2{
	width: 932px;
	margin-left: 17px;
	border-bottom:#82b1c0 3px solid;
}

#contentwrapper3{
	width: 700px;
	padding: 20px 30px 0px 20px;
}

#contenwrapper2 h2{
	padding:20px 0 5px 0;
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#db7405;
	width: 400px;
	display:block;
}

#contenwrapper3 h2{
	padding:20px 0 5px 0;
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#db7405;
	width: 400px;
	display:block;
}

#contentwrapper3 li {
	margin-left:50px;
	margin-bottom: 5px;
}

#contentwrapper3 ul {
	padding:5px 0 5px 0;
}

#contentwrapper3 p{
	padding:0px 0px 10px 0px;
	color: #666;
}

#left2{
	width: 204px;
	float: left;
	position: relative;
	background: #dfeef3;
	left: 2px;
}

#right2{
	width: 705px;
	padding-top: 10px;
	margin-right: 5px;
	margin-left:10px;
	padding-bottom: 10px;
	float: right;
}

#right2 a{
	font-size:11px;
	color:#db7405;
	text-decoration:none;
}

#right2 a:hover {
	text-decoration:underline;
	color: #758f44;
}

/* ---Text Formatting--- */

#content {
	margin-top:20px;
	margin-right: 20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#666;
}

#content p {
	padding:5px 0;
	color: #666;
}

#content a {
	font-size:12px;
	font-weight:bold;
	color:#db7405;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
	color: #db7405;
}

#content ul {
	padding:5px 0;
}

#content li {
	margin-left:20px
}

#content-left {
	float:left;
	width:290px;
}

#content-right {
	float:right;
	width:291px;
}

#content-left p, #content-right p {
	display:block;
	color:#333333;
}

#content-left h2, #content-right h2 {
	margin-top:10px;
}

h1 {
	padding-bottom:15px;
	font-size:20px;
	font-family:Verdana;
	color:#075f80;
	font-weight:200;
	text-align:left;
	width: 400px;
}

.main{
	padding-bottom:5px;
	padding-left: 0px;
	font-size:18px;
	font-family:Verdana;
	color:#79416b;
	font-weight:200;
	text-align:left;
	width: 200px;
}

h2 {
	padding:10px 0;
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#db7405;
	width: 400px;
}

.callout1-l{
	padding-bottom:0px;
	padding-left: 8px;
	font-size:18px;
	font-family:Verdana;
	color:#79416b;
	font-weight:200;
	text-align:left;
	width: 200px;
}

.callout2-l{
	padding-bottom:0px;
	padding-top: 4px;
	padding-left: 8px;
	font-size:18px;
	font-family:Verdana;
	color:#758f44;
	font-weight:200;
	text-align:left;
	width: 200px;
}

.callout3-l{
	padding-bottom:0px;
	padding-left: 8px;
	padding-top: 4px;
	font-size:18px;
	font-family:Verdana;
	color:#0c6282;
	font-weight:200;
	text-align:left;
	width: 200px;
}

h3 {
	padding:7px 0;
	font-size:14px;
	font-weight:bold;
	color:#6ba9aa;
}

#home-middle-links p{
	padding:1px 0 0 0;
	display:block;
	color:#666;
}

#home-middle-links a {
	text-decoration:none;
	color:#666;
}

#home-middle-links a:hover{
	text-decoration:underline;
}


/* ---Header Elements--- */
#header {
	width:968px;
	margin:0 auto;
	height:96px;
	background:url(http://media.hellohobbies.com/i/header.jpg) no-repeat;
}


#header img {
	width:120px;
	height:70px;
	float: left;
	position:relative;
	top:20px;
	left: 18px;
}

/* ---Top 3 Callouts--- */

#callouts-top {
	background: url(http://media.hellohobbies.com/i/callouts-top.jpg) no-repeat;
	height: 243px;
	width: 968px;
}

#ctwrapper1{
	width: 200px;
	margin-top: 177px;
	float:left;
}

#ctwrapper2{ 
	width: 200px;
	margin-left: 8px;
	margin-top: 160px;
	float:left;
}

#ctwrapper3{ 
	width: 190px;
	margin-left: 0px;
	margin-top: 173px;
	float:left;
}

#ctwrapper4{
	width:300px; 
	height: 200px;
	margin-left: 0px;
	float:left;
}

#callout-top1 a{
	width: 88px;
	height: 42px;
	position: relative;
	left: 82px;
	display: block;
	background:url(http://media.hellohobbies.com/i/polaroid-title-pottery.gif) no-repeat;
}

#callout-top1 a:hover{
	background:url(http://media.hellohobbies.com/i/polaroid-title-pottery-over.gif) no-repeat;
}

#callout-top2 a{
	width: 108px;
	height: 44px;
	position: relative;
	left: 40px;
	top: 16px;
	display: block;
	background:url(http://media.hellohobbies.com/i/polaroid-title-knitting.gif) no-repeat;
}

#callout-top2 a:hover{
	background:url(http://media.hellohobbies.com/i/polaroid-title-knitting-over.gif) no-repeat;
}

#callout-top3 a{
	width: 152px;
	height: 44px;
	position: relative;
	left: 20px;
	top: 15px;
	display: block;
	background:url(http://media.hellohobbies.com/i/polaroid-title-woodworking.gif) no-repeat;
}

#callout-top3 a:hover{
	background:url(http://media.hellohobbies.com/i/polaroid-title-woodworking-over.gif) no-repeat;
}

#callout-top4{
	width:250px;
	position: relative;
	top: 20px;
	left: 30px;
	float: left;
	font-size:11px;
	color: #666;
}

#callout-top4 p{
	font-size:13px;
	color: #666;
	text-align: left;
}


/* ---Middle 3 Callouts--- */

#callouts-middle {
	background: url(http://media.hellohobbies.com/i/callouts-middle.jpg);
	height: 161px;
	width: 968px;
}

#cmwrapper1{
	width:300px; 
	margin-left: 19px;
	float:left;
}

#cmwrapper2{
	width:300px; 
	margin-left: 12px;
	float:left;
}

#cmwrapper3{
	width:300px; 
	margin-left: 12px;
	float:left;
}

#callout-middle1 {
	width:150px;
	position:relative;
	top: 28px;
	left: 28px;
	font-size:11px;
	float: left;
	text-align: left;
	color: #0c6282;
}

#callout-middle2{
	width:150px;
	position:relative;
	top: 28px;
	left: 28px;
	font-size:11px;
	float: left;
	text-align: left;
	color: #db7405;
}

#callout-middle3{
	width:150px;
	position:relative;
	top: 28px;
	left: 28px;;
	font-size:11px;
	float: left;
	text-align: left;
	color: #79416b;
}

#readmore {
	margin-top: 10px;
	margin-bottom: 5px;
	height:9px; 
	width:80px;
}

#launch1 { 
	padding-top:2px;
	background:url(http://media.hellohobbies.com/i/button-blue.jpg) repeat-x; 
	width: 137px;
	height: 21px;
}

#launch2 { 
	padding-top:2px;
	background:url(http://media.hellohobbies.com/i/button-orange.jpg) repeat-x; 
	width: 137px;
	height: 21px;
}

#launch3 { 
	padding-top:2px;
	background:url(http://media.hellohobbies.com/i/button-purple.jpg) repeat-x; 
	width: 137px;
	height: 21px;
}

#launchtext1 { 
	width:137px; 
	height: 21px; 
	padding:1px 0px 1px 3px; 
}

#launchtext2 { 
	width:137px; 
	height: 21px;
	padding:1px 0 1px 3px; 
}

#launchtext3 { 
	width:137px; 
	height: 21px; 
	padding:1px 0 1px 3px; 
}

#launchtext1 a, #aclaunchtext a, #wflaunchtext a, #wslaunchtext a {
	font-size:11px; 
	font-weight:bold;
	color:#fff; 
	text-decoration:none;
}

#launchtext2 a, #aclaunchtext a, #wflaunchtext a, #wslaunchtext a {
	font-size:11px; 
	font-weight:bold;
	color:#fff; 
	text-decoration:none;
}

#launchtext3 a, #aclaunchtext a, #wflaunchtext a, #wslaunchtext a {
	font-size:11px; 
	font-weight:bold;
	color:#fff; 
	text-decoration:none;
}

#launchtext1 a:hover, #aclaunchtext a:hover, #wflaunchtext a:hover, #wslaunchtext a:hover {
	text-decoration:underline;
}

#launchtext2 a:hover, #aclaunchtext a:hover, #wflaunchtext a:hover, #wslaunchtext a:hover {
	text-decoration:underline;
}

#launchtext3 a:hover, #aclaunchtext a:hover, #wflaunchtext a:hover, #wslaunchtext a:hover {
	text-decoration:underline;
}


/* ---Bottom 2 Callouts--- */

#callouts-bottom {
	background: url(http://media.hellohobbies.com/i/callouts-bottom.jpg);
	height: 146px;
	width: 968px;
}

#cbwrapper1{
	width:460px; 
	margin-left: 19px;
	float:left;
}

#cbwrapper2{
	width:450px;
	margin-left: 10px;
	float:left;
	color: #db7405;
}

#callout-bottom1 {
	width:250px;
	position:relative;
	top: 35px;
	left: 14px;
	line-height: 16px;
	font-size:11px;
	float: left;
	text-align: left;
}

#callout-bottom2 {
	width:250px;
	position:relative;
	top: 35px;
	left: 14px;
	font-size:11px;
	line-height: 16px;
	float: left;
	text-align: left;
}

#callout5-box li, #callout4-box li {
	padding: 3px;
	list-style:disc;
	list-style-position:inside;
	color:#4daab7;
}

/* ---Footer Elements--- */
#footer {
	width:968px;
	height:70px;
	clear:both;	
	margin:0 auto;
	padding-top:10px;
	text-align:center;
	font-size:11px;
	color:#818285;
	background: url(http://media.hellohobbies.com/i/footer-bkg.jpg);
}

#footer a {
	padding:0 4px;
	text-decoration:none;
	color:#818285;
}

.footer img {margin:0; padding:0;} 

#footer a:hover {
	text-decoration:underline;
}

.copyright {
	padding:0 4px;
}

.next-article {      
   margin:10px 0;
   padding-left:95px;
   background:url(http://media.hellohobbies.com/i/next-article.gif) 0 2px no-repeat;
}

.next-article a.link {
    font-size:14px !important;
    font-weight:bold;
    text-decoration:underline !important;
    color:#758F44 !important;
}

.next-article a:hover {
    text-decoration:none !important;    
}

textarea {
	border:1px solid #ccc;
	padding:5px;
}

/* ~~ UX DIV STRUCTURE ~~ */

#hdrTop {}
#navTop {}
#navBot {}
#lftRlTop {}
#lftRlBot {float:left;}
#conTop {}
#ppcTop {}
#ppcLft {float:left;}
#ppcRt {float:right;}
#ppcBot {}
#conBot {}
#rtRlTop {float:right;}
#rtRlBot {float:right;}
#btmRl {margin:10px auto;}