/*
Theme Name: MultiStripe
Theme URI: http://jennalorryn.com
Description: Custom theme for Jenna Dixon's personal site
Version: 1.0
Author: Jenna Dixon
Author URI: http://jennalorryn.com
*/

* { padding: 0; margin: 0; }
img, div, a, div a img { behavior: url(iepngfix.htc) }
.clear { clear: both; }
img, a img { outline: none; border: none; }
sup { vertical-align: top; }
body {  color: #666; margin: 0px;  padding: 0px; font-family:  "Arial", Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: normal;
background-repeat: repeat; }


/* Headings */
h1,h2,h3,h4,h5,h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#666; text-decoration:none; font-weight: normal; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#999;text-decoration:none; font-weight: normal;}
h1 { font-size: 55px; padding: 15px 0 5px 0; }
h2 { font-size: 30px; padding: 0 0 5px 0;}
h2.pagetitle { font-size: 30px; margin: 0 0 10px 0; padding: 0 0 5px 0; }
h3 { font-size: 22px; margin: 10px 0 0 0 ; padding: 0 0 0 0;}
.entry-home h3 { border-bottom: 1px dotted #666; display: block;  width: 518px; margin: 15px 0 0 0;}
h3.archive-header { font-size: 20px; color: #999; padding:0 0 0 0; font-weight: normal; }
h3 span.top { padding: 0; margin: 0 0 -3px 0; display: block; font-size: 20px; color: #b9b9b9; text-transform: lowercase; }
h3 span.bottom { padding: 0; margin: 0; display: block; font-size: 20px; color: #666; text-transform: uppercase; }
h4 { font-size: 18px; padding:0 0 5px 0;color:#999; }
h5{ font-size: 16px; padding:0 0 5px 0; color:#999; }
h6{ font-size: 16px; padding:0 0 5px 0; color:#999; }


/* Links */
#content .entry p a, #content .entry p a:visited, 
#content .entry-home p a, #content .entry-home p a:visited, 
#content .post p a, #content .post p a:visited, 
#twitter a, #twitter a:visited, 
#footer a, #footer a:visited, 
.edit-entry a, .edit-entry a:visited, 
.post-nav a, .post-nav a:visited,
.post-nav a, .post-nav a:visited,
.archive-post-nav a, .archive-post-nav a:visited,
.post-nav-left a, .post-nav-left a:visited, 
.post-nav-right a, .post-nav-right a:visited,
#commentform a, #commentform a:visited,
.cat-time a, .cat-time a:visited, 
#previous-pics a, #previous-pics a:visited {
color: #444;
text-decoration: none;
border-bottom: 1px dotted #444;
}

#content .entry p a:hover, 
#content .entry-home p a:hover, 
#content .post p a:hover, 
#twitter a:hover, 
#footer a:hover,
.edit-entry a:hover,
.post-nav a:hover,
.archive-post-nav a:hover,
.post-nav-left a:hover,
.post-nav-right a:hover,
#commentform a:hover,
.cat-time a:hover,
#previous-pics a:hover {
color: #666;
text-decoration: none;
border-bottom: none;
}

ul#social a, ul#social a:visited, ul#social a:hover { border-bottom: none; }
#footer-right p a img, #footer-right p a:visited img, #footer-right p a:hover img { border-bottom: none; }
ul#social li { width: 39px; height: 38px; margin: 5px 5px 0 0; float: left; list-style: none;}


/* Text Formatting */
.entry p, .post p { line-height: 18px; padding: 0 0 15px 0; text-align: justify; }
.cat-time p, .post-nav p, #commentform p  { color: #a7a7a7; margin: 0 0 10px 0; font-size: 12px; }
.archive-post-nav { color: #a7a7a7; margin: 5px 0 0 0; font-size: 12px; }
#footer-right p { text-align: right;}


/* Background images */
#nav-area { background: url(images/navareabg.png) no-repeat; }
#nav { background: url(images/navbg.jpg) no-repeat; }
#content-wrap { background: url(images/contentbg.png) repeat-y; }
#twitter { background: url(images/twitterbg.jpg) no-repeat; }
#lastfm { background: url(images/lastfmbg2.jpg) no-repeat; }
#picaday { background: url(images/flickrbg.jpg) no-repeat; }
#footer { background: url(images/footerbg.jpg); }
#contact { background: url(images/pigeons.png) top right no-repeat; }


/* Sprite */
ul#sprite {margin: 0; list-style: none; }
ul#sprite li { display: inline; }
ul#sprite li a { outline: none; position: relative; border-bottom: none; float: left; display: block; height: 58px; margin: 4px 0 0 0; background-image: url(images/sprite.png);  text-indent: -9999px; }
ul#sprite li a.about { width: 147px; background-position: 0 0; }
ul#sprite a.portfolio { width:194px; background-position:-147px 0;	}
ul#sprite a.contact { width:180px; background-position:-341px 0; }
ul#sprite a.about:hover, ul#sprite li a.about:focus { background-position:  0 -58px; }
ul#sprite a.portfolio:hover, ul#sprite li a.portfolio:focus { background-position: -147px -58px; }
ul#sprite a.contact:hover, ul#sprite li a.contact:focus { background-position: -341px -58px; }

ul.view-project {margin: 0; list-style: none; }
ul.view-project li { display: inline; }
ul.view-project li a { outline: none; border-bottom: none; float: right; height:39px; margin: 8px 0 0 0; background-image: url(images/viewproject.jpg); text-indent: -9999px; }
ul.view-project li a.project { width: 152px; background-position: 0 0; }
ul.view-project a.project:hover, ul.view-project li a.project:focus { background-position: 0px -39px; }
.project-details { width: 300px; float: left; margin: 10px 0 0 0; }
.port { height: 375px; padding: 0 0 30px 0; } 


/* Image Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #c8c8c8; text-align: center; background-color: #e5e5e5; padding-top: 4px; margin: 0 10px 10px 0;-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
#content .entry .wp-caption p.wp-caption-text { font-size: 11px; text-align: center; line-height: 17px; padding: 4px 5px; margin: 0; }
img.alignrightborder { border: 4px solid #c8c8c8; float: right; margin: 0px 0 0px 12px; }


/* Structure */
#header-wrap { width: 978px; height: 166px; }
#logo { float: left; width: 394px; height: 166px; }
#nav-area { float: right; width: 584px; height: 166px; }
#nav { margin: 75px 0 0 15px; width: 525px; height: 66px; }
#content-wrap { width: 978px; }
#footer { width: 903px; height: 40px; margin: 20px 0 0 0; padding: 25px 25px 0px 30px; }
#footer-left { float: left; width: 603px; }
#footer-right { float: right; width: 300px; }
/* Sidebar */
#sidebar { float: left; width: 364px; padding: 0 0 0 30px; }
#picaday { width: 336px; height: 270px; margin: 30px 0 15px 0; padding: 15px 25px 25px 25px; }
#lastfm { width: 336px; height: 285px; margin: 0 0 1px 0; padding: 20px 25px; }
/* Main Column */
#content { float: right; width: 519px; padding: 30px 45px 0 10px; }
.archive-entry { float: left; width: 215px; margin: 0 44px 30px 0; }
.edit-entry { float: right; }
.post { padding: 0 0 25px 0; margin: 0 0 25px 0; }
/* Portfolio */
ul.portfolio { width: 519px; margin: 0 0 15px 0; float: left; }
ul.portfolio li { margin: 0 15px 20px 5px; float: left; width: 153px; list-style: none; }
ul.portfolio li img { width: 143px; border: 4px solid #c8c8c8;  margin: 0; }
ul.portfolio li img:hover { width: 143px; border: 4px solid #a5a5a5;}
ul.portfolio li a, ul.portfolio li a:visited { color:#666; text-decoration: none; font-size: 12px; float: left; }
ul.portfolio li a:hover { color:#333; text-decoration: none; float: left;}
.portfolio strong { margin: 5px 0 0 0; font-size: 12px; line-height: 14px; width:150px; font-weight: normal; display: block; height: 24px; }
img.case-study { border: 4px solid #c8c8c8; margin: 10px 0; }
img.case-study:hover { border: 4px solid #a5a5a5; margin: 10px 0; }



/* Pic-A-Day */
#pic { margin: -10px 0 0 -45px; }
#pic li { border: 8px solid #c8c8c8; width: 275px; height: 155px; overflow: hidden; }
.archive-entry li { border: 8px solid #c8c8c8; width: 215px; height: 100px; overflow: hidden; }
#pic img { bottom: 50px; position: relative; }
.archive-entry img { bottom: 20px; margin: 0 auto; width: 100%; height: auto; position: relative; }
#pic li:hover, .archive-entry li:hover { margin: 0; border: 8px solid #a5a5a5; }	
#previous-pics { float: right; margin: 15px 45px 0 0; }
#the-date { width: 285px; color: #c8c8c8; font-size: 20px; text-align: right; margin: -5px 0 5px -50px; }
@media screen and (-webkit-min-device-pixel-ratio:0){
#the-date { margin: -5px 0px -15px 0px; width: 240px;}
#pic { margin: 10px 0 0 -45px; }
}
#the-date a, #the-date a:visited { color: #c8c8c8; text-decoration: none; outline: none; }
#the-date a:hover { outline: none; color: #a5a5a5; text-decoration: none; }


/* Last.Fm */
.lastfm-timestamp { color: #999999; }
a:link.lastfm-link, a:visited.lastfm-link { color: #999; text-decoration: none; }
a:hover.lastfm-link { color: #999; }
ul.lastfm { width: 290px; color: #999; margin: 5px 0 0 0; list-style: none; }
li.lastfm-item { padding: 4px 4px 6px 4px; border-bottom: 1px dotted #999; list-style: none; height: 15px; line-height: 18px; overflow: hidden; }
#lastfm ul li a { border-bottom: none; }
#lastfm ul li a:hover { color: #666; border-bottom: none; }


/* Forms */

input, textarea { background: rgba(238, 238, 235, 0.50); filter:alpha(opacity=50); border: 1px solid #c8c8c8; padding: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} 
p input#sendme {cursor: pointer; background-color: #ebebe7; border: 1px solid #c8c8c8; color: #333; -moz-border-radius: 2px; -webkit-border-radius: 2px; }