/*
Theme Name: Jbeau 2010

*/

/* CSS reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Global */

body { text-align:center; font:85%/1.4 helvetica,verdana,sans-serif; background: #fff url(ximages/bg-top.png) repeat-x; margin: 0 15px; color: #333; }

h2 { font-size: 1.4em; line-height: 1.3em; color: #CC0000; margin-bottom: 1em; }
h2.home  { font-size: 1.2em;  }
h2.pagetitle { font-size: 1em; }

h3 { color: #000; font-size: 1.2em; line-height: 1.3em; font-weight: bold; font-family: helvetica; text-transform: uppercase; clear: left; }
	#feature-blurb h3 { clear: none; }
	h3 a { text-decoration: none; color: #000; }
	h3 a:hover { color: #cc0000; }
h4 { margin-bottom: .5em; font-weight: bold; color: #CC0000; }
h5 { font-weight: bold; margin-bottom: .5em; color: #cc0000; }

p, ul { margin-bottom: 1em; }

blockquote { font-size: .85em; margin: 0 2em 1.15em 2em; }

a { color: #336699; }
a:hover { text-decoration: none; }

h5 a { color: #000; text-decoration: none; }
h5 a:hover { color: #cc0000; }
 
p.action-link a { color: #000; text-transform: uppercase; font-size: .8em; font-family: verdana; text-decoration: none; }
#col2-b p.action-link a { font-size: .7em; }

p.nocomments { font-size: .9em; color: #999; }

.bottom p.action-link a { font-size: .9em; color: #000; }
p.action-link a:hover { color: #666; }

#container { width:900px; position: relative; margin:0 auto; text-align:left; background:#fff url(ximages/grid.gif) repeat-y top center; }



	#header { position: relative; color: #fff; border-bottom: 1px solid #ccc; margin-bottom: 2em; padding: 1.5em 0; }
		#header h1 { line-height: 1.1em; letter-spacing: -.05em; font-size: 1.5em; margin-top: 0; color: #ccc; xfont-weight: bold; width: 450px; }
			#header h1 a { display: block; color: #aaa; text-decoration: none; }
			#header h1 a:hover { color: #666; }
			#header h1 a strong { color: #CC0000; }
			#header h1 a:hover strong { color: #000; }


#nav { position:absolute; right: 0; bottom: 1.5em; width: 300px; }	
	#nav ul { text-align: right; padding: 2px 0; }
	#nav ul li a { display: block; float: right; padding: 0 0 0 1.2em; background-color: #fff; text-decoration: none; color: #000;  text-transform: uppercase; font-size: .8em; font-family: verdana; }
	#nav ul li a:hover { color: #cc0000; }


#feature { float:left; position: relative; width: 435px; height: 340px; margin-bottom: 2em; }
	#feature img { height: 100%; width: 100%; }
	#feature .title { left: 0; top:0; background-color:#000; color:#fff; }
	#feature .title a { left: 0; top:0; background-color:#000; color:#fff; text-decoration: none; }

	.title { position:absolute; display:block; padding:4px 4px; margin-right:15px; left:0; top:0; background-color:#aaa; color:#fff; line-height: 1em; font-family: verdana; font-size: .8em; font-style: italic; }
	a:hover .title { background-color: #000; }	
	
#feature-blurb { margin: 0 15px 0 450px; }
	#feature-blurb p { margin-bottom: 1em; }
	#feature-blurb p.posted { margin-bottom: .5em; }
        #feature-blurb p img { display: none; }
	
	p.posted { font-size: .9em; font-family: helvetica; letter-spacing: 0; color: #999; }

	
#feature-blurb p.posted a, #col1-b p.posted a { color: #999; }
#feature-blurb p.posted a:visited, #col1-b p.posted a { color: #999; }
	
	#feature-blurb a.more-link { color: #999; font-size: .9em; }	
	#feature-blurb h5 { font-size: .9em; }	
	#feature-blurb ul { xmargin-top: 1em; xbackground-color: #efefef; xpadding: .4em 10px; }
	#feature-blurb ul li { font-size: .9em; padding-left: 10px; background: url(images/bullet.gif) no-repeat 0 4px; margin-bottom: .2em; }
	#feature-blurb ul li a { xcolor: #666; }

/* For top 50-50 2-column layout */

#col1-a { float: left; width: 450px; margin-bottom: 1em; }
#col2-a { float: left; width: 450px; margin-bottom: 1em; }
.wrapper { padding: 0 20px 0 0; }

#col2-a img { width: 450px; }


/* For top 66-33 2-column layout */

#col1-b { float: left; width: 675px; margin-bottom: 1em; }
	#col1-b .wrapper { padding: 0 45px 2em 0; }
	#col1-b .post img, #col1-b .page img { float: left; width: 300px; margin: 0 15px .5em 0; }	
	#col1-b .post img.full, #col1-b .page img.full { float: none; width: 100%; margin-bottom: 1em; }	
	#col1-b .post { margin-bottom: 3em; }
	#col1-b .page { margin-bottom: 0; }
	
.navigation .alignleft { float: left; width: 150px; }	
.navigation .alignright { float: right; width: 150px; }	
	
#col2-b { float: left; width: 225px; margin-bottom: 1em; }
	#col2-b .wrapper { padding-bottom: 1em; }
	#col2-b h5 { margin-bottom: .2em; }
	#col2-b ul, #col2-b p { font-size: .9em; }
	#col2-b p.action-link a { color: #000; text-transform: uppercase; font-size: .9em; font-family: verdana; text-decoration: none; }
	#col2-b p.action-link a:hover { color: #666; }
	#col2-b ul li { padding-left: 10px; background: url(images/bullet.gif) no-repeat 0 5px; margin-bottom: .2em; }
	#col2-b #archive-dropdown { display: block; margin-top: .2em; margin-bottom: 1.2em; }
	#col2-b input.text { margin-bottom: .5em; border: 1px solid #ccc; padding:4px 2px; width: 183px; }

.mov-wrapper { margin-bottom: 1em; text-align: center; }

/* For projects page tile display */

#col3-a, #col3-b { float:left; width:450px; }
#col3-a .wrapper, #col3-b .wrapper { padding: 0 20px 2em 0; }
.projects-all ul h5 { margin-left: 115px; text-transform: uppercase; margin-bottom: 0; }
.projects-all ul p { margin-left: 115px; }
.projects-all ul li { clear: left; margin-bottom: 1em; padding-left: 0; background-image: none; }
.projects-all ul img { width: 100px; height: auto; float: left; margin-top: 1px; margin-bottom: 30px; }
.projects-all ul a img { border: 1px solid #cc0000; }
.projects-all ul a:hover img { border: 1px solid #000; }

ul.normal li { padding-left: 10px; background: url(images/bullet.gif) no-repeat 0 5px; margin-bottom: .2em; }




		
.bottom { font-size: .9em; clear: both; margin-top:2em; padding-top: 2em; border-top: 1px solid #ccc; }
.bottom .column { float:left; width:225px; }
.bottom .column-double { float:left; width:450px; }
.bottom h5 { margin-bottom: 0; text-transform: uppercase; }

.bottom .wrapper { padding: 0 15px 2em 0; }
	.bottom ul, .bottom p { margin-bottom: 1em; }
		.bottom ul li { padding-left: 10px; background: url(images/bullet.gif) no-repeat 0 4px; margin-bottom: .2em; }
		
		.bottom #twitter_div ul#twitter_update_list li { background: none; padding-left: 0; margin-bottom: 1em; }
			.bottom #twitter_div p.twitter { background: url(http://meaning.boxwith.com/wp09/wp-content/themes/jbeau2009/images/twitter-bird.png) no-repeat top left; padding-left: 22px; }
		.bottom select { margin-bottom: 1.25em; margin-top: .25em; }
		.bottom input.text { margin-bottom: .5em; border: 1px solid #ccc; padding:4px 2px; width: 183px; }

.projects li img { float: left; height: 28px; width: 38px; margin-top: 2px; margin-bottom: 1em; }
.projects li a img { border: 1px solid #cc0000; }
.projects li a:hover img { border: 1px solid #000; }

.bottom .projects li { clear: both; margin-bottom: .5em; padding-left: 0; background-image: none; }
.projects h5, .projects p { margin-left: 50px; }

#footer { clear: both; font-size: .9em; margin-top:2em; border-top: 1px solid #ccc; padding: 1.5em 0; color: #999; }
#footer a { color: #999; }
#footer img { float: left; margin:0 5px 0.5em 0; }