/*  
Theme Name: Vinatge
Theme URI: http://www.christinafowler.com/
Description: A theme designed by Christina Fowler especially for christinafowler.com with vintage collage elements, pin up girls and paper textures.
Version: 1.0
Author: Christina Fowler
Author URI: http://www.christinafowler.com
Designer: Christina Fowler
Designer URI: http://www.christinafowler.com
*/

@import url(css/layout.css);
@import url(css/color.css);
@import url(css/typography.css);

body {
background:#fefefe url('images/background.jpg') top center no-repeat fixed;
font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
color:#666;
}

h1, h2, h3, h4, h5, h6 {
font-family:Baskerville, Georgia, Times, Times New Roman, serif;
}

div#content-wrapper img, div#content-wrapper a img {
padding:5px;
border:1px dotted #ccc;
background:#fff;
}
div#content-wrapper a:hover img {
border:1px dotted #999;
}
.wp-caption-text {
font-size:0.9em;
color:#999;
}

a:link, a:visited {
color:#2D8930;
border:0;
}
a:hover, a:active {
border:0;
background:#eee;
}

blockquote {
border-left:1px dotted #999;
}
pre {
border:1px dotted #999;
}

#content ul, #content ol {
margin:0.5em 0;
}

#content-wrapper #header {
padding:3em 0;
border-bottom:1px dotted #999;
margin:0 auto 1.5em;
}
#header h1, div#header .pseudoh1 {
background:url('images/christinafowler.gif') top center no-repeat;
display:block;
height:120px;
width:100%;
margin:5px;
}
#header .pseudoh1, #header .pseudoh1:hover {
border-bottom:none;
}
#header h1 span, #header .pseudoh1 span, #header span.description {
position:absolute;
top:-2000px;
left:-2000px;
}

#content-wrapper #content {
padding:10px 30px 10px 10px;
width:600px;
border-right:1px dotted #999;
float:left;
margin:0;
}
#container #content-wrapper .page {
padding: 0;
width:100%;
border:0;
}
#content-wrapper #sidebar {
width:290px;
float:right;
margin:0;
color:#999;
}

.four04 {
background:url('images/cf-green.png') top right no-repeat;
height:500px;
}

#portfolio {
padding:0 0 3em;
margin:3em 0 1.5em;
border-bottom:1px dotted #999;
clear:both;
}
.page #portfolio {
margin-top:1.5em;
}
#portfolio ul {
display:block;
text-align:center;
margin-left:0;
}
#portfolio li {
list-style:none;
float:left;
width:25%;
text-align:center;
position:relative;
}
.page #portfolio li {
margin:0 0 1.5em;
list-style:none;
}
#portfolio li a {
border:none;
}
#portfolio li a span {
position:absolute;
bottom:0;
left:10px;
padding:5px;
background:#eee;
}
#portfolio li a:hover span, .themes a:hover span {
background:#ddd;
}
#portfolio li img {
width:200px;
}

#sidebar .themes {
position:relative;
}
#sidebar .themes a {
border:0;
display:inline;
background:none;
}
.themes a span {
position:absolute;
bottom:10px;
left:10px;
padding:5px;
background:#eee;
}
#sidebar .themes a img {
margin:0 20px;
width:240px;
}

#navigation {
padding:0 0 1em;
margin:0 0 1.5em;
border-bottom:1px dotted #999;
clear:both;
text-transform:uppercase;
font:1.5em Baskerville, Georgia, Times, Times New Roman, serif;
}
#navigation ul {
width:480px;
margin:0 auto 1px;
}
#navigation li {
float:left;
padding:0 10px;
margin:0 10px;
}
#navigation .current_page_item a:link, #navigation .current_page_item a:visited, #navigation .current_page_item a:hover, #navigation .current_page_item a:active{
color:#999;
cursor:text;
background:transparent;
}

div.post, div.page {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #999;
}

.post .date, .postmetadata {
text-transform:uppercase;
color:#999;
letter-spacing:0.2em;
font-size:85%;
clear:both;
font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #999;
}
.widget h2.widgettitle, .subtitle {
text-transform:uppercase;
color:#999;
letter-spacing:0.2em;
font:85% Helvetica, "Helvetica Neue", Arial, sans-serif;
}
.widget li {
margin:0;
}
.widget li a {
display:block;
padding:5px 2px;
border-bottom:1px dotted #ccc;
}
.widget li a:hover {
background:#eee;
border-bottom:1px dotted #ccc;
}

table {
text-align:center;
width:99%;
border:1px dotted #ccc;
}
caption {
padding:5px 0;
}
table th, table td {
padding:0;
line-height:2em;
}
table th {
font-weight:bold;
background:#eee;
border:0;
}
table td {
border:1px dotted #ccc;
}
#wp-calendar td a:link, #wp-calendar td a:visited {
display:block;
border:none;
background:#eee;
}
#wp-calendar td a:hover, #wp-calendar td a:active {
background:#ddd;
}
#wp-calendar tfoot td, #wp-calendar tfoot td a:link, #wp-calendar tfoot td a:visited, #wp-calendar tfoot td a:hover, #wp-calendar tfoot td a:active {
border:0;
background:transparent;
}

#content fieldset {
border:0;
margin:0;
padding:1.5em 0 0;
}
#content form p {
padding:0;
margin:0 0 1.5em;
border:0;
}
input, textarea, select {
font-size:100%;
border:1px dotted #ccc;
padding:5px;
margin:0;
}
input:focus, textarea:focus, select:focus {
border:1px dotted #999;
}
input[type=button], input[type=submit] {
text-transform:uppercase;
letter-spacing:0.2em;
font:85% Helvetica, "Helvetica Neue", Arial, sans-serif;
border:1px dotted #ccc;
color:#333;
background:#eee;
}
input[type=button]:hover, input[type=submit]:hover {
background:#ddd;
cursor:pointer;
border:1px dotted #bbb;
}
form#searchform input#s {
width:auto;
}
#commentform fieldset {
width:100%;
}
#commentform label {
width:20%;
display:block;
float:left;
}
#commentform #submit {
margin-left:120px;
}
#commentform p {
clear:both;
}