/*  This style is based on a blogger template style
 * Blogger Template Style
 * Name:     TicTac (Blueberry)
 * Author:   Dan Cederholm
 * URL:      www.simplebits.com
 * Date:     1 March 2004
 * Updated by: Blogger Team
*/

/* Variable definitions
====================
<Variable name="textcolor" description="Text Color"
type="color" default="#333">
<Variable name="pagetitlecolor" description="Page Header Color"
type="color" default="#FFF">
<Variable name="datecolor" description="Date Header Color"
type="color" default="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#99333">
<Variable name="footercolor" description="Post Footer Color"
type="color" default="#999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#999">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#666">
<Variable name="linkcolor" description="Link Color"
type="color" default="#69c">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#666699">
<Variable name="bodyfont" description="Text Font"
type="font"
default="normal normal 100% Verdana, sans-serif">
<Variable name="pagetitlefont" description="Page Header Font"
type="font" default="normal normal 100% 'Lucida Grande','Trebuchet MS'">
<Variable name="titlefont" description="Post Title Font"
type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'">
<Variable name="sidebarheaderfont" description="Sidebar Title Font"
type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'">
*/
/* ---( page defaults )--- */
body {
margin: 0;
padding: 0;
font-size: small;
text-align: center;
color: #333333;
background: #FFFFFF; /*#e0e0e0;*/
}

blockquote p {
margin-top: 0;
}
abbr, acronym {
cursor: help;
font-style: normal;
border-bottom: 1px dotted;
}
code {
color: #996666;
}
/* hr { */
/* display: none; */
/* } */
img {
border: none;
}
/* unordered list style */
ul {
margin-left: 14px;
padding: 0;
}
li {
padding-left: 6px;
margin-bottom: 3px;
}

/* table */

td {
	border-width: 1px 0px 0px 0px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: #888888 white #888888 white;
	border-collapse: separate; 
	background-color: white;
}



/* links */
a:link {
color: #6699cc;
}
a:visited {
color: #666699;
}
a:hover {
color: #5B739C;
}
a:active {
color: #5B739C;
text-decoration: none;
}
/* ---( layout structure )---*/
#outer-wrapper {
width: 847px;
margin: 0px auto 0;
text-align: left;
font: normal normal 100% Verdana, sans-serif;
background: url(../images/tile.gif) repeat-y;
}
#content-wrapper {
margin-left: 42px; /* to avoid the border image */
width: 763px;
}
#main {
float: left;
width: 460px;
margin: 20px 0 0 0;
padding: 0 0 0 1em;
line-height: 1.5em;
/*word-wrap: break-word;*/ /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar {
float: right;
width: 259px;
padding: 5px 0px 0 0;
font-size: 85%;
line-height: 1.4em;
color: #000055; /*#999999;*/
background: url(../images/terrasse.jpg) no-repeat 0px 0px;
/*word-wrap: break-word;*/ /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
/* ---( header and site name )--- */
#header-wrapper {
margin: 0;
padding: 0;
font: normal normal 100% 'Lucida Grande','Trebuchet MS';
background: #e0e0e0 url(../images/lyon.jpg) no-repeat 0px 0px;
}
#header {
margin: 0;
padding: 2px 60px 10px 90px; /*2px 60px 20px 90px;*/ /*25px 60px 35px 160px;*/
color: #F0DF9F; /*#FFFFFF;*/
}
#header h1 { font-size: 170%; /*200%;*/
text-shadow: #4F73B6 2px 2px 2px;
}
#header h1 a {
text-decoration: none;
color: #FFFFFF;
}
#header h1 a:hover {
color: #eee;
}

#header h2 { font-size: 140%; /*150%;*/
text-shadow: #4F73B6 2px 2px 2px;
text-align: right;
color: #F5F5F5; /*#FFFFFF;*/
}

/* ---( main column )--- */
.post h1 {
margin-top: 10px;
text-align: center;
font-size: 100%;
color: #999999;
}
.post h2 {
margin-top: 0;
/*padding-left: 14px;*/
text-align: center;
font-size: 90%;
color: #999999;
}
.post h3 {
margin-top: 0;
font: normal bold 130% 'Lucida Grande','Trebuchet MS';
letter-spacing: -1px;
color: #993333;
}
.post {
margin: 0 0 1.5em 0;
padding: 0 0 1.5em 14px;
border-bottom: 1px solid #ddd;
}
.post h3 a,
.post h3 a:visited { color: #993333;
text-decoration: none;
}
.post-footer {
margin: 0;
padding: 0 0 0 14px;
font-size: 88%;
color: #999999;
}
.post img {
padding: 6px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}

/* ---( sidebar )--- */
.sidebar h2 { 
margin: 0 0 0 0;
padding: 25px 0 0 0px;
text-align: center;
font: normal bold 130% 'Lucida Grande','Trebuchet MS';
color: #444444;
height: 32px;
height: 32px !important; /* for most browsers */
height /**/:57px; /* for IE5/Win */
}
.sidebar .widget {
margin: 0;
padding: 0 0 10px 10px;
border-bottom: 1px solid #ddd;
}
.sidebar ul {
margin-left: 10px;
list-style: none;
}
.sidebar li {
font: normal bold 130% 'Lucida Grande','Trebuchet MS';
padding-left: 14px;
list-style: none;
background: url(../images/tictac_blue.gif) no-repeat 0 5px;
}
.sidebar a:link {
color: #000000;
}
.sidebar a:visited {
color: #555588;
}
.sidebar a:hover {
color: #6699cc;
}
.sidebar a:active {
color: #aaaaaa;
text-decoration: none;
}

/* --- (SSS Logo) --- */
.sssLogo {
position: absolute;
top: 10px;
left: 130px;
width: 50px;
height: 30px;
}


.profile-textblock { clear: both;
margin-left: 0;
}
.profile-img { float: left;
margin: 0 5px 5px 0;
border: 1px solid #ddd;
padding: 4px;
}
/* ---( footer )--- */
.clear { /* to fix IE6 padding-top issue */
clear: both;
}
#footer-wrapper {
margin: 0;
padding: 0 0 9px 0; /*0 0 9px 0;*/
font-size: 85%;
color: #000000; /*#ddd;*/
background: url(../images/bottom_sill.gif) no-repeat bottom left;
}
#footer {
margin: 0;
padding: 20px 320px 20px 95px;
}

.graycell {
font-weight: normal;
line-height: normal;
text-align: left;
outline-width: thin;
margin: 5px;
padding: 10px;
border-top: none;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: #ccc;
}
.graytable {
font-weight: normal;
line-height: normal;
text-align: left;
outline-width: 1px;
margin: 0px;
padding: 0px;
border-top: 1px solid #ccc;
border-right: none;
border-bottom: none;
border-left: 1px solid #ccc;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar { padding-top: 0;
margin-top: 0;
}
body#layout #outer-wrapper,
body#layout #content-wrapper { width: 740px;
}
body#layout #sidebar { margin-right: 0;
margin-bottom: 1em;
}
body#layout #header,
body#layout #footer,
body#layout #main {
padding: 0;
}
body#layout #content-wrapper { margin: 0px;
}



/* News */
div.red {
color: #CC0033;
}

span.red {
color: #CC0033;
}

span.blue {
color: #6699cc;
}