/*
THEME NAME: JBolton
THEME URI: http://jasonbolton.com/
DESCRIPTION: Jason Bolton's theme, built using Sandbox.
VERSION: 3.0
AUTHOR: <a href="http://jasonbolton.com/">Jason Bolton</a>
AUTHOR URI: http://jasonbolton.com/
*/

/*-----     universal css     -----*/

body, #container, h1, h3, h4, h5, h6, h7, img, #menu li a, #footer {
margin: 0;
padding: 0;
}

body {
background-image: url(/images/layout/jb-background.gif);
font-family: "Myriad Pro", "Trebuchet MS", Helvetica, san serif;
}

#container {
margin: -300px auto;
width: 840px;
}

h1 {
float: left;
background-image: url(/images/layout/jb-logo.png);
width: 348px;
height: 50px;
margin: 103px 0 0 26px;
text-indent: -9999px;
}

h1 a {
display: block;
height: 100%;
width: 100%;
}

h3, h4 {
margin-top: -10px;
font-size: 30px;
color: #0076C5;
}

h3 a:hover, h4 a:hover {
text-decoration: none;
}
		
h5, h6, h7 {
margin-top: 30px;
font-size: 21px;
color: #900;
}

#top-h5, #top-h6, #top-h7 {
margin-top: 8px;
}

h5 a, h6 a, h7 a {
color: #900;
}
	
h5 a:hover, h6 a:hover, h7 a:hover {
color: #C00;
}

h3, h4, h5, h6, h7 {
font-family: Baskerville, Georgia, "Times New Roman", Times, serif;
font-weight: 100;
text-shadow: 0 2px #FFF;
}
		
p {
font-size: 15px;
color: #333;
text-shadow: 0 1px #FFF;
}

ul {
margin-top: 13px;
}

li {
list-style: none;
margin-left: -40px;
font-size: 14px;
}

a {
outline: none;
text-decoration: none;
color: #0076C5;
text-shadow: 0 1px #FFF;
}

a:hover {
color: #09F;
}

img {
margin-top: 16px;
padding: 5px;
background-image: url(/images/layout/jb-imagebackground.jpg);
background-repeat: no-repeat;
border: none;
}
	
#headerimg {
margin: 0 auto;
width: 1200px;
height: 300px;
background-image: url(/images/header/jb-birds.png);
}




/*-----     menu styles     -----*/

#menu {
position: relative;
float: right;
width: 315px;
height: 24px;
margin: 119px 26px 0 0;
display: block;
}
	
#menu li {
float: left;
list-style: none;
}
	
#menu li a {
position: absolute;
top: 0;
display: block;
height: 24px;
background-image: url(/images/layout/jb-menu.png);
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
font-size: 1%;
}
	
li#menu-jou a {
left: 0;
width: 71px;
background-position: 0 -24px;
}
		
li#menu-por a {
left: 84px;
width: 79px;
background-position: -84px -24px;
}
		
li#menu-abo a {
left: 175px;
width: 58px;
background-position: -175px -24px;
}
		
li#menu-con a {
left: 245px;
width: 71px;
background-position: -245px -24px;
}
		
li#menu-jou a:hover {
background-position: 0 -48px;
}
		
li#menu-por a:hover {
background-position: -84px -48px;
}
		
li#menu-abo a:hover {
background-position: -175px -48px;
}
		
li#menu-con a:hover {
background-position: -245px -48px;
}
	
.home li#menu-jou a {
background-position: 0px 0;
}

.single li#menu-jou a {
background-position: 0px 0;
}
		
.pageid-32 li#menu-por a {
background-position: -84px 0;
}

.pageid-36 li#menu-por a {
background-position: -84px 0;
}

.pageid-37 li#menu-por a {
background-position: -84px 0;
}

.pageid-40 li#menu-por a {
background-position: -84px 0;
}
		
.pageid-33 li#menu-abo a {
background-position: -175px 0;
}
		
.pageid-34 li#menu-con a {
background-position: -245px 0;
}



/*-----     main content     -----*/

#content_primary {
float: left;
width: 490px;
margin: 110px 0 400px 30px;
padding-right: 33px;
background-image: url(/images/layout/jb-verticaldivider.png);
background-position: right;
background-repeat: repeat-y;
}

#content_primary2 {
float: left;
width: 490px;
margin: 110px 0 400px 30px;
padding-right: 33px;
}

#content_primary img {
margin-top: 0px;
margin-bottom: 20px;
}



/*-----     sidebar     -----*/

#sidebar {
float: right;
width: 230px;
margin: 110px 30px 0 0;
}
	
#sidebar p {
font-size: 14px;
}

#sociallinks img {
background-image: none;
padding: 0;
}
	
#sociallinks li {
margin-top: -20px;
}



/*-----     flickr styles     -----*/
		
#flickr_badge_image1, #flickr_badge_image2, #flickr_badge_image3, #flickr_badge_image4, #flickr_badge_image5, #flickr_badge_image6 {
float: left;
padding-right: 10px;
}
		
#flickr_badge_image3, #flickr_badge_image4, #flickr_badge_image5, #flickr_badge_image6 {
margin-top: -10px;
}
		
#flickr_badge_image5, #flickr_badge_image6 {
margin-bottom: 30px;
}
		
.flickr_badge_image a img {
background-image: url(/images/layout/jb-flickrimg.png);
background-repeat: no-repeat;
}
	
.flickr_badge_image a:hover img {
background-image: url(/images/layout/jb-flickrimghover.png);
background-repeat: no-repeat;
}



#twitter_update_list a {
clear: both;
}


/*-----     journal     -----*/

.post {
background-image: url(/images/layout/jb-horizontaldivider.png);
background-position: bottom;
background-repeat: repeat-x;
margin-bottom: 30px;
}

.entry-date {
display: none;
}
		
.month {
font-size: 11px;
}
		
.day {
font-size: 18px;
margin-top: -2px;
}
		
.year {
font-size: 9px;
}

.entry-meta {
font-size: 13px;
padding-bottom: 30px;
}

#respond h3 {
font-size: 21px;
}

#comment-notes {
font-size: 13px;
}

label, .required {
font-size: 13px;
}

input {
margin-bottom: 10px;
}

#submit {
margin-top: 10px;
}

.entry-content {
padding-bottom: 20px;
}

.firstparagraph {
margin-top: -20px;
}



/*-----     portfolio     -----*/

.pageid-32 h3, .pageid-32 #links, .pageid-32 #address {
display: none;
}

.portfolio {
width: 780px;
height: 180px;
margin-bottom: 34px;
background-image: url(/images/layout/jb-horizontaldivider.png);
background-position: bottom;
background-repeat: repeat-x;
padding-bottom: 36px;
} 

.portfolio2 {
width: 780px;
height: 180px;
margin-bottom: 44px;
} 

.portfolioimg {
float: left;
width: 490px;
height: 180px;
}

.individual {
float: right;
width: 250px;
height: 164px;
background-image: url(/images/layout/jb-dscrptbackground.png);
padding: 16px 20px 0 20px;
border-bottom: 1px solid #FFF;
}

.individual h5 {
margin-top: 0;
}

.individual p {
font-size: 14px;
}



/*-----     interactive     -----*/

.pageid-37 h3, .pageid-37 #links, .pageid-37 #address, .pageid-36 #sidebar {
display: none;
}

.pageid-37 h4 {
margin-bottom: 16px;
}



/*-----     graphic     -----*/

.pageid-36 h3, .pageid-36 #links, .pageid-36 #address, .pageid-36 #sidebar {
display: none;
}

.pageid-36 h4 {
margin-bottom: 16px;
}



/*-----     other work     -----*/

.pageid-40 h3, .pageid-40 #links, .pageid-40 #address, .pageid-40 #sidebar {
display: none;
}

.pageid-40 h4 {
margin-bottom: 16px;
}



/*-----     about     -----*/

.pageid-33 h3, .pageid-33 #address {
display: none;
}



/*-----     contact     -----*/

.pageid-34 h3, .pageid-34 #links {
display: none;
}



/*-----     footer styles     -----*/

#footer {
position: relative;
height: 340px;
background-image: url(/images/layout/jb-footerbackground.png);
background-position: top;
background-repeat: repeat-x;
clear: both;
line-height: 21px;
}
	
#footer a {
color: #A55;
text-shadow: 0 2px #000;
}
	
#footer a:hover {
color: #F66;
text-shadow: 0 2px #000;
}
	
#footer li {
color: #876;
text-shadow: 0 2px #000;
}

#footercontent, #footerwrap {
margin: 0 auto;
width: 840px;
}
	
#footercontent h6, #footercontent ul, #footercontent p, #footerwrap h6, #footerwrap ul, #footerwrap p, #footersearch {
margin-left: 30px;
}
	
#footerleft h6, #footercenter h6 {
font-family: Baskerville, Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: 100;
color: #A98;
text-shadow: 0 2px #000;
}
	
#footerleft, #footercenter {
float: left;
width: 230px;
margin-top: 30px;
margin-bottom: 30px;
}
	
#footercenter {
margin-left: 30px;
}

#footersearch {
margin: 10px 0 10px 30px;
}
		
#footersearch input {
background-color: #161103;
border-top: 1px solid #000;
border-left: 1px solid #272214;
border-right: 1px solid #272214;
border-bottom: 2px solid #272214;
color: #876;
height: 15px;
text-shadow: 0 1px #000;
}
	
#footersearch button {
background-color: #272214;
border-top: 1px solid #383325;
border-left: 1px solid #383325;
border-right: 1px solid #161103;
border-bottom: 1px solid #161103;
color: #876;
text-shadow: 0 1px #000;
}
			
#footercontent {
clear: both;
}
	
#copyright {
float: left;
}
	
#hostlinks {
float: right;
}
	
#footercontent p {
text-shadow: 0 2px #000;
color: #876;
font-size: 12px;
}
	
#footercontent a {
text-shadow: 0 2px #000;
color: #A55;
font-size: 12px;
}

#wormhole, #wormhole2 {
width: 234px;
height: 11px;
margin: 10px 0 0 20px;
}

#wormhole {
background-image: url(/images/layout/jb-wormhole.png);
background-repeat: no-repeat;
}
	
#wormhole2 {
background-image: url(/images/layout/jb-wormhole2.png);
background-repeat: no-repeat;
}	
	
.lineheight {
line-height: 14px;
}	
	
#footertree {
position: relative;
float: right;
background-image: url(/images/layout/jb-treeright2.png);
width: 320px;
height: 777px;
margin-top: -546px;
margin-right: -30px;
z-index: 1;
}



/*-----     hidden styles     -----*/

#content {
clear: both;
margin-left: 47px;
background-color: #FFF;
margin-top: -9999px;
}
				
#content p {
margin: 0;
padding: 0 0 1em;
margin-top: -9999px;
}
		
#content_secondary {
display: none;
}

.skip-link {
visibility: hidden;
}

.single #content_primary, .pageid-32 #content_primary, .pageid-37 #content_primary, .pageid-36 #content_primary, .pageid-40 #content_primary {
background-image: none;
}

.twitter-badge img {
margin-top: 0;
background: none;
}