/* CSS Route66 Theme */
* { margin:0; padding:0;font-family:Arial, Helvetica, sans-serif;}
body {height:100%;background-color:#BCC9D2;/*background:transparent url(images/greytiled.jpg) repeat top left;*/}

h1 {margin-left:10px;font-weight:bold;font-size:1.8em;text-align:left;letter-spacing:-1px;color:#7F051E;}
h2 {margin:15px 0 13px 10px;font-size:1.3em;font-weight:bold;text-indent:0px; color:#7F051E;}
h3 {padding:5px 0 5px 10px;font-size : 1.2em;color:#7F051E;}
h6 {line-height:normal; font-size:13px; clear :left;}
p {font-size:13px;line-height:1.5em; margin: 5px 0 10px 10px;padding:0 0 0 0;}

#superframe{width:950px;height:100%;margin-left:auto;margin-right:auto; height:auto;background-color:#000;}
#frame{width:autox;height:auto;margin-left:auto;margin-right:auto;margin-top:15px;background-color:#fff ; border:5px #444 solid;}
#head{width:auto;height:auto;background-color:transparent;}
#branding {width:auto;height:120px; padding:0 0 0 0; margin:0 0 0 0;}
#menu {width:auto;height:25px;border-bottom:solid 1px #000;text-align:left;font-size:14px;}
#main{width:auto;height:auto;background-color:#fff;}
#footer {width:auto;height:auto;font-size:12px;color:#000;text-align:center; }
#leftbar {width:600px;height:auto;margin:0;border-style:none;background-color:transparent;float:left;}

/****************leftbar**********************/

.post {width:auto;height:auto;color:#000;margin:0px; padding:0 0 10px 0; font-size:13px;background:#fff}
.post ul {width:auto; margin:5px 0 0 0; padding:0 0 0 10px; list-style-image:url('images/sidebullet.png'); list-style-position: outside;/*inside means automatic return will align text at bullet beginning*/}
.post li {margin:5px 0 5px 25px;}

.story {width:465px;height:120px;font-size:14px;line-height:1.5em;color:#000;border-style:none;margin:10px 10px 0px  10px; padding:0 5px 0 5px;}
.storyimg {float:left; margin-right:5px; padding:2px; border-width:1px; border-color:#CCC; border-style:solid;}


/* this trick is to center an img inside a div display:block ! */
.intro-image {margin-left:auto; margin-right:auto;margin-top:15px;padding:0px;border-width:1px; border-color:#CCC; border-style:solid; display:block}
.caption {text-align:center;background-color:#CCCCCC;}

.image {width:auto;height:auto;float:left;margin-left:0px; margin-right:5px; margin-top:5px; margin-bottom:5px;padding:2px;border-width:1px; border-color:#CCC; border-style:solid;}

.link {width:auto;height:auto;font-size:12px;color:#000;position:relative; border-top:#dddddd solid 1px; border-bottom:#dddddd solid 1px;margin:10px 0 5px 0; padding:5px; padding-bottom:10px; background-color:#fafafa;}

.bookmark {width:auto;height:auto;font-size:11px;color:#000;position:relative; border-top:#dddddd solid 1px; border-bottom:#dddddd solid 1px;margin-left:5px; margin-top:10px; margin-bottom:10px; padding:5px; background-color:#fafafa;}


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

.sidebar {float:right;width:270px;height:auto;background-color:transparent;position:relative;margin:0 10px 0 0;padding:0px;border:0px solid; border-color:#ccc;}

.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; background:transparent;}

.leftsidebar-title { width:110px; height:30px; padding:0;margin:0;background:transparent url(images/bkg_red.gif) repeat-x top left; border:thin; border-color:#000000;}
.leftsidebar-title p{ color:#FFFFFF;float:left;font-size:14px;font-weight:bold;line-height:1.7;margin:0pt;padding:0pt;text-indent:10px;text-transform:uppercase;}

.medaillon {width:145px;height:auto;border-style:solid;border-color:#CCCCCC;border-width:1px; border-top-width:0px;background:transparent url(images/300.gif) top left;float:right;position:relative;margin-top:0px;margin-left:0px;margin-right:0px;padding-top:0; }
.medaillon-title { width:145px; height:30px; padding:0;margin:0;background:transparent url(images/bkg_chrome_bld.gif) repeat-x top left; border:thin; border-color:#000000;}

.box { width:100%; height:auto;padding:5px 0 5px 0;margin:10px 0 0 0; background:#ccc;border:1px solid #000}

.box ul {width:auto; padding:0px 0px 5px 10px;list-style-image:url('images/sidebullet.png');}
.box li {margin:10px 0 10px 20px;font-size:12px;line-height:18px}

.box li a{margin-left:0px;color:#185190;}
.box li a:link,.box a:visited,.box a:hover,
.box a:active{display:block;text-decoration:none;color:#185190;}
.box li a:hover,.box li a:active{color:#3361FF;text-decoration:underline;}
/* Styling */



/************************************************
**     TOP
************************************************/

#menu ul {line-height:25px;}
#menu li{ position:relative;font-weight:bold;display:block;list-style-type:none;background:transparent url(images/bkg_chrome_fade.gif) repeat-x top center; float:left; border-right:solid 1px #aaaaaa; }

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

#menu li a:hover, 
#menu li a:active {color:#fff;background-color:#8bb6e2;margin-top:0px;margin-bottom:0px;background:#444; float:left;}

/************************************************
**     BODY
************************************************/
.text a {}
.text a:link,.text a:visited,.text a:active,
.text a:hover {color:#7F051E; font-size:13px;}



.story a img{ border:none;}
.story a:link,.story a:visited { color:#185190;}

/************************************************
**     *** widgets ****
************************************************/


.medaillon ul {width:auto; padding-top:0px; padding-bottom:0px; padding-left:5px; padding-right:0px;}
.medaillon li {display:block;border-bottom:0px;list-style-type:none;margin-left:0px;margin-right:0;font-size:12px; width:120px; padding-bottom:10px; padding-top:0px; text-align:left;}

.leftsidebar ul {width:auto; padding-top:0px; padding-bottom:0px; padding-left:5px; padding-right:0px;}
.leftsidebar li {display:block;border-bottom:0px;list-style-type:none;margin-left:0px;margin-right:0;font-size:12px; padding-top:0px; padding-bottom:10px;}
.leftsidebar a:link,.leftsidebar a:visited {color:#185190; font-weight:bold; font-size:11px;}


.link a:link,.link a:visited{color:#185190; font-weight: bold;}
.bookmark a:link, .bookmark a:visited {color:#185190; font-weight:normal;}

.code {font-weight:bold;font-family: Courier, "Courier New", monospace}
/************************************************
					BOTTOM
*************************************************/
#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;}

#tail {text-align:center}

/**********form******/
form  {text-align:center;}
form input {border-color:#000000; font-size:10px; border-width:1px;}


/* CSS Document */
table {}

caption {padding:0px;font-family:Arial, Helvetica, sans-serif;text-align:left;
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;}

/* EXTRA */
#cap {background:transparent url(images/cap.png) no-repeat top left;}

.center {text-align:center}
.highlight {margin:0;padding:10px;background-color:#fff}