/* CSS Document Refschool Theme */
html, body {height:100%;}

#superframe{width:980px;height:100%;margin-left:auto;margin-right:auto; height:auto;background-color:#fff;}
#frame{width:auto;height:auto;margin-left:auto;margin-right:auto;margin-top:22px;padding:0;background-color:#fff ; }
#head{width:auto;height:auto;background-color:transparent;}
#branding {width:auto;height:104px; padding:0 0 0 0; margin:0 0 0 0;}
#menu {width:auto;height:33px;border-bottom:solid 1px #ddd;border-top:solid 1px #ddd;text-align:left;font-size:12px;letter-spacing:2px}
#main{width:auto;height:auto;background-color:#fff;}
#footer {width:auto;height:auto;padding:10px;font-size:14px;color:#000;background-color:#0c99bd }
#leftbar {width:650px;height:auto;float:left;margin:20px 0 0 0;border-right:1px solid #ccc;background-color:transparent;}
#sidebar {float:right;width:300px;height:auto;background-color:#fff;position:relative;margin:30px 0 0 0;padding:0px;}

h1 {margin:10px 0 10px 0;text-align:center;font-weight:bold;font-size:1.9em;line-height:1em;letter-spacing:-1px;color:#0597BC;}
h2 {margin:15px 0 15px 3px;font-size:1.5em;font-weight:bold;display:block; text-indent:0px; color:#0597BC;}
h3 {padding:5px 0 5px 5px;color:#0597BC;font-size : 110%;}
h4 {padding:0 0 5px 0;font-weight:bold;font-size:14px;color:#7F66FF;}
h5 {font-weight:normal;font-size:13px;text-align:left;letter-spacing:0x;color:#000000;}
h6 {line-height:normal; font-size:13px; clear :left;}
p {font-size:14px;line-height:1.5em; margin:10px 0 10px 0;padding-left:5px; color:#333;}
blockquote {margin:20px 0 20px 50px;padding:20px 0 0 50px;width:80%;font-weight:bold;background: transparent url('http://www.referencementschool.com/includes/images/quote.jpg') no-repeat top left; color:#888}
/****************leftbar**********************/
img {margin:0px 0px 0px 0px;border:solid 0px #ccc;}

.caption {text-align:center;background-color:#CCCCCC;}

.post {width:auto;height:auto;color:#111;margin:0px; padding:0 0 10px 10px; font-size:14px;}
.text {width:auto;height:auto;margin:0 0 0 0; padding:10px 0 0 0; color:#000;background-color:#fff;line-height:1.4em; text-align:left; padding-left:5px;}

.intro-image {width:auto;height:auto;float:left;margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:5px;padding:2px;border-width:1px; border-color:#CCC; border-style:solid;}
.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:455px;height:auto;font-size:12px;color:#000;position:relative; border-top:#dddddd solid 1px; border-bottom:#dddddd solid 1px;margin-left:auto;margin-right:auto; margin-top:10px; margin-bottom:5px; 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 
***********************************/

.box { width:100%; height:auto;padding:5px 0 5px 0;margin:0 0 0 0; background:#fff;}

/* Styling */
* { margin:0; padding:0;font-family:Verdana;}


/************************************************
**     TOP
************************************************/
#menu ul {line-height:33px;margin-top:0px}
#menu li{background-color:#EFEFEF; padding:0 0 0 0;margin:0;position:relative;font-weight:normal;display:block;list-style-type:none;float:left; border-left:1px solid #ddd}

#menu li a:link, #menu li a:hover, #menu li a:active, 
#menu li a:visited {padding:0 10px 0 10px;font-weight:normal;color:#111111; text-decoration:none;}

#menu li a:hover, 
#menu li a:active {padding:0 10px 0 10px;color:#FFF;background-color:#0597BC;float:left;display:block}

#devenirmembre {padding:0 10px 0 10px;background-color:#c02f3b;color:#fff;float:left;display:block}

/************************************************
**     BODY
************************************************/
.post ul {width:auto; margin:30px 0 30px 0;padding:0 0 0 40px; list-style-image:url('images/bullet.png'); list-style-position: outside;}
.post li {margin:10px 0 10px 0;color:#333;}

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

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

.box li a{margin-left:0px;color:#0597BC;font-size:14px;}
.box li a:link,.box a:visited,.box a:hover,
.box a:active{display:block;text-decoration:underlined;color:#000;}

.box li a:hover,.box li a:active{color:#0597BC;text-decoration:underline;}

.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
*************************************************/
.subfooter {width:230px;height:130px;float:left}
.subfooter ul {list-style-type:none }
.subfooter ul li{margin:5px 0 5px 0;}
.subfooter ul li a{color:#fff; text-decoration:none}


/**********form******/
form  {text-align:center;}
form input {padding:0 5px 0 5px;height:30px;font-size:14px; border-width:1px;}

table {border:1px solid #555; border-collapse:collapse;margin:15px 0 15px 0}
th {padding:5px;font-size:12px;border:1px solid #555; background-color:#0597BC; color:#fff}
td {padding:10px;border:1px solid #555; }
td.center {text-align:center}
.even {background-color:#D0EDFF}
.odd {}

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;}

.button {text-align:center}
.button img {border-style:none}

/*========================*/
.blue {}

.champ {padding:3px;font-size:16px;font-weight:bold}

/*Amember */
#signup ul {padding:0 0 0 10px;list-style-type:square}
#signup ul li {padding:10px 0 10px 0}