/* CSS Document OSMOSE Theme */
html, body {height:100%;background-color:#ffffff;}
* { margin:0; padding:0;font-family:Arial, Helvetica, sans-serif; color:#444}

#superframe{width:100%;margin-left:auto;margin-right:auto; height:auto;background:transparent repeat-x url(images/bandeau.gif) top; }
#frame{width:824px;height:auto;margin-left:auto;margin-right:auto;background-color:#ffffff ;}
#head{width:824px;height:auto;background-color:transparent;}
#branding {width:824px;height:123px;padding:0;position:relative;}
#menu {height:25px;width:100%;text-align:left;font-size:14px;background:transparent url(images/menubackground.gif) ;}
#main{width:824px;height:auto;background:transparent url(images/body-trait.gif) ;}
#footer {width:824px;height:auto;margin:0 0 0 0;padding:10px 0 30px 0;background:no-repeat url(images/footer.gif) bottom; }
#leftbar {width:570px;height:auto;float:left;margin:0 0 0 20px;background-color:transparent;}
#sidebar {width:210px;height:100%;margin:0 0 0 0;padding:0px;float:right;background-color:transparent;}

#leftsidebar {width:110px;height:500px;border:none;background-color:transparent;float:left;position:relative;margin-top:0px;margin-left:0px;margin-right:0px;padding-top:0; }
/****************leftbar**********************/
/* OSMOSE Theme */

h1 {margin:5px 0 10px 10px;font-weight:bold;font-size:2.0em;letter-spacing:-2px;text-align:center;color:#337BA9;}
h2 {margin:10px 0 10px 5px;font-size:1.4em;font-weight:bold;display:block; color:#337BA9;text-align:center;}
h3 {margin:10px 0 10px 0;padding:0 0 0 10px;font-size :14px;font-weight:bold;line-height:25px;background:url(images/h3.gif) top left;color:#fff;}
h6 {line-height:normal; font-size:13px; clear :left;}
p {font-size:14px;line-height:1.5em; margin:5px 0 10px 0;padding:0 0 0 5px;}

a {color:#49A8DC;}
a:link,a:active,a:hover { font-weight:normal; color:#49A8DC;}
a:visited {color:#000; font-weight:normal;}

/********************************************/

.intro-image {display:block;margin-left:auto;margin-right:auto; padding:2px;border:none;/*border-width:1px; border-color:#CCC; border-style:solid;*/}
.image {width:auto;height:auto;margin-left:auto;margin-right:auto;padding:2px; float:left;border-width:1px; border-color:#CCC; border-style:solid;}
.image img {float:left}

.caption {text-align:center;background-color:#CCCCCC;}
.post {width:100%;height:auto;color:#666;padding-bottom:10px;font-size:12px;}
.text {width:475px;height:auto;margin:0;padding:0 0 0 5px;color:#000;background-color:#fff;}
.story {width:95%;height:auto;margin:10px 0 10px 0; padding:5px;color:#000;}
.storyimg {float:left; margin-right:5px; padding:2px; border-width:1px; border-color:#CCC; border-style:solid;}

.bookmark {width:100%;height:80px;margin: 0 0 30px -15px;padding:5px 5px 5px 15px; font-size:13px;color:#000;background:no-repeat url(images/post-meta.jpg) bottom; }
.link {width:auto;height:auto;margin:0 0 0 10px;padding:0 0 0 5px;text-align:center;font-size:12px;color:#000;}

blockquote {background:transparent no-repeat url(images/quote.jpg) top left; }
blockquote p {margin:20px 0 40px 80px; padding:20px 20px 0 0;font-style:italic;}


/**********************************
*sidebar and widget 
***********************************/


.box { padding:0 0 0 10px;margin:10px 0 10px 0; width:90%;height:auto;font-size:12px}

label {font-weight:bold;font-size:1.0em;line-height:1.2em;text-align:left;color:#337BA9;}

form input {margin:5px 5px 5px 0;font-size:14px; border-width:1px;color:#444}

.button {width:110px;margin-left:auto; margin:10px 0 10px 10px;padding:0 0 2px 3px;font-size:1.0em; font-weight:light;color:#337BA9;border:2px solid #337BA9; }
textarea {margin:5px 0 5px 0; border-style:inset;border-width:1px;color:#444}
/* Google Custom Search */
#cse-search-results {width:485px;height:auto; overflow:scroll;}

.big { font-size:1.4em; color:#337BA9;}
/************************************************
**     TOP
************************************************/

#menu ul {line-height:25px; margin:0 0 0 20px;}
#menu li{ margin:0 5px 0 5px;padding:0 5px 0 5px;position:relative;font-weight:bold;display:block;list-style-type:none;background:#777; float:left; border-left:solid 1px #7291A3;border-right:solid 1px #7291A3;border-top:solid 1px #7291A3; }

#menu li a:link, #menu li a:hover, #menu li a:active, 
#menu li a:visited {font-size:14px;font-weight:bold;color:#ffffff; text-decoration:none;padding-right:5px;padding-left:5px;}

#menu li a:hover, 
#menu li a:active {color:#7291A3;background-color:#ffffff;margin-top:0px;margin-bottom:0px;float:left;}

/************************************************
**     BODY
************************************************/

.post ul {width:auto; margin-left:0 0 0 0;padding:0 0 0 20px; list-style-image:url('images/bullet.jpg');  list-style-position: outside;}
.post li {margin:10px 0 10px 30px; padding:0 0 0 20px;text-align:left; line-height:1.5em;}

.story a img{ border:none;}
.story a:link { color:#337BA9;}

.storymore a:link,
.storymore a:visited { color:#185190;}

.image a:link, .image a:visited {color:transparent;}
/************************************************
**     *** widgets ****
************************************************/

.box ul {width:auto; padding:0 0 0 5px;}
.box li {list-style-type:none;margin:5px 0 5px 0;}

.box li a:link{color:#49A8DC;}
.box li a:hover,.box li a:active{color:#49A8DC;}

.link ul {width:auto; padding:0 0 0 5px;}
.link li {display:inline;list-style-type:none;margin:20px 0 20px 0;}

.link li a:link,.link li a:hover,.box li a:active{color:#98D7FA;}
.link a:visited{color:#000;}

/************************************************
					BOTTOM&META
*************************************************/
#footer ul {width:auto; padding-top:0px; padding-bottom:0px; padding-left:5px; padding-right:0px;}
#footer li {display:inline;border-bottom:0px;list-style-type:none;margin-left:0px;margin-right:0;font-size:12px;}
#footer a:link,
#footer a:visited {color:#185190; font-weight:normal; font-size:11px;}

.post-meta-left {float:left;}
.post-meta-right {float:right;}
.author {width:150px; height:26px; padding:4px 0 0 35px;font-weight:bold;background:transparent no-repeat url(images/author.gif) left; color:#777;}
.date {width:150px; height:26px; padding:3px 0 0 35px;font-weight:bold;background:transparent no-repeat url(images/calendar.gif) left;color:#777;}
.tag {width:150px; height:26px; padding:0 0 0 35px;font-weight:bold;background:transparent no-repeat url(images/tag.gif) left;}
a:visited.taganchor {text-decoration:none;color:#49A8DC;font-weight:bolder;}
.comment {width:150px; height:26px; padding:0 0 0 35px;font-weight:bold;background:transparent no-repeat url(images/comment.gif) left;}

/* form */
label {color:#2D6E96; font-size:1.2em;}
input.bg,input.bg2 {width:246px; height:24px;padding:2px 0 0 4px;font-size:1em;letter-spacing:1px;color:#2D6E96;background:transparent url(images/input250.jpg) no-repeat top left;border:1px solid #337BA9;}
input.btn {width:113px; height:30px;padding:0;background:transparent url(images/button.jpg) no-repeat top left;border:none;}

/* search result*/
.category {width:auto; height:auto;}
.category h2 {text-align:left;}

/* CSS Document */
table { margin-left:auto; margin-right:auto; margin-bottom:10px;margin-top:10px;border-collapse:collapse;border:solid 1px #000}
td {margin:0 0 0 0; padding:2px 4px 2px 4px}
caption {padding:0px;font-family:Arial, Helvetica, sans-serif;text-align:left;
font-weight:bold;}
.theader {background-color:#337BA9;border:solid 1px #000; font-weight:bold;}

.label {background-color:#aaaaaa; padding:3px; border:1px; border-color:#000;}
.form  {background-color:#dddddd; padding:3px; border:1px; border-color:#000;}
.menu { display:block; list-style-type:none; float:left; padding-left:5px;}
.submit {padding:7px;}

/* AAE public profile *//*semantic tags*/
.activity {width:auto;height:auto;margin:0 0 0 0; padding:10px 0 0 0;border:none; border-top:1px solid #666;}
.activitylegend {width:auto;height:auto;margin:0 0 0 30px; padding:2px 8px 2px 8px; border:1px solid #666;}
#map {margin-left:auto;margin-right:auto; margin-top : 15px;}
.title {margin-left:5px;}


/* AAE search results*/
#search {border:solid #666 1 px}
.aaetr {border-bottom:solid #666 1px; }
.aaetd {padding:6px ;border-left:solid #666 1px; font-size:0.8em}

.exponent {vertical-align:70%; }
.exponent a:link {font-size:8px;}
.portrait {width:140px; height:180px;margin:0;padding:0;background-color:#ccc;text-align:center; }
.presentation {border:#666 solid 1px;}

.search {font-size:12px}
.search  ul {width:auto; margin-left:0 0 0 0;padding:0 0 0 20px; list-style-image:url('images/bullet.jpg');  list-style-position: outside;}
.search li {margin:10px 0 10px 30px; padding:0 0 0 20px;width:120px;text-align:left; line-height:1.5em;float:left;}