/* PAGE ELEMENTS */
body { margin:0; padding:0 0 10px 0; font-size:.85em; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; line-height:1.5em; color:#333; z-index:0; background:#CCC/*660000*/; }
a { cursor:pointer; }
a img { border:none; }
a:link, a:visited { color:#660000; text-decoration:none; }	
a:hover, a:active { color:#000; text-decoration:none; }	
acronym, abbr { border-bottom:1px dashed #999; cursor:help; }
blockquote { font-style:italic; margin:20px 0; padding:0 40px 0 50px; background:url('/wp-content/themes/jwi/images/quote.gif') left top no-repeat; text-align:justify; }
cite img { float:left; margin:0 10px 5px 0; }
form, select { margin:0; font-size:10px; }
h1,h2,h3,h4 { font-weight:normal; color:#2F1B1B; text-transform:capitalize; font-family:Georgia, "Times New Roman", Times, serif; }	
h1 { font-size:3.0em; text-transform:capitalize; margin:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; }
h1 a:link, h1 a:visited { color:#000!important; text-decoration:none; }
h1 a:hover, h1 a:active { color:#660000!important; text-decoration:none; }
h2 { padding:0; margin:0 0 10px 0; font-size:1.8em; line-height:1.0em; }
h2.page { margin:0 0 20px 0; }
h2.archive { padding:0; margin:0 0 30px 0; }
h3 { padding:0; margin:25px 0 5px 0; font-size:1.4em; }
h4 { padding:0; margin:25px 0 5px 0; font-size:1.2em; clear:left; }
h3.name { clear:none; margin-top:5px; }
h5, #sidebar h2 { padding:0; margin:0 0 10px 0; font-size:1em; font-weight:bold; text-transform:uppercase; color:#2F1B1B; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; }
input, textarea, select { border-width:2px; border-style:solid; border-color:#999 #ECECEC #ECECEC #999; color:#333; margin:0 0 5px 0; background:#F9F9F9; }
li { margin:0; padding:0; list-style-type:disc; }
p { margin:0 0 10px 0; }
p img { padding:0; }
small { font-size:0.85em; padding:0; margin:0; }
ul { margin:0; padding:0; }
/* END PAGE ELEMENTS */

/* LAYOUT DIVS */
#globalnav { padding:0; margin:0; }
#container { width:960px; margin:0 auto; padding:0 10px; background:#FFF; border:1px solid #999; }
#header { margin:0 -10px 30px -10px; padding:40px 15px 0 15px; color:#999; }
#content, #homecontent { width:640px; float:left; position:relative; padding:0 0 20px 5px; }
#sidebar { padding:5px 5px 0 0; margin:0 0 0 670px!important; position:relative; font-size:0.9em; color:#666; }
#footer { margin:0; padding:0; clear:both; color:#666; /*background:#CCC; */}
#footerwidgets { clear:both; margin:0 0 20px 0; }
.footer-widget { width:300px; float:left; position:relative; padding:0 5px; margin:0 5px; font-size:0.9em; }
/* END LAYOUT DIVS */

/* SPECIAL HOMEPAGE LAYOUT AND STYLE */
#homecontent .featurepost { margin:0 0 30px 0; padding:0; }
#homecontent .secondpost { margin:0 0 20px 0; width:305px; float:left; font-size:0.9em; }
#homecontent .thirdpost { margin:0 0 20px 325px; position:relative; font-size:0.9em; }
#homecontent h3 { margin-top:0!important; }
about { margin:0 0 30px 0; padding:0; }
#sidebar #fitness { padding:0; position:relative; margin:0; }
#sidebar #fitness img { float:right; padding:0; margin:0 5px 5px 0; border:1px solid #999; }
#sidebar #delicious { padding:0; position:relative; margin:0 0 0 200px; }
#sidebar .postmetadata { border:none!important; }
/*#about h2, */li.twitter { margin:0; padding-left:19px!important; background:url('/wp-content/themes/jwi/images/twitter.gif') left top no-repeat!important; }
/*#delicious h2, */li.delicious { padding-left:20px!important; background:url('/wp-content/themes/jwi/images/delicious.gif') left 3px no-repeat!important; }
/*#flickr h2, */li.flickr { padding-left:20px!important; background:url('/wp-content/themes/jwi/images/flickr.gif') left 2px no-repeat!important; }
/*#fitness h2, */li.garmin { padding-left:20px!important; background:url('/wp-content/themes/jwi/images/garmin.gif') left 2px no-repeat!important; }
li.linkedin { padding-left:20px!important; background:url('/wp-content/themes/jwi/images/linkedin.gif') left 2px no-repeat!important; }
#flickr img { margin:0 5px 15px 6px; padding:5px; background:#ECECEC; border:1px solid #CCC; float:left; }
/* END HOMEPAGE LAYOUT AND STYLE */


/* CONTENT STYLING */
#akst_social li, #akst_email li, #akst_form li { list-style-type:none!important; }
#about img { float:right; margin:0 0 5px 10px; }
#categories form { margin:0; }
#categories input { margin:0 0 0 5px; font-size:0.95em; background:#333; color:#FFF; }
#content ul, #homecontent ul { margin:10px 0 10px 10px; padding:0 0 0 20px; }
#footer .content { text-align:center; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; clear:both; padding:20px 0; }
#footer h5 { margin-top:20px; }
#footer li, #footerwidgets li { list-style-type:none; margin:0 0 5px 0; padding:0 0 0 10px; background:url('/wp-content/themes/jwi/images/extras_bullet.gif') left 5px no-repeat; }
#footer a:link, #footer a:visited { color:#333; text-decoration:none; }
#footer a:hover, #footer a:active { color:#333; text-decoration:underline; }
#top_menu {  }
#top_menu ul { padding:5px 0 7px 0; text-align:right; margin:0 auto; width:960px; font-size:.85em; }
#top_menu li { display:inline; }
#top_menu li.menu-item { padding:0; margin:0; list-style-type:none; text-transform:uppercase; }
#top_menu li.menu-item a { padding:6px 15px 10px 15px; margin:0; color:#333!important; }
#top_menu li.menu-item a:active, #top_menu li.menu-item a:hover { padding:6px 15px 10px 15px; margin:0; text-decoration:none; color:#000!important; }
#top_menu li.current_page_item { font-weight:bold; }
#top_menu li.current_page_item a { padding:6px 15px 10px 15px; color:#000!important; font-weight:bold; }
#lower_menu_wrap { background:/*#333*/url('/wp-content/themes/jwi/images/head_bg.gif') left bottom repeat-x; border:1px solid #666; margin:30px -25px 0 -25px; }
#lower_menu { font-size:0.85em; margin:0 0 0 160px; position:relative; }
#lower_menu ul { padding:5px 0 7px 0; text-align:left; margin:0; }
#lower_menu li { display:inline; }
#lower_menu li.menu-item { padding:0; margin:0; list-style-type:none; text-transform:capitalize; }
#lower_menu li.menu-item a { padding:6px 15px 6px 10px; margin:0; color:#999!important; }
#lower_menu li.menu-item a:active, #lower_menu li.menu-item a:hover { padding:6px 15px 6px 10px; margin:0; text-decoration:none; color:#ECECEC!important; }
#lower_menu li.current-menu-item { font-weight:bold; }
#lower_menu li.current-menu-item a { padding:6px 15px 6px 10px; color:#FFF!important; font-weight:bold!important; }
p.postmetadata { font-size:0.80em; text-transform:capitalize; padding:2px 0 2px 5px; margin:0 0 8px 0; color:#666; border-bottom:1px solid #ECECEC; }
#postmetadata ul { text-transform:uppercase; font-size:0.80em; }
#postmetadata a, .postmetadata a { color:#666; }
.postmetadata { text-transform:uppercase!important; font-size:0.8em!important; border-top:1px solid #ECECEC; border-bottom:1px solid #ECECEC; background:#F9F9F9; }
#sidebar li, .footerchunk { padding:0; margin:0 0 30px 0; list-style-type:none!important; }
#sidebar li li { list-style-type:none; margin:0; padding:0 0 0 10px; border-bottom:1px dotted #ECECEC; background:url('/wp-content/themes/jwi/images/extras_bullet.gif') left 4px no-repeat; }
#sidebar a:link, #sidebar a:visited, #footerwidgets a:link, #footerwidgets a:visited { color:#000; text-decoration:none; }	
#sidebar a:hover, #sidebar a:active, #footerwidgets a:hover, #footerwidgets a:active { color:#000; text-decoration:underline; }	
#about li { background:none!important; border:none!important; }
#submit, #contactsubmit { margin:0 auto; width:100px; font-size:0.95em; background:#333; color:#FFF; border-width:2px; border-style:solid; border-color:#666 #111 #111 #666!important; }
#twitter_update_list { margin:0; padding:0; }
#twitter_update_list li { background:none!important; list-style-type:none; margin:0 0 10px 0; padding:0!important; }
.alignright { float:right; margin:5px 0 5px 5px; text-align:right; font-size:0.85em; }	
.alignleft { text-align:left!important; float:left!important; margin:5px 5px 5px 0!important; font-size:0.85em; }
.commentright { float:right; }
.commentright a { color:#999!important; }
.center { text-align:center; }
.ddarchive { margin:10px 0 0 0; }
.description { font-size:0.9em; text-transform:uppercase; margin:0; clear:left; }
.entry { margin-bottom:40px; padding:0; }
.entry ol { padding:0 0 0 35px; margin:0 5px; }
.entry ol li { margin:0; padding:0; }
.entry img, #flickr img { border:1px solid #CCC; padding:5px; background:#ECECEC; }
.workoutcolumn { padding:0; width:200px; margin:0 10px 0 0; float:left; position:relative; }
.icons img { margin:0 10px 0 0; }
.intro { text-transform:uppercase; padding:0; margin:3px 0 5px 0; font-weight:normal; font-size:0.85em; color:#999; }
.lower_menu_label { font-weight:bold; padding:5px 0 0 30px; float:left; color:#ECECEC; }
.more { /*margin:10px 0; font-size:0.9em;*/ }
.more a { color:#666!important; font-weight:bold; border-bottom:2px solid #CCC; padding:3px 0; }
.navigation { display:block; margin:20px 0 0 0; padding:3px 0; height:20px; width:640px; font-size:0.85em; }
.navleft { margin:0; float:left; }
.navright { margin:0; float:right; }
.navigation a { color:#000; }
.postwrap { margin:20px 0; clear:both; }
.post { margin:0 0 30px 0; padding:0; position:relative; }
.homepost { width:250px; margin:0 20px 20px 0px; padding:0; float:left; position:relative; font-size:0.9em; }
.homepost h4 { padding:0; margin:20px 0 0 0; font-size:1.2em; clear:none; }
.page { margin:0; padding:0; }
ul.postspermonth { margin:0 0 20px 0; }
.postspermonth li { list-style:none!important; }
.tagline { font-size:6px; margin:0; padding:0; }

/* FORMS, LISTS AND DROPDOWNS */
#searchform { margin:0; padding:0; }
#searchform input { width:255px; margin:0; padding:3px 0 1px 25px; height:15px; background: #F9F9F9 url('/wp-content/themes/jwi/images/icons/search.gif') 5px 2px no-repeat; }
#comments, #respond { margin-top:30px; }
#commentform input { width:215px; padding:2px; margin:5px 5px 1px 0!important; }
#commentform textarea { padding:5px; width:630px; }
#commentform p { margin:5px 0; }
.commentlist { font-size:0.9em; }
.commentlist li { font-weight:bold; margin:20px 0 0 0; padding:10px; list-style:none; clear:left; border:1px dotted #CCC; background:#F9F9F9; }	
.commentlist p { font-weight:normal; margin:5px 0; }
.commentmetadata { font-weight:normal; margin:0 0 15px 0!important; display:block; }
.commentlist { padding:0; }
.nocomments { text-align:center; margin:0; padding:0; }
.contactform { float:left!important; width:530px; }	
.contactform textarea { width:465px; }
.contactleft { width:25%; text-align:right; clear:both; float:left; display:inline; padding:4px; margin:5px 0; }		
.contactright { width:70%; text-align:left; float:right; display:inline; padding:4px; margin:5px 0; }
.contacterror { border:1px solid #FF0000; }
/* END FORMS, LISTS AND DROPDOWNS */

/* PORTFOLIO */
.row { clear:left; border-top:1px dotted #CCC; padding:10px 0 20px 0; font-size:0.9em; }
.worksample { padding:10px 0; margin:0 30px; clear:right; }
.worksample_l { width:305px; float:left; }
.worksample_r { position:relative; margin:0 0 0 335px; }
.row img { background:#ECECEC; border:1px solid #CCC; padding:4px; margin:0 0 10px 0; }
.row h4 { padding:0; margin:3px 0 5px 0; font-size:1.0em; text-transform:uppercase; color:#2F1B1B; font-weight:bold; clear:none; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; }
h3.projects { border-top:2px solid #CCC; padding:5px 0 5px 5px; background:#F3F3F3; color:#2F1B1B; margin:40px 0 0 0; }
img.plain { background:none!important; border:none!important; padding:0px!important; }
.tiles { width:175px; float:left; margin:0; padding:10px; text-align:left; font-size:0.85em; }
.tiles img { background:#ECECEC; border:1px solid #CCC!important; padding:5px; }
.project img { padding:2px!important; border:1px solid #CCC!important; background:#FFF!important; margin:0 5px 0 0!important; }
.sidebarsample p { padding:0!important; margin-top:10px; clear:both; }
.sidebarsample img { padding:5px; margin:0 5px 5px 0!important; border:1px solid #AAA!important; background:#CCC!important; float:right; }
.trigger { cursor:pointer; color:#660000; }		
.trigger:hover { cursor:pointer; color:#000; }		
.expanded { cursor:pointer;  color:#000 }
.expanded:hover { cursor:pointer; color:#660000; }
.show { position: static; display:table; }
.hide {	position:absolute; left:-999em;	height:1px;	width:100px; overflow:hidden; }