/* =======================
GLOBAL STYLES
=========================*/

BODY {
margin: 0px;
padding: 0px;
text-align: left;
background: #9eb8c7 url(http://www.popknits.com/img/background.gif) top left repeat-y;
font: 12px/15px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #333333;
}

a,
a:link {
color: #506b7a;
text-decoration: none;
}

a:visited {
color: #d2b281;
text-decoration: none;
}

a:active,
a:hover {
color: #666666;
text-decoration: underline;
}

a:hover {background-position: 0 0;}

/* =======================
HEADER, TOPNAV, AND SUBNAV STYLES
=========================*/

#header {
width: 894px;
height: 120px;
float: left;
background-color: #FFFFFF;
}

#masthead {
width: 250px;
height: 120px;
float: left;
}

#logotext {
display: none;
}

#issue {
margin: -33px 0px 0px 0px;
padding: 0px 0px 0px 12px;
width: 250px;
text-align: left;
font: 13px/13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #FFFFFF;
}

#topnav {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
font-size: 14px;
color: #000000;
overflow: hidden;
}

#topnav li {
float: left; 
padding: 35px 10px 6px 10px; 
margin: 0px;
}

#topnav li a {
display: block; 
padding: 0px 0px 0px 0px;
color: #000000;
}

#topnav a:hover,
.patterns #topnav #patterns a,
.articles #topnav #articles a,
.archives #topnav #archives a,
.submit #topnav #submit a,
.info #topnav #info a,
.news #topnav #news a,
.contact #topnav #contact a {
color: #666666;
text-decoration: none;
}

.patterns #topnav li#patterns,
.articles #topnav li#articles,
.archives #topnav li#archives,
.submit #topnav li#submit,
.info #topnav li#info,
.news #topnav li#news,
.contact #topnav li#contact {
background: transparent url(http://www.popknits.com/img/nav_arrow.gif) center bottom no-repeat;
padding-bottom: 11px;
}

#patterns_subnav {
list-style: none;
padding: 0px;
margin: 0px;
font-size: 12px;
color: #666666;
overflow: hidden;
position: absolute;
top: 60px;
left: 260px;
}

#articles_subnav {
list-style: none;
padding: 0px;
margin: 0px;
font-size: 12px;
color: #666666;
overflow: hidden;
position: absolute;
top: 60px;
left: 360px;
}


#archives_subnav {
list-style: none;
padding: 0px;
margin: 0px;
font-size: 12px;
color: #666666;
overflow: hidden;
position: absolute;
top: 60px;
left: 345px;
}

#submit_subnav {
list-style: none;
padding: 0px;
margin: 0px;
font-size: 12px;
color: #666666;
overflow: hidden;
position: absolute;
top: 60px;
left: 470px;
}


#info_subnav {
list-style: none;
padding: 0px;
margin: 0px;
font-size: 12px;
color: #666666;
overflow: hidden;
position: absolute;
top: 60px;
left: 480px;
}

#news_subnav {
list-style: none;
padding: 0px;
margin: 0px;
font-size: 12px;
color: #666666;
overflow: hidden;
position: absolute;
top: 60px;
left: 640px;
}

#contact_subnav {
list-style: none;
padding: 0px;
margin: 0px;
font-size: 12px;
color: #666666;
overflow: hidden;
position: absolute;
top: 60px;
left: 772px;
}

#patterns_subnav li,
#articles_subnav li,
#archives_subnav li,
#submit_subnav li,
#info_subnav li,
#news_subnav li,
#contact_subnav li {
float: left; 
padding: 5px 20px 6px 0px; 
margin: 0px;
}

#patterns_subnav li a,
#articles_subnav li a,
#archives_subnav li a,
#submit_subnav li a,
#info_subnav li a,
#news_subnav li a,
#contact_subnav li a {
display: block; 
padding: 0px 0px 0px 0px;
color: #666666;
}

/* =======================
CONTENT CONTAINERS
=========================*/

#main_container {
width: 894px;
clear: both;
float: left;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
}

#content {
width: 882px;
float: left;
margin: -10px 0px 10px 0px;
padding: 0px 0px 0px 12px;
z-index: 2;
}

.info #content {
width: 870px;
float: left;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 12px;
z-index: 2;
}

#content_header {
width: 882px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 12px;
}

#content h1,
#content_header h1,
#sidebar h1 {
margin: 0px 0px 0px 0px;
padding: 0px;
clear: both;
}

.home #content p,
.submit #content p,
.info #content p,
.contact #content p {
clear: both;
margin: 0px;
padding: 0px 100px 12px 0px;
color: #333333;
}

.news #content,
.search #content {
width: 580px;
float: left;
margin: -10px 0px 0px 0px;
padding: 0px 20px 40px 12px;
z-index: 2;
}

.patterns #content,
.articles #content,
.preview #content,
.tags #content {
width: 580px;
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 20px 40px 12px;
z-index: 2;
}

.news #content p,
.search #content p {
clear: both;
margin: 0px;
padding: 0px 0px 12px 0px;
color: #333333;
}

.news #sidebar,
.search #sidebar {
width: 262px;
float: left;
margin: -10px 0px 0px 0px;
padding: 10px 0px 40px 0px;
z-index: 2;
}

.patterns #sidebar,
.articles #sidebar,
.tags #sidebar {
width: 262px;
float: left;
margin: 10px 0px 0px 0px;
padding: 0px 0px 40px 0px;
z-index: 2;
}

.preview #sidebar {
width: 262px;
float: left;
margin: 10px 0px 0px 0px;
padding: 0px 0px 40px 0px;
z-index: 2;
}

.content-divider {
width: 580px;
background: url(http://www.popknits.com/img/comment_divider.gif) center top no-repeat;
height: 30px;
margin: 30px 0px 30px 0px;
padding: 0px 0px 0px 0px;
float: left;
clear: both;
}

/* =======================
HOMEPAGE 
=========================*/

.home #content h1 {
margin: 0px;
padding: 0px;
}

.home #content table,
.home #content table td {
margin: 0px;
padding: 0px;
}

.home #content #featured_pattern img,
.home #content #featured_pattern_v2 #pattern_img img,
.home #content #featured_article #article_img img {
border: 1px #e9d9c0 solid;
background-color: #f5eee3;
margin: 0px 0px 10px 0px;
padding: 2px;
}

.home #content #featured_pattern {
margin: 10px 0px 0px 0px;
padding: 0px 0px 20px 0px;
width: 870px;
float: left;
clear: both;
}

.home #content #featured_pattern p,
.home #content #featured_pattern_v2 p,
.home #content #news_links p,
.home #content #featured_article p {
margin: 0px 0px 12px 0px;
padding: 0px;
}

.home #content #featured_pattern #mainimg_portrait {
background: url(http://www.popknits.com/img/patterns_mainimg_port.gif) left center no-repeat;
text-align: center;
margin: 0px 20px 0px 0px;
padding: 0px;
width: 580px;
float: left;
}

.home #content #featured_pattern #mainimg_landscape {
background: url(http://www.popknits.com/img/patterns_mainimg_land.gif) left center no-repeat;
text-align: center;
margin: 0px 20px 0px 0px;
padding: 0px;
width: 580px;
float: left;
}

.home #content #featured_pattern #main_text {
margin: 0px;
padding: 0px 0px 0px 0px;
width: 270px;
float: left;
}

.home #content #featured_article {
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
width: 870px;
float: left;
clear: both;
}

.home #content #featured_article #article_img {
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 0px;
width: 280px;
float: left;
text-align: center;
}

.home #content #featured_article #article_text {
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 0px;
width: 280px;
float: left;
}

.home #content #featured_article #article_links {
background-color: #F0F0F0;
margin: 0px 0px 0px 0px;
padding: 5px 8px 0px 8px;
width: 254px;
float: left;
}

.home #content #featured_pattern #main_text h2,
.home #content #featured_pattern_v2 #pattern_text h2,
.home #content #featured_article #article_text h2 {
font: 22px/22px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.home #content #featured_pattern #main_text h2 a,
.home #content #featured_pattern_v2 #pattern_text h2 a,
.home #content #featured_article #article_text h2 a {
font: 22px/22px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
text-decoration: none;
}

.home #content #news_links h2 {
font: 18px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.home #content #news_links h2 a {
font: 18px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
text-decoration: none;
}

.home #content #featured_pattern #main_text h3,
.home #content #featured_pattern_v2 #pattern_text h3,
.home #content #news_links h3,
.home #content #featured_article #article_text h3 {
font: 18px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #D68327;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.home #content #featured_article #article_links h4 {
margin: 0px 0px 5px 0px;
padding: 0px;
}

/* new styles */

.home #this_issue {
width: 870px;
text-align: center;
margin: 10px 0px 10px 0px;
padding: 0px;
}

.home #this_issue img {
border: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}

.home #this_issue h1 {
font: 24px/24px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #666666;
}

.home #this_issue h1:before {
font: 30px/30px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #d8e5ee;
font-weight: bold;
content: "{ ";
}

.home #this_issue h1:after {
font: 30px/30px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #d8e5ee;
font-weight: bold;
content: " }";
}

.home #content #featured_pattern_v2 {
margin: 0px 20px 0px 0px;
padding: 0px 0px 20px 0px;
width: 580px;
float: left;
clear: both;
}

.home #content #news_links {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 254px;
float: left;
}

.home #content #featured_pattern_v2 h1 {
border: none;
}

.home #content #featured_pattern_v2 #pattern_img {
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 0px;
width: 280px;
float: left;
text-align: center;
}

.home #content #featured_pattern_v2 #pattern_text {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 280px;
float: left;
}


/*=======================
ISSUE, TYPE, SKILL-SET
========================*/

.patterns #content #featured,
.articles #content #featured {
width: 580px;
margin: 0px 0px 10px 0px;
float: left;
}

.patterns #content #featured #img_portrait,
.articles #content #featured #img_portrait {
background: url(http://www.popknits.com/img/patterns_land_back_port.gif) left center no-repeat;
text-align: center;
margin: 0px 20px 0px 0px;
padding: 0px;
width: 280px;
float: left;
}

.patterns #content #featured #img_landscape,
.articles #content #featured #img_landscape {
background: url(http://www.popknits.com/img/patterns_land_back_land.gif) left center no-repeat;
text-align: center;
margin: 0px 20px 0px 0px;
padding: 0px;
width: 280px;
float: left;
}

.patterns #content #featured #img_landscape img,
.articles #content #featured #img_landscape img,
.patterns #content #featured #img_portrait img,
.articles #content #featured #img_portrait img {
border: 1px #e9d9c0 solid;
background-color: #f5eee3;
margin: 0px 0px;
padding: 2px;
}

.patterns #content #featured #text,
.articles #content #featured #text {
margin: 0px;
padding: 0px;
width: 280px;
float: right;
}

.patterns #content #featured #text h2,
.articles #content #featured #text h2 {
font: 22px/22px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.patterns #content #featured #text h2 a,
.articles #content #featured #text h2 a {
font: 22px/22px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
text-decoration: none;
}

.patterns #content #featured #text h3,
.articles #content #featured #text h3 {
font: 18px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #D68327;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.patterns #content .other_left,
.articles #content .other_left {
width: 280px;
float: left;
margin: 0px 20px 10px 0px;
padding: 0px;
clear: both;
}

.patterns #content .other_right,
.articles #content .other_right {
width: 280px;
margin: 0px 0px 10px 0px;
padding: 0px;
float: left;
}

.patterns #content .other_left img.thumb,
.patterns #content .other_right img.thumb,
.articles #content .other_left img.thumb,
.articles #content .other_right img.thumb {
border: 1px #e9d9c0 solid;
background-color: #f5eee3;
margin: 0px 10px 5px 0px;
padding: 2px;
float: left;
}

.patterns #content .other_left h4,
.patterns #content .other_right h4,
.articles #content .other_left h4,
.articles #content .other_right h4 {
font: 16px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.patterns #content .other_left h4 a,
.patterns #content .other_right h4 a,
.articles #content .other_left h4 a,
.articles #content .other_right h4 a {
font: 16px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
text-decoration: none;
}

.patterns #content .other_left h5,
.patterns #content .other_right h5,
.articles #content .other_left h5,
.articles #content .other_right h5 {
font: 14px/14px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #D68327;
margin: 0px 0px 5px 0px;
padding: 0px;
}

/*=======================
PATTERN & ARTICLE ARCHIVES
========================*/

.archive h3 {
margin: 20px 0px 15px 0px;
padding: 0px;
}

/*=======================
TAGS
========================*/

#cloud {

}

.tags #content .other_left {
width: 280px;
float: left;
margin: 0px 20px 10px 0px;
padding: 0px;
clear: both;
}

.tags #content .other_right {
width: 280px;
margin: 0px 0px 10px 0px;
padding: 0px;
float: left;
}

.tags #content .other_left img.thumb,
.tags #content .other_right img.thumb {
border: 1px #e9d9c0 solid;
background-color: #f5eee3;
margin: 0px 10px 5px 0px;
padding: 2px;
float: left;
}

.tags #content .other_left h4,
.tags #content .other_right h4  {
font: 16px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.tags #content .other_left h4 a,
.tags #content .other_right h4 a{
font: 16px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
text-decoration: none;
}

.tags #content .other_left h5,
.tags #content .other_right h5{
font: 14px/14px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #D68327;
margin: 0px 0px 5px 0px;
padding: 0px;
}


/*=======================
PREVIEW
========================*/

.preview #content .pattern_info {
width: 580px;
margin: 0px 0px 15px 0px;
float: left;
clear: both;
}

.preview #content .pattern_info .img_portrait {
background: url(http://www.popknits.com/img/patterns_land_back_port.gif) left center no-repeat;
text-align: center;
margin: 0px 20px 0px 0px;
padding: 0px;
width: 280px;
float: left;
}

.preview #content .pattern_info .img_landscape {
background: url(http://www.popknits.com/img/patterns_land_back_land.gif) left center no-repeat;
text-align: center;
margin: 0px 20px 0px 0px;
padding: 0px;
width: 280px;
float: left;
}

.preview #content .pattern_info .img_portrait img,
.preview #content .pattern_info .img_landscape img {
border: 1px #e9d9c0 solid;
background-color: #f5eee3;
margin: 0px 0px;
padding: 2px;
}

.preview #content .pattern_info .text {
margin: 0px;
padding: 0px;
width: 280px;
float: right;
}

.preview #content .pattern_info .text h2 {
font: 22px/22px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.preview #content .pattern_info .text h2 a {
font: 22px/22px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
text-decoration: none;
}

.preview #content .pattern_info .text h3 {
font: 18px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #D68327;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.preview #sidebar .other_article {
width: 270px;
float: left;
margin: 0px 0px 10px 0px;
padding: 0px;
clear: both;
}

.preview #content .pattern_info img.thumb,
.preview #sidebar .other_article img.thumb {
border: 1px #e9d9c0 solid;
background-color: #f5eee3;
margin: 0px 10px 5px 0px;
padding: 2px;
float: left;
}

.preview #content .pattern_info h4,
.preview #sidebar .other_article h4 {
font: 16px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.preview #content .pattern_info h4 a,
.preview #sidebar .other_article h4 a {
font: 16px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
text-decoration: none;
}

.preview #content .pattern_info h5,
.preview #sidebar .other_article h5 {
font: 14px/14px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #D68327;
margin: 0px 0px 5px 0px;
padding: 0px;
}


/*=======================
PATTERNS
========================*/

.patterns #content img,
.articles #content img {
border: 1px #e9d9c0 solid;
background-color: #f5eee3;
margin: 0px 0px 10px 0px;
padding: 2px;
}

#content img.center {
text-align: center;
}

.patterns #content #mainimg_portrait {
background: url(http://www.popknits.com/img/patterns_mainimg_port.gif) left center no-repeat;
text-align: center;
margin: 0px;
padding: 0px;
width: 580px;
}

.patterns #content #mainimg_landscape {
background: url(http://www.popknits.com/img/patterns_mainimg_land.gif) left center no-repeat;
text-align: center;
margin: 0px;
padding: 0px;
width: 580px;
}

#author {
width: 580px;
background: url(http://www.popknits.com/img/comment_divider.gif) center top no-repeat;
margin: 30px 0px 0px 0px;
padding: 30px 0px 0px 0px;
float: left;
clear: both;
}

#author img.author {
border: 1px #e9d9c0 solid;
background-color: #f5eee3;
margin: 0px 10px 5px 0px;
padding: 2px;
float: left;
}

#credits {
width: 580px;
margin: 0px;
padding: 15px 0px 0px 0px;
float: left;
clear: both;
}

#from_flickr {
width: 580px;
margin: 0px;
padding: 15px 0px 0px 0px;
float: left;
clear: both;
}

#errata {
width: 580px;
margin: 0px;
padding: 15px 0px 0px 0px;
float: left;
clear: both;
}

#license {
width: 580px;
margin: 0px;
padding: 15px 0px 0px 0px;
float: left;
clear: both;
}

#license img {
border: none;
margin: 8px 0px 8px 0px;
padding: 0px;
}

#notes {
width: 580px;
margin: 0px;
padding: 15px 0px 0px 0px;
float: left;
clear: both;
}

#next_previous {
width: 580px;
margin: 0px;
padding: 15px 0px 0px 0px;
float: left;
clear: both;
}

.chart {
text-align: center;
font-size: 10px;
line-height: 16px;
margin: 20px 0px 20px 0px;
padding: 0px;
}

.chart img {
border: none;
margin: 0px 0px 5px 0px;
padding: 1px;
}

.chart img a {
border: none;
}

#console {
width: 254px;
background-color: #F0F0F0;
margin: 0px 0px 20px 0px;
padding: 8px;
line-height: 18px;
}

#warning {
width: 254px;
margin: -10px 0px 20px 0px;
padding: 18px 8px 8px 8px;
line-height: 18px;
background: #f5eee3 url(http://www.popknits.com/img/warning.gif) 8px 8px no-repeat;
}

/*=======================
ADVERTISING
========================*/

table#ad_rates_table {
clear: both;
float: left;
width: 850px;
margin: 0px 0px 20px 0px;
padding: 0px;
}

table#ad_rates_table td {
margin: 0px 0px 0px 0px;
padding: 6px;
}

table#ad_rates_table th {
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 6px;
}

table#ad_rates_table td.rowOne {
background-color: #d0dde6;
}

table#ad_rates_table td.rowTwo {
background-color: #f0f0f0;
}

#sponsor_home {
width: 894px;
background-color: #ffffff;
clear: both;
float: left;
text-align: center;
color: #666666;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
}

#sponsor_home_google {
width: 894px;
background-color: #ffffff;
clear: both;
float: left;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
}

#sponsor_sidebar {
width: 278px;
/*float: left; */
margin: 0px;
padding: 10px 0px 20px 0px;
z-index: 2;
}

#sponsor_patterns_articles {
width: 580px;
background-color: #ffffff;
clear: both;
float: left;
text-align: center;
color: #666666;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
}

#sponsor_sidebar img.sponsor,
#sponsor_home img.sponsor,
#sponsor_patterns_articles img.sponsor {
border: none;
margin: 0px;
padding: 0px;
}

/*=======================
CONTACT FORM
========================*/

#contact_form input.text {
margin: 5px 0px 5px 0px;
padding: 3px;
background: #FFFFFF;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#contact_form select {
margin: 5px 0px 5px 0px;
padding: 3px;
background: #FFFFFF;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#contact_form textarea {
margin: 5px 0px 5px 0px;
padding: 3px;
background: #FFFFFF;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#contact_form .submit {
margin: 5px 0px 5px 0px;
padding: 3px;
background: #FFFFFF;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#contact_form .submit:hover {
margin: 5px 0px 5px 0px;
padding: 3px;
background: #000000;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #FFFFFF;
}

/*=======================
COMMENTS & COMMENTS FORM
========================*/

div.comment {
width: 580px;
margin: 10px 0px 15px 12px;
padding: 0px 0px 20px 0px; 
background: url(http://www.popknits.com/img/comment_divider.gif) center bottom no-repeat;
clear: both;
float: left;
}

div.comment_info {
float: left;
width: 150px;
color: #666666;
margin: 0px 12px 8px 0px;
padding: 0px;
text-align: center;
}

div.comment_info .count {
font: 36px/40px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}

div.comment_info .number {
color: #d8e5ee;
}

div.comment_content {
text-align: left;
float: right;
width: 390px;
margin: 0px;
padding: 0px 10px 0px 0px;
}

#comment_form input.text {
margin: 5px 0px 5px 0px;
padding: 3px;
background: #FFFFFF;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#comment_form input.captcha {
margin: 5px 5px 5px 0px;
padding: 3px;
float: left;
background: #FFFFFF;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#comment_form select {
margin: 5px 0px 5px 0px;
padding: 3px;
background: #FFFFFF;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#comment_form textarea {
margin: 5px 0px 5px 0px;
padding: 3px;
background: #FFFFFF;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#comment_form .submit {
margin: 5px 5px 5px 0px;
padding: 3px;
background: #FFFFFF;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#comment_form .submit:hover {
margin: 5px 5px 5px 0px;
padding: 3px;
background: #000000;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #FFFFFF;
}

/*=======================
SEARCH & SEARCH FORM
========================*/

.search_parameters {
margin: 0px 0px 15px 0px;
padding: 0px;
clear: both;
float: left;
}

#searchform input.text {
margin: 5px 0px 5px 0px;
padding: 3px;
background: #FFFFFF;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#searchform select {
margin: 5px 10px 5px 0px;
padding: 3px;
float: left;
background: #FFFFFF;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#searchform textarea {
margin: 5px 0px 5px 0px;
padding: 3px;
background: #FFFFFF;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#searchform .submit {
margin: 5px 0px 5px 0px;
padding: 3px;
background: #FFFFFF;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#searchform .submit:hover {
margin: 5px 0px 5px 0px;
padding: 3px;
background: #000000;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #FFFFFF;
}

table#search_results_table {
clear: both;
float: left;
width: 850px;
margin: 0px 0px 20px 0px;
padding: 0px;
}

table#search_results_table td {
margin: 0px 0px 0px 0px;
padding: 6px;
}

table#search_results_table td.resultHead {
font-weight: bold;
}

table#search_results_table td.resultRowOne {
background-color: #d0dde6;
}

table#search_results_table td.resultRowTwo {
background-color: #f0f0f0;
}

/* =======================
INFO - ABOUT & FAQ
=========================*/

.info #content h1 {
margin: 0px;
padding: 0px;
}

.info #content #about_editor img {
border: 1px #e9d9c0 solid;
background-color: #f5eee3;
margin: 0px 0px 0px 0px;
padding: 2px;
}

.info #content #about_editor {
margin: 10px 0px 0px 0px;
padding: 0px 0px 20px 0px;
width: 870px;
float: left;
clear: both;
}

.info #content #about_editor p {
margin: 0px 100px 12px 0px;
padding: 0px;
}

.info #content #about_editor #mainimg_landscape {
background: url(http://www.popknits.com/img/patterns_mainimg_land.gif) left center no-repeat;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 580px;
float: left;
}

.info #content #about_editor #main_text {
margin: 0px;
padding: 0px 0px 0px 20px;
width: 270px;
float: left;
}

.info #content #about_editor #sub_text {
margin: 0px;
padding: 0px 0px 0px 0px;
float: left;
clear: both;
}

.info table {
margin: 0px;
padding: 0px;
}

.info #content #about_editor #main_text h2 {
font: 22px/22px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.info #content #about_editor #main_text h2 a {
font: 22px/22px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
text-decoration: none;
}

.info #content #about_editor #main_text h3 {
font: 18px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #D68327;
margin: 0px 0px 5px 0px;
padding: 0px;
}


/* =======================
NOTICES ON HOMEPAGE
=========================*/

#notice {
width: 800px;
margin: 10px 0px 0px 8px;
padding: 10px 20px 10px 10px;
background-color: #f5eee3;
border: 1px #c17b30 solid;
}

#notice_link {
width: 842px;
text-align: right;
margin: 0px 0px -10px 0px;
padding: 4px 0px 0px 10px;
}

#hide {
visibility: hidden;
}

.recent_notice {
font-size: 14px;
}

/*=======================
FLICKR BADGE
========================*/

#flickr_badge_uber_wrapper {
margin: 0px 0px 8px 0px;
padding: 0px;
float: left;
}

#flickr_badge_wrapper {

}

.flickr_badge_image {
margin: 0px 4px 0px 0px;
float: left;
}

.flickr_badge_image img {
border: 1px #e9d9c0 solid;
background-color: #f5eee3;
margin: 0px 4px 0px 0px;
padding: 2px;
float: left;
}

#flickr_badge_source {
text-align: left; 
margin: 0px 4px 0px 0px;
}

#flickr_badge_icon {
float: left; 
margin-right: 4px;
}

#flickr_www {
display: block; 
padding: 0px; 
font: 11px Arial, Helvetica, Sans serif !important; 
color: #3993ff !important;
}

#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
text-decoration: none !important; 
background: inherit !important;
color: #3993ff;
}

#flickr_badge_source {
padding:0 !important; 
font: 11px Arial, Helvetica, Sans serif !important; 
color: #666666 !important;
}

/*=======================
MAILINGLIST FORM
========================*/

#mailinglist_form input.text {
margin: 5px 0px 5px 0px;
padding: 3px;
background: #FFFFFF;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#mailinglist_form .submit {
margin: 5px 0px 5px 0px;
padding: 3px;
background: #FFFFFF;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#mailinglist_form .submit:hover {
margin: 5px 0px 5px 0px;
padding: 3px;
background: #000000;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #FFFFFF;
}

/* =======================
MAIN ARCHIVES / SITE MAP
=========================*/


#content #archive_column1 {
width: 280px;
margin: 0px 0px 10px 0px;
padding: 0px;
float: left;
}

#content #archive_column2 {
width: 280px;
margin: 0px 0px 10px 20px;
padding: 0px;
float: left;
}

#content #archive_column3 {
width: 270px;
margin: 0px 0px 10px 20px;
padding: 0px;
float: left;
}


/* =======================
SUBCONTENT 
=========================*/

#subcontent {
width: 894px;
background: #d8e5ee url(http://www.popknits.com/img/subcontent_background.gif) left top repeat-x;
clear: both;
float: left;
color: #666666;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#subcontent #column1 {
width: 280px;
padding: 15px 0px 10px 12px;
margin: 0px;
float: left;
}

#subcontent #column2 {
width: 280px;
padding: 15px 0px 10px 20px;
margin: 0px;
float: left;
}

#subcontent #column3 {
width: 270px;
padding: 15px 0px 10px 20px;
margin: 0px;
float: left;
}

#subcontent h5 {
margin: 0px 0px 2px 0px;
border: none;
}

#subcontent h5.sub {
margin: 15px 0px 2px 0px;
border: none;
}

#subcontent p {
margin: 0px 0px 8px 0px;
}

#search {
text-align: left;
}

#search form {
margin: 0px 0px 15px 0px;
padding: 0px;
}

input.quicksearch {
margin: 0px 0px 5px 0px;
padding: 3px 3px 3px 15px;
background: #FFFFFF url(http://www.popknits.com/img/search_background.gif) left center no-repeat;
width: 220px;
border: #000000 1px solid;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

.donate {
margin: 10px 0px 0px 0px;
padding: 0px;
text-align: center;
}


/* =======================
FOOTER
=========================*/

#footer {
width: 894px;
clear: both;
float: left;
margin: 0px 0px 0px 0px;
padding: 60px 0px 10px 0px;
text-align: center;
background: #d8e5ee url(http://www.popknits.com/img/footer_background.gif) bottom left no-repeat;
}

#copyright {
margin: 10px 0px 0px 10px;
padding: 0px;
font-size: 10px;
}

/* =======================
TEXT STYLES
=========================*/

h2 {
font: 22px/22px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
margin: 10px 0px 5px 0px;
padding: 0px;
}

h3 {
font: 18px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #D68327;
margin: 10px 0px 5px 0px;
padding: 0px;
}

h4 {
font: 16px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
font-weight: bold;
margin: 15px 0px 5px 0px;
padding: 0px;
}

h5 {
font: 13px/13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
color: #333333;
font-weight: bold;
font-style: italic;
margin: 20px 0px 5px 0px;
padding: 0px;
}

p {
margin: 0px 0px 12px 0px;
padding: 0px;
}

p.right {
float: right;
margin: 12px 0px 12px 12px;
padding: 0px;
}

p.left {
float: left;
margin: 12px 12px 12px 0px;
padding: 0px;
}

ul {
margin-top: 0px;
margin-bottom: 10px;
list-style-type: circle;
}

ul li {
margin: 0px 100px 4px 0px;
padding: 0px;
}

ul ul {
margin-top: 5px;
margin-left: 0px;
margin-bottom: 10px;
list-style-type: circle;
color: #666666;
}

ul ul li {
margin: 0px 100px 4px 0px;
padding: 0px;
}

ol {
margin-top: 0px;
margin-bottom: 10px;
list-style-type: decimal;
}

ol li {
margin: 0px 100px 4px 0px;
padding: 0px;
}

.callout {
color: #666666;
}

.red {
color: #CC3333;
}

.warning {
background-color: #f5eee3;
padding: 3px;
}

ul.arrow  {
list-style-type: none;
list-style-image: url(http://www.popknits.com/img/arrow.gif);
margin: 0px 0px 5px 20px;
padding: 0px;
}

ul.arrow li {
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 0px;
}

a.arrow_link {
background: transparent url(http://www.popknits.com/img/arrow.gif) left center no-repeat;
padding-left: 12px;
margin-left: 0px;
}

a.plus_link {
background: transparent url(http://www.popknits.com/img/plus_sign.gif) left center no-repeat;
padding-left: 17px;
margin-left: 0px;
}

a.bookmark_link {
background: transparent url(http://www.popknits.com/img/bookmark.gif) left center no-repeat;
padding-left: 15px;
margin-left: 0px;
}

a.star_link {
background: transparent url(http://www.popknits.com/img/star.gif) left center no-repeat;
padding-left: 15px;
margin-left: 0px;
}

a.next_link {
background: transparent url(http://www.popknits.com/img/arrow_dash_right.gif) right center no-repeat;
padding-right: 15px;
margin-left: 0px;
}

a.previous_link {
background: transparent url(http://www.popknits.com/img/arrow_dash_left.gif) left center no-repeat;
padding-left: 15px;
margin-left: 0px;
}

a.download_link {
background: transparent url(http://www.popknits.com/img/arrow_dash_down.gif) left center no-repeat;
padding-left: 12px;
margin-left: 0px;
}

a.pdf_link {
background: transparent url(http://www.popknits.com/img/icon_pdf.gif) left center no-repeat;
padding-left: 20px;
padding-bottom: 2px;
margin-left: 0px;
}

a.delicious_link {
background: transparent url(http://www.popknits.com/img/icon_delicious.gif) left center no-repeat;
padding-left: 15px;
margin-left: 0px;
}

a.myyahoo_link {
background: transparent url(http://www.popknits.com/img/icon_myyahoo.gif) left center no-repeat;                                            
padding-left: 22px;
margin-left: 0px;
}

a.rss_link {
background: transparent url(http://www.popknits.com/img/icon_rss.gif) left center no-repeat;
padding-left: 17px;
margin-left: 0px;
}

a.footer_link {
background: transparent url(http://www.popknits.com/img/arrow.gif) left center no-repeat;
padding-left: 8px;
margin-left: 0px;
}

a.notices_link {
background: transparent url(http://www.popknits.com/img/bell.gif) left center no-repeat;
padding-left: 12px;
margin-left: 0px;
}

.clear {
clear: both;
}