/*----------------------------------
WOLFE STUDIOS
VERSION: 1.0 
NAME: PAPER & PINS
DATE: 12/26/08

IMPORTANT!!! 
ALL CODE FOR THIS IS COPYRIGHTED, ALEXANDER L WOLFE
ANY ATTEMPT TO STEAL, MODIFY, OR REDISTRIBUTE CONTENT 
WITHOUT MY EXPRESS PERMISSION WILL RESULT IN IMMEDIATE LEGAL ACTION INCLUDING THE REVOCATION OF ANY OR ALL DOMAINS ASSOCIATED WITH THE CRIME OR PERSON(S) INVOLVED. THANKS, HAVE A NICE DAY! 
-----------------------------------*/ 


/*LAYOUT
=== === === === === === === === === === */
body {
background: #d5d4ce url(/resources/images/backgrounds/paper.jpg) repeat top left;
text-align: center;
}
.masthead {
background: url(/resources/images/backgrounds/navigation/jean.png) repeat-x top center;
height: 85px;
text-align: center;
position: relative;
}
.centerme {
width: 900px; 
margin: 0 auto;
}
.hideme {
visibility: hidden;
}

/*LAYOUT
=== === === === === === === === === === */
.one_third {
width: 280px;
}


/*MARGINS & WHITESPACE
=== === === === === === === === === === */
.margin_30_r {
margin-right: 30px;
}



/*MASTHEAD
=== === === === === === === === === === */
.masthead h1 {
height: 105px;
width: 285px;  
overflow: hidden;
font-size: 190%;
text-align: center;
line-height: 250%;
font-weight: bold;
position: absolute;
}
.masthead h1 span {
background: url(/resources/images/logos/red_stitch_logo.png) no-repeat top center;
height: 105px;
width: 285px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}

#navigation {
float: right;
}
#navigation li {
float: left;
margin-left: 15px;
padding: 10px 20px 10px 0px;
}
#navigation li.stich1 {
background: url(/resources/images/backgrounds/navigation/stitch_divider_3.png) no-repeat top right;
}
#navigation li.stich2 {
background: url(/resources/images/backgrounds/navigation/stitch_divider_2.png) no-repeat top right;
}
#navigation li.stich3 {
background: url(/resources/images/backgrounds/navigation/stitch_divider_1.png) no-repeat top right;
}
#navigation li.selected strong {
background: url(/resources/images/backgrounds/navigation/underline_stitches.jpg) no-repeat bottom center;
font-weight: bold;
font-size: 107%;
padding-bottom: 15px;
float: left;
}
#navigation .selected .home {
background:  url(/resources/images/backgrounds/navigation/jean_nav_rollover.png) no-repeat 0px 0px;
}
#navigation .selected .work {
background:  url(/resources/images/backgrounds/navigation/jean_nav_rollover.png) no-repeat -125px 0px;
}
#navigation .selected .about {
background:  url(/resources/images/backgrounds/navigation/jean_nav_rollover.png) no-repeat -250px 0px;
}
#navigation .selected .contact  {
background:  url(/resources/images/backgrounds/navigation/jean_nav_rollover.png) no-repeat -365px 0px;
}
#navigation li a {
float: left;
color: #999;
font-size: 122%;
text-decoration: none;
}
#navigation li .home {
width: 65px;
height: 20px;
background:  url(/resources/images/backgrounds/navigation/jean_nav_rollover.png) no-repeat 0px -40px;
overflow: hidden;
text-indent: -3000px;
}
#navigation li .work {
width: 75px;
height: 20px;
background:  url(/resources/images/backgrounds/navigation/jean_nav_rollover.png) no-repeat -125px -40px;
overflow: hidden;
text-indent: -3000px;
}
#navigation li .about {
width: 80px;
height: 20px;
background:  url(/resources/images/backgrounds/navigation/jean_nav_rollover.png) no-repeat -250px -40px;
overflow: hidden;
text-indent: -3000px;
}
#navigation li .contact {
width: 105px;
height: 20px;
background:  url(/resources/images/backgrounds/navigation/jean_nav_rollover.png) no-repeat -365px -40px;
overflow: hidden;
text-indent: -3000px;
}

#navigation li .rss {
width: 32px;
height: 29px;
background: url(/resources/images/backgrounds/navigation/rss.png) no-repeat bottom center;
overflow: hidden;
text-indent: -3000px;
}


/* POSTCARD
============================================= */
.postcard {
background: url(/resources/images/backgrounds/billboard/postcard_green.png) no-repeat top left;
height: 390px;
width: 600px;
display: block;
padding: 1px;
text-align: left;
margin: 20px auto;
position: relative;
}
.postcard .top_warning {
position: absolute;
top: 25px;
left:190px;
color: #900;
font-weight: bold;
}
 .postcard .success {
position: absolute;
top: 25px;
left:200px;
color: #30501c;
font-weight: bold;
}
.postcard .warning {
color: #900;
font-weight: bold;
}
.postcard label {
display: block;
margin-bottom: 3px;
font-size: 77%;
font-weight: bold;
color: #444;
}
.postcard .pc_comments {
width: 250px;
padding: 120px 20px 20px 30px;
}
.postcard .pc_comments textarea {
width: 237px;
height: 187px;
padding: 3px;
background: none;
border: 1px dashed #bda378;
}
.postcard .pc_address {
width: 250px;
padding: 125px 30px 20px 20px;
}
.postcard .pc_address li {
margin-bottom: 25px;
}
.postcard .pc_address .field {
background: none;
border: 1px dashed #bda378;
width: 95%;
padding: 3px;
}
.postcard #send {
width: 120px;
height: 40px;
padding-left: 45px;
font-weight: bold;
font-size: 100%;
color: #333;
border: none;
cursor: pointer;
background: url(/resources/images/backgrounds/billboard/send_button.png) no-repeat top center;
}
.postcard .stamped {
display: block;
width: 110px;
height: 95px;
position: absolute;
right: 27px;
top: 30px;
background: url(/resources/images/backgrounds/billboard/stamped.png) no-repeat top center;
}

/*BILLBOARD
=== === === === === === === === === === */
.billboard {
background: url(/resources/images/backgrounds/billboard/torn_paper_with_title.png) no-repeat top center;
height: 362px;
display: block;
padding: 1px;
margin-top: -5px;
text-align: left;
}
.billboard_small {
background: url(/resources/images/backgrounds/billboard/torn_paper_small.png) no-repeat top center;
height: 265px;
display: block;
padding: 1px;
margin-top: -5px;
text-align: left;
}
#billboard_message {
width: 800px;
margin: 65px auto;
position: relative;
}
#billboard_message h2 {
font-size: 400%;
overflow: hidden;
font-weight: bold;
color: #5690ae;
text-shadow: #666 1px 1px 2px;
height: 75px;
width: 750px;
text-indent: -3000px;
}

.billboard p {
font-family: Georgia, Times, serif;
font-size: 170%;
line-height: 36px;
color: #1e1a19;
margin: 0px 50px 0px 5px;
}
.billboard_small p {
font-family: Georgia, Times, serif;
font-size: 155%;
line-height: 34px;
color: #1e1a19;
margin: 0px 50px 0px 5px;
}
.billboard .contactme {
background: url(/resources/images/backgrounds/billboard/contact_me.png) no-repeat top center;
font-size: 144%;
text-align: left;
line-height: 50px;;
text-decoration: none;
color: #333;
font-weight: bold;
position: absolute;
bottom: -15px;
right: 10px;
height: 45px;
width: 185px;
overflow: hidden;
text-indent:-30000px;
z-index: 10;
}
.billboard_small .contactme {
background: url(/resources/images/backgrounds/billboard/contact_me_small.png) no-repeat top center;
font-size: 144%;
text-align: left;
line-height: 50px;;
text-decoration: none;
color: #333;
font-weight: bold;
position: absolute;
bottom: 5px;
right: 15px;
height: 30px;
width: 132px;
overflow: hidden;
text-indent:-30000px;
z-index: 10;
}



/*FRAMES
=== === === === === === === === === === */
#content {
width: 870px;
margin: 0px auto;
}
.frame {
width: 428px;
height: 267px;
padding: 1px;
background: url(/resources/images/backgrounds/frames/paper_frame.png) no-repeat top left;
text-align: center;
position: relative;
margin-bottom: 10px;
}
.frame a {
margin-top: 15px;
width: 390px;
height: 233px;
overflow: hidden;
display: block;
background-color: transparent;
margin: 11px auto;
color: #FFF;
font-family: Georgia, Times, serif;
text-transform: uppercase;
font-size: 180%;
line-height: 230px;
text-decoration: none;
}

.frame span.decor1 {
background: url(/resources/images/backgrounds/frames/yellow_clip.png) no-repeat top center;
width: 45px;
height: 100px;
position: absolute;
top:-6px;
left: 50px;
}
.frame span.decor2 {
background: url(/resources/images/backgrounds/frames/red_clip.png) no-repeat top center;
width: 60px;
height: 90px;
position: absolute;
top:-3px;
left: 100px;
}
.frame span.decor3 {
background: url(/resources/images/backgrounds/frames/green_clip.png) no-repeat top center;
width: 90px;
height: 65px;
position: absolute;
top:50px;
left: -8px;
}
.frame span.featured {
background: url(/resources/images/backgrounds/frames/tag.png) no-repeat top center;
width: 115px;
height: 170px;
position: absolute;
top:0px;
right: 0px;
}
.paginate {
color: #9a9a98;
font-family: Georgia, Times, serif;
font-size: 144%;
padding: 20px 0px;;
}
.paginate a {
color: #e6e6e1;
text-decoration: none;
padding: 1px 5px;
background-color: #9A9A98;
}




/*LAUNCHPAD
=== === === === === === === === === === */
.launchpad {
background: url(/resources/images/backgrounds/launchpad/launchpad_bg.png) repeat-x bottom left;
height: 355px;
padding-top: 50px;
overflow: hidden;
position: relative;
}
.launchpad .wolfetag {
display: block;
height: 35px;
width: 132px;
text-indent: -3000px;
overflow: hidden;
position: absolute;
bottom: 0;
left: 45%;
background: url(/resources/images/backgrounds/launchpad/wolfetag.png) no-repeat bottom left;
}
.launchpad .flickr_tag a {
display: block;
width: 227px;
height: 76px;
background: url(/resources/images/backgrounds/launchpad/flickr_tag.png) no-repeat top left;
overflow: hidden;
text-indent: -3000px;
margin: 0px auto 20px auto;
}
.flickr_badge_image {
float: left; 
}
#flickr_badge_image1 {
margin:0px 15px 15px 35px;
}
#flickr_badge_image2 {
margin:0px 0px 15px 0px;
}
#flickr_badge_image3 {
margin:0px 15px 0px 35px;
}
#flickr a {
display: block;
}
#flickr img {
border: 5px solid #000;
}
#buttons {
padding-top: 20px;
}
#buttons img {
margin: 20px 15px 5px 9px;
}
#paper_note {
background: url(/resources/images/backgrounds/launchpad/papernote.png) no-repeat top center;
height: 320px;
padding-top: 35px;
}
#paper_note p {
width: 160px;
font-size: 92%;
line-height: 18px;
margin: 0 auto;
color: #333;
}
#paper_note .author {
margin-top: 12px;
font-family: Verdana, Arial, san-serif;
text-transform: uppercase;
}

/*FOOTER
=== === === === === === === === === === */
.footer {
color: #9a9a98;
font-family: Georgia, Times, serif;
font-size: 122%;
height: 115px;
background: url(/resources/images/backgrounds/launchpad/footer.png) repeat-x left bottom;
position: relative;
}
.quotes {
color: #9a9a98;
font-family: Georgia, Times, serif;
font-size: 167%;
padding: 20px 0px 0px 0px;;
margin: 20px auto;
width: 600px;
border-top: 1px dashed #adadac;
}
.quotes .author {
color: #999;
font-family: Verdana, Arial, san-serif;
font-size: 55%;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 20px;
padding-bottom:20px;
border-bottom: 1px dashed #adadac;
}
.footer .flickr_tag {
display: block;
height: 55px;
width: 165px;
overflow: hidden;
text-indent: -3000px;
background: url(/resources/images/backgrounds/launchpad/flickr_tag_small.png) no-repeat top left;
position: absolute;
bottom: 15px;
left: 20px;
}
.footer .footer_logo {
display: block;
height: 43px;
width: 164px;
overflow: hidden;
text-indent: -3000px;
background: url(/resources/images/backgrounds/launchpad/wolfe_tag.png) no-repeat top left;
position: absolute;
bottom: 0px;
left: 45%;
}
.footer .twitter {
display: block;
height: 76px;
width: 76px;
overflow: hidden;
text-indent: -3000px;
background: url(/resources/images/backgrounds/launchpad/twitter.png) no-repeat top left;
position: absolute;
bottom: 10px;
left: 280px;
}
.footer .facebook {
display: block;
height: 78px;
width: 78px;
overflow: hidden;
text-indent: -3000px;
background: url(/resources/images/backgrounds/launchpad/facebook.png) no-repeat top left;
position: absolute;
bottom: 3px;
right: 250px;
}
.footer .linkedin {
display: block;
height: 78px;
width: 78px;
overflow: hidden;
text-indent: -3000px;
background: url(/resources/images/backgrounds/launchpad/linkedin.png) no-repeat top left;
position: absolute;
bottom: 5px;
right: 100px;
}