/*=====================================================================
Filename: style.css
Author: Pierrick Calvez
Author URI: http://thejaggedorbit.com
Media: Screen

Theme Name: TJO
Theme URI: http://thejaggedorbit.com
Description: TJO is a WordPress theme created by Pierrick Calvez for thejaggedorbit.com
Version: 1.2
*=====================================================================
COLORS : 

#fff      : white
#555      : texte
#aaa      : link active
#f9f9f9   : bg loader
#fffbcf   : jaune
*=====================================================================*/

/* layout */

html, body { font-family: "Times New Roman",times, Serif; height: 100%; overflow-x: hidden; background-color:#f6f6f6;}

.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -132px; }

.footer, .push { position:fixed; height: 132px; }

.poussetoi { clear:both; width:100px; height:128px;}

.grid { position:fixed; }


/* nav */

.prev, .next {float:left; display: block; height:50px; width:25px; margin-right:1px;}
.prev {background: #fffdef url("images/prev_off.gif") no-repeat 10px 19px;}
.next {background: #fffdef url("images/next_off.gif") no-repeat 10px 19px;}

.prev a, .next a {display: block; height:50px; width:25px;}
.prev a {background: #fffbcf url("images/prev.gif") no-repeat 10px 19px;}
.next a {background: #fffbcf url("images/next.gif") no-repeat 10px 19px;}

.prev a:hover {background: #fffcdf url("images/prev.gif") no-repeat 10px 19px;}
.next a:hover {background: #fffcdf url("images/next.gif") no-repeat 10px 19px;}


/* artwork */

.artwork{ position:absolute; padding-left:50px; }

.artwork_nav{ position:fixed; width:900px; height:50px; }

.artwork_title{ float:left; display: block; height:18px; padding-top:14px; padding-left:25px; padding-right:10px; font-size: 1.4em; font-weight: bold; }

.artwork_info{ display: block; padding-top:16px; height:18px; font-size: 1.2em; }

.artwork_content{ padding-top:50px; }

.artwork_content img{ background-color:#f9f9f9; max-width:900px; max-height:900px; }


/* Catalog */

.catalog { position:absolute; padding-left:50px; padding-top:50px; }

.thumbnail { float:left;padding-right:1px; height:301px;}

.thumbnail a img { text-align:center; background-color:#f9f9f9; max-height:300px; }


/* Information */

.information { position:absolute; width:1200px; padding-left:50px; padding-top:50px; color:#555; font-size: 1.4em; line-height:1.7em; text-justify: newspaper; }

.information a {color:#555;  dotted #aaa;}

.information a:hover {background-color:#E5FFFF;}

.colonne_1 { float:left; width:275px; /*text-indent: 25px;*/ padding-top:25px; border-top: 1px dotted #aaa; }

.colonne_a { float:left; width:275px; /*text-indent: 25px;*/ padding-top:25px; border-top: 1px dotted #aaa; }

.colonne_1 .resume { font-size: 1.6em;line-height:1.5em; }

.colonne_2 { float:left; width:275px; margin-left:25px; padding-top:25px; border-top: 1px dotted #aaa;}

.colonne_b { float:left; width:505px; margin-left:25px; padding-top:25px; border-top: 1px dotted #aaa;}

.colonne_3 { float:left; width:505px; margin-left:25px; padding-top:25px; border-top: 1px dotted #aaa;}

.colonne_c { float:left; width:275px; margin-left:25px; padding-top:25px; border-top: 1px dotted #aaa;}


/* Twitter live*/

#twitter_live { width:265px; }

#twitter_live a {color:#555; border-bottom: 0px dotted #aaa;}

#twitter_live .status { padding-bottom: 10px; margin-bottom:10px; border-bottom: 0px dotted #aaa; }

#twitter_live .status .status-text{/* font-size: 1.3em; */}

#twitter_live .status .status-date { /*font-size: .8em;*/ }


/* footer */

.footer { width: 2000px; height:150px; background-color:#fff; }

.logo { float:left; padding-top:40px; padding-left:49px; padding-right:85px; }

.menu { font-size:1.45em; padding-top:55px; }

.menu li { float:left; padding-right:12px; }

.menu a { color:#555; padding: 4px 6px 4px 6px; }

.menu a:hover { background-color:#D8FFCB; }

.current a { color:#aaa; }

/*iframe { display:inline; vertical-align:middle; padding-left:10px; padding-bottom:2px; float:right; padding-left:60px; }*/
.facebook_link { vertical-align:middle; padding-left:80px; overflow:hidden; width:100px; height:40px; padding-left:49px; }


/* Tooltip */

#simpleTooltip { padding: 5px 5px 5px 15px; vertical-align:middle; text-align:center; padding: 1px 7px 1px 7px; color:#555; background: #fff; font-weight: bold; font-size: 1.4em; }


/* End */