/*
Theme Name:bbxhudson
Theme URI:http://bbxdesign.com/
Description:Theme number 4 of bbxdesign.com
Version:1.5
Author:Jeremy Thomas
Author URI:http://bbxdesign.com/
Tags:Georgia, Text, Light, Elastic

	bbxhudson v1.0
	http://bbxdesign.com/

	This theme was designed and built by Jeremy Thomas,
	whose blog you will find at http://bbxdesign.com/
	
*/

/* General */
*{ margin:0px; padding:0px;}
html{ font-size:100%;}
body{ background:#000 top center no-repeat; color:#404040; font-family:Georgia,Times,'Times New Roman',serif;}
a{ color:#0072bc; text-decoration:none;}
a img{ border:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
pre{ white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}
ul{ list-style-type:none;}

/* Top */
#twitter{ background:url(black-50.png); bottom:0px; _display:none; font-family:Arial,Verdana,sans-serif; font-weight:bold; padding:.625em 0 0 .625em; position:fixed; right:0px; width:20em; z-index:1000;}
#twitter .bkg{ background:#fff; font-size:.75em; padding:.83em .83em 2.5em 1.6em;}
#twitter a:hover{ text-decoration:underline;}
#twitter .twitter-timestamp,
#twitter .link{ bottom:0.83em; font-size:.83em; font-weight:normal; position:absolute;}
#twitter .twitter-timestamp{ left:3em;}
#twitter .link{ right:2em;}
#twitter abbr{ border:none;}
#wrapper{ padding-top:200px; position:relative; margin:0px auto; width:60em;}
#logo{ position:absolute;}
#logo a{ display:block; height:100%; width:100%;}
#logo a span{ visibility:hidden;}
#rss{ display:block; position:absolute;}
#rss span{ visibility:hidden;}

/* Body */
.space{ background-color:#111; background-image:url(space.jpg);}
.space #logo{ height:120px; left:75px; top:30px; width:280px;}
.space #rss{ height:120px; left:600px;top:30px; width:230px;}
.water{ background-color:#fdf7e1; background-image:url(water.jpg);}
.water #logo{ height:80px; left:110px; top:50px; width:300px;}
.water #rss{ height:120px; left:720px;top:50px; width:120px;}
.night{ background-color:#050504; background-image:url(night.png);}
.night #logo{ height:160px; left:0px; top:30px; width:250px;}
.night #rss{ height:200px; left:670px;top:10px; width:200px;}

/* Nav */
.nav{ height:1.875em;}
.nav ul{ float:left; font-size:1em; height:1.875em; overflow:hidden;}/* 16px */
.nav ul li{ display:inline;/*bug*/ list-style-type:none;}
.nav ul li a{ background:#e5f1f8; display:block; float:left; font-size:.9375em; height:2em; line-height:2em; margin-right:1em; /*opacity:0.8; -moz-opacity:0.8;*/ padding:0em 1em;}/* 15px/30px */
.nav li.on a{ background:#fff; color:#404040; opacity:1; -moz-opacity:1;}
.nav ul li a:hover{ text-decoration:underline;}
.nav .search{ float:right; /*opacity:0.8; -moz-opacity:0.8;*/}
.nav:hover a,
.nav:hover .search{ opacity:1; -moz-opacity:1;}

/* Search */
.search{ background:#e5f1f8/*e5f1f8*/; font-size:1em; height:1.875em; line-height:1.875em; overflow:hidden; position:relative;}
.search-txt{ background:#e5f1f8; border:none; color:#7f7f7f; height:1.875em; padding:.625em 0em 0em .625em;}
.search-btn{ border:none; color:#fff; cursor:pointer; display:block; position:absolute; right:0em; top:0em; vertical-align:baseline;}

/* Post */
.imgtfe{ float:none !important;}
.post{ background:#fff; font-size:1em; margin-bottom:1.25em; padding:0em 1.875em/*.9375*/;}/* 16px */
.post h2{ font-size:1.5625em; line-height:1em; padding:1.2em 0em}/* 25px/25px */
.post a{ color:#0072bc;}
.post a:hover{ background:#e5f1f8;}
.post-date{ color:#e5e5e5;}
.post-content h4{ color:#5f9d1c/*7f7f7f*/; font-size:1em; line-height:1.5625em; margin:0em 1.875em}
.post-content h3,
.post-content h4.related{ color:#5f9d1c; font-size:1.25em; line-height:1em; margin:0em 0em 1em 0em;}/* 20px/20px */
.post-content h5,
.post-content h6{ color:#5f9d1c; font-size:1em; line-height:1.25em;}/* 20px/20px */
.post-content p,
.post-content ul,
.post-content ol{ font-size:1em; line-height:1.5625em; padding:0em 1.875em 1.5625em 1.875em; text-align:justify;}/* 16px/25px */
.post-content .wp-caption{ background:#eee; margin:0 auto 1.5625em auto; padding:.625em;}
.post-content .wp-caption-text{ padding:0; text-align:center;}
.post-content ul,
.post-content ol{ padding:0em 3.75em 1.5625em 3.75em;}
.post-content ul li{ list-style-type:disc;}
.post-content ol li{ padding-left:.625em;}
.post-content a img{ background:#e5f1f8; overflow:hidden; padding:.625em;}
.post-content a:hover img{ background:#0072bc;}
.post-content img{ max-width:31.25em;/*500px*/}
.post-content blockquote{ background:url(quote.gif) 1.5625em .625em no-repeat; color:#7f7f7f;/*7f7f7f or 5f9d1c*/ font-style:italic; margin-bottom:1.25em; padding:.625em 0em;}
.post-content blockquote p{ background:url(quote-right.gif) bottom right no-repeat; margin-right:2.5em; padding:0em 2.5em 0em 5em;}
.post-content pre{ background:#eee/*383f46 or 001320*/; font-size:1em; line-height:1.5625em; margin:0em 0em 1.5625em 0em; padding:1.5625em 1.875em;}
.post-content pre strong{ color:#afce8d; font-weight:normal;}
.post-content pre em{ color:#afce8d; font-style:normal;}
.post-content .related_post a{ display:block;}
.post-content .imgtfe{ display:none; margin:0 1em 0 2em;}
.post-comments{ clear:left; left:-.625em; padding-bottom:1.875em; position:relative;}
.post-comments a{ padding:.625em;}

/* Sidebar */
#sidebar{ float:left; font-family:Arial,Helvetica,Verdana,sans-serif; margin-left:1.25em;/*20px*/ width:18.75em;/*300px*/}/* 16px */
#sidebar .bloc{ background:#e5f1f8; color:#fff; font-size:1em; line-height:1.5625em; margin-bottom:1.25em; /*opacity:0.8; -moz-opacity:0.8;*/ padding:1.25em;}/* 16px */
#sidebar .bloc:hover{ opacity:1; -moz-opacity:1;}
#sidebar h4{ color:#404040/*bfbfbf*/; font-size:1.25em; font-weight:bold; letter-spacing:-.05em; line-height:1em; margin-bottom:.25em;}
#sidebar .bloc:hover h4{ color:#404040;}
#sidebar #adv.bloc{ background:none; padding:0em;}
#adv a,
#adv a img{ display:block; overflow:hidden; width:18.75em;}
#about p{ color:#7f7f7f; font-size:.6875em; line-height:1.36em;}
#about a:hover{ text-decoration:underline;}
#about .link{ text-align:right;}
#recentcomments li{ display:inline;/*ie6*/}
#recentcomments a{ /*background:url(recent-comment.gif) top center repeat-x;*/ color:#7f7f7f; font-size:.6875em; line-height:1.36em; display:block; padding:.625em 0em;}
#recentcomments a span{ display:block;}
#recentcomments a span.recent-author{ color:#0072bc; font-weight:bold;}
#recentcomments a:hover{ background:#fff;}
#recentcomments h2{ display:none;}
#tools.bloc{ /*background:#001320;*/ padding:.625em;}
#tools .column{ float:left; width:50%;}
#tools .right{ left:.3125em; position:relative;}
#tools .column .item{ margin-bottom:1.25em;}
#tools h4{ font-size:.9375em; line-height:1em;}/* 15px */
#tools a{ color:#7f7f7f; font-weight:bold;}
#tools ul li{ display:inline;/*ie6*/ font-size:.75em; line-height:1.66em;}
#tools ul li a{ display:block; padding-left:.625em;}
#tools ul li a:hover{ background:#fff; color:#0072bc;}
#tools ul li a img{ vertical-align:middle;}
#switcher a{ cursor:pointer; display:block; height:2.5em; outline:none; width:8.75em;}
#switcher a img{ display:block; height:2.5em; width:8.75em;}
#tags{ text-align:center;}
#tags h4{ text-align:left;}
#tags a{ padding:2px;}
#tags a:hover{ background:#fff; color:#0072bc;}

/* Pagination */
.wp-pagenavi{ height:1.25em; margin:0em 3.75em; padding-top:1.25em;}
.wp-pagenavi span.pages{ border:1px solid #fff; display:block; float:left; margin-right:.3125em; padding:.3125em .3125em .3125em 0em;}
.wp-pagenavi span.current,
.wp-pagenavi span.extend,
.wp-pagenavi a{ display:block; float:left; margin-right:.625em; padding:.3125em .625em; text-align:center;}
.wp-pagenavi span.current{ background:#eff5e8; outline:1px solid #5f9d1c;}
.wp-pagenavi a{ outline:1px solid #cce3f2;}
.wp-pagenavi a:hover{ background:#e5f1f8; border-color:#0072bc;}

/* 01 Home */
#home .nav{ width:40em;}
#home .post-content .imgtfe{ display:inline;}
#home #pagenav{ background:#fff; height:4.375em;}
#home .wp-pagenavi{ background:#fff; margin:0em 1.875em; padding-top:1.25em;}
#main{ float:left; overflow:hidden; padding-bottom:2em; width:40em;}/* 16px */

/* 02 Single */
#single #global,
#single #main{ height:100%;/*bug*/}
#single #global{ }
#single #main{ background:#fff; width:}
#single .post h1{ font-size:1.5625em; line-height:1em; padding:1.2em 0em;}/* 25px/25px */
#single .post h2{ color:#5f9d1c; font-size:1.25em; line-height:1em; margin-bottom:1em; padding:0em;}/* 20px/20px */
#single .post-info{ background:#e5f1f8; float:left; font-family:Arial,sans-serif; margin-left:1.25em; padding:1.25em; width:16.25em;}
#single .post-info a:hover{ text-decoration:underline;}
#single .post-info h4{ color:#404040/*bfbfbf*/; font-size:1.25em; font-weight:bold; letter-spacing:-.05em; line-height:1em; margin-bottom:1.25em;}
#single .post-info .bloc{ font-size:0.75em; line-height:1.36em; margin-bottom:1.5625em;}
#single .post-info .bloc h5{ color:#404040; font-size:1.25em; font-weight:bold; letter-spacing:-.05em; line-height:1em; margin-bottom:.25em}
#single .post-info .bloc a:hover{ background:#e5f1f8;}
#single #catag{ background:none;}
#single #comments{ font-size:1.5625em; line-height:1em; padding:0em 1.2em .8em 1.2em;}/* 25px/25px */
#single .comment-list{ font-size:1em; line-height:1.5625em; margin:0em 1.875em; padding:0em 1.875em;}
#single .comment-list li{ color:#5f9d1c; font-style:italic; margin-bottom:.625em; padding:0.625em; padding-bottom:0;}
#single .comment-list li span,
#single .comment-list li p{ color:#404040; font-style:normal;}
#single .comment-list li p{ padding:0 0.9375em 0.9375em;}
#single .comment-list li a:hover{ text-decoration:underline;}
#single .comment-list li.alt{ background:#e5f1f8;}
#single #respond{ font-size:1.5625em; line-height:1em; padding:.8em 1.2em;}/* 25px/25px */
#single #comment-form{ background:#e5e5e5; font-size:1em; height:26.875em; line-height:1.5625em; margin:0em 1.875em 1.25em 1.875em; padding:.625em 1.875em 5em 1.875em;}
#single #comment-form p label,
#single #comment-form p input{ display:block; height:1.5625em; line-height:1.5625em;}
#single #comment-form p input{ border:0px;}
#single #comment-form p #comment-submit{ background:#fff; color:#0072bc; cursor:pointer; display:block; float:left; line-height:2.1875em; height:2.1875em; padding:0em .9375em;}
#single #comment-form #comment-message{ background:#fff; margin-bottom:1.25em; padding:.625em; /*width:31.875em;33.125em*/}
#single #comment-form textarea{ background:none; border:none; font-family:Georgia,serif; width:100%;}
#single #comment-form .hidden{ display:none;}
#single #comment-form a:hover{ text-decoration:underline;}
#single #comment-form p.subscribe-to-comments{ padding-top:.9375em;}
#single #comment-form p.subscribe-to-comments input,
#single #comment-form p.subscribe-to-comments label{ cursor:pointer; display:inline; height:.9375em; line-height:.9375em;}

/* 03 Archive */
#archive #main{ width:60em;}
#archive #main{ background:#fff;}
#archive #main h1{ background:url(dot-e5e5e5.gif) left bottom repeat-x; font-size:2.5em; line-height:1em; margin:0em 1.5em; padding:.8em 0em;}
#archive #main h1 div{ color:#5f9d1c; font-size:.5em; line-height:1em;}
#archive #main .post{ display:inline;/* bug */ float:left; font-size:1em; height:12.5em; margin:.9375em 0em .9375em 3.75em; overflow:hidden; padding:0em; width:15em;}
#archive #main .post h2{ font-size:1.25em; line-height:1.25em; padding:0em;}
#archive #main .post h2 a{ display:block;}
#archive #main .post p,
#archive #main .post ol,
#archive #main .post ul{ font-size:1em; line-height:1.5625em; padding:0em;}
#archive #main .bdbx{ height:20em;}
#archive #main .bdbx a:hover{ background:none;}
#archive #main .bdbx img{ height:16.5625em; padding:0em; width:15em;}

/* 04 Page */
#page .nav{ width:40em;}
#page #about,
#page #twitter,
#page #profiles,
#page #switcher{ display:none;}

/* 05 Search */
#search #main{ width:60em;}
#search #main{ background:#fff;}
#search #main h1{ background:url(dot-e5e5e5.gif) left bottom repeat-x; font-size:2.5em; line-height:1em; margin:0em 1.5em 0em 1.5em; padding-top:.8em;}
#search #main h1 span{ color:#5f9d1c;}
#search #main .post{ display:inline;/* bug */ float:left; font-size:1em; height:12.5em; margin:.9375em 0em .9375em 3.75em; overflow:hidden; padding:0em; width:15em;}
#search #main .post h2{ font-size:1.25em; line-height:1.25em; padding:0em;}
#search #main .post h2 a{ display:block;}
#search #main .post p,
#search #main .post ol,
#search #main .post ul{ font-size:1em; line-height:1.5625em; padding:0em;}
#search #main .fail{ line-height:1.25em; padding:1.25em 3.75em;/* bug */}
#search #main .fail .search{ display:inline; float:left;}
#search #main #cloud{ clear:left; line-height:2em; padding:1.25em 3.75em; text-align:justify;}
#search #main #cloud a:hover{ background:#e5f1f8;}

/* 06 404 */
#lost #main{ background:#fff; padding:2em; width:56em;}
#lost #main h1{ background:url(dot-e5e5e5.gif) left bottom repeat-x; font-size:2em;}
#lost #main h1 span{ color:#5f9d1c;}
#lost #main p{ font-size:1em; line-height:1.5em; padding:2em 2em 0em 2em;}
#lost #main ul{ font-size:1em; line-height:1.5em; list-style-type:square; padding:1em 4em}

/* 07 Tag */
#tag #cloud{ background:#e5f1f8; line-height:2em; padding:.9375em; text-align:justify;}
#tag #cloud a{ padding:.3125em;}
#tag #cloud a:hover{ background:#fff;}
#tag #main{ width:60em;}
#tag #main{ background:#fff;}
#tag #main h1{ background:url(dot-e5e5e5.gif) left bottom repeat-x; font-size:2.5em; line-height:1em; margin:0em 1.5em; padding-top:.8em;}
#tag #main h1 span{ color:#5f9d1c;}
#tag #main .post{ display:inline;/* bug */ float:left; font-size:1em; height:12.5em; margin:.9375em 0em .9375em 3.75em; overflow:hidden; padding:0em; width:15em;}
#tag #main .post h2{ font-size:1.25em; line-height:1.25em; padding:0em;}
#tag #main .post h2 a{ display:block;}
#tag #main .post p,
#tag #main .post ol,
#tag #main .post ul{ font-size:1em; line-height:1.5625em; padding:0em;}

/* 08 Contact */
#cformsform fieldset{ border:none;}
#cformsform legend{ display:none;}
#cformsform label{ display:block;}
#ll{ display:none;}
#usermessagea{ background:#e7f7d3; line-height:1.5625em; padding:0em .625em;}

/* 09 Portfolio */
#portfolio #main{ width:60em;}
#portfolio #main{ background:#fff;}
#portfolio #main h1{ font-size:2.5em; line-height:1em; margin:0em 1.5em; padding:.8em 0em;}
#portfolio #main h1 div{ color:#5f9d1c; font-size:.5em; line-height:1em;}
#portfolio #main .type{ background:#e5f1f8; margin:0em 3.75em 2.5em 3.75em;}
#portfolio #main .type h3{ color:#7f7f7f; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:1.25em; font-weight:bold; letter-spacing:-.05em; line-height:1em; padding:.5em;}
#portfolio #main .type h3 span{ color:#404040; font-size:1.25em; text-transform:uppercase;}
#portfolio #main .type .item{ display:block; float:left; margin-bottom:1.25em; outline:none; width:17.5em;}
#portfolio #main .type .item .project{ display:block; font-family:Arial,Helvetica,Verdana,sans-serif; font-weight:bold; letter-spacing:-.05em; padding:0em .625em;}
#portfolio #main .type .item .image{ background:url(portfolio-item.png) 0px 0px no-repeat; display:block; padding:0em 0em .3125em .625em;}
#portfolio #main .back{ font-family:Arial,Helvetica,Verdana,sans-serif; font-weight:bold; letter-spacing:-.05em; line-height:1.25em; padding:.625em .625em 0em .625em;}
#portfolio #main .description{ background:#e5f1f8; margin:0em 3.75em;}
#portfolio #main .description h2{ color:#7f7f7f; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:1.25em; font-weight:bold; letter-spacing:-.05em; line-height:1em; padding:.5em;}
#portfolio #main .description h2 span{ color:#404040; font-size:1.25em; text-transform:uppercase;}
#portfolio #main .description p{ line-height:1.25em; margin:0em 1.875em 1.25em 1.875em;}
#portfolio #main .description .gallery{ background:url(gallery.png) top center no-repeat; height:23.75em;}
#portfolio #main .description .gallery .stripViewer{ cursor:pointer; margin:0em auto; width:31.25em;}
#portfolio #main .description .gallery .stripTransmitter{ height:1.25em; margin:1.25em auto; width:31.25em;}
#portfolio #main .description .gallery .stripTransmitter a{ display:block; float:left; margin-right:.625em; outline:1px solid #cce3f2; padding:.3125em .625em; text-align:center;}
#portfolio #main .description .gallery .stripTransmitter a.current{ background:#eff5e8; outline:1px solid #5f9d1c;}
#portfolio #main .description .gallery .stripTransmitter a:hover{ background:#e5f1f8; border-color:#0072bc;}

/* slideViewer */
/*preload classes*/ 
.svw { height:19.375em; margin:0em auto; width:31.25em;} 
.svw ul{ left:-999em; position:relative;} 
 /*core classes*/ 
.stripViewer { position:relative; overflow:hidden;} 
.stripViewer ul { margin:0; padding:0; position:relative; left:0; top:0; width:1%; list-style-type:none;} 
.stripViewer ul li { float:left;}
 /*tooltips formatting*/ 
#tooltip { background:#fff; color:#000; opacity:0.85; border:5px solid #dedede;} 
#tooltip h3 { font:normal 10px Verdana; margin:0; padding:6px 2px; border:0;} 

#post-945 address{ padding:0 1.875em 1.5625em;}
#post-945 q{ quotes: "«" "»";}
#post-945 table{ border-collapse:collapse; margin:0 1.875em 1.5625em; text-align:left;}
#post-945 table td{ padding:5px;}
#post-945 col#nom{ background:#84d0f0;}
#post-945 col#heure{ background:#f29a79;}

/* Colors
Blue
100%= #0072bc
50% = #7fb8dd
25% = #bfdcee
20% = #cce3f2
15% = #d9eaf5
10% = #e5f1f8

Black
100%= #000
75% = #404040
50% = #7f7f7f
25% = #bfbfbf
10% = #e5e5e5
5%  = #f2f2f2

Green
100%= #5f9d1c
10% = #eff5e8
*/