/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* */

small {
       font-size: 70%;
       }
h2 {
    color: #FF3333;
    font-size: 170%;
    margin-bottom: 1em;
    }

/* -------------------------------------------------- */

body {
      font-family: Arial, Verdana, sans-serif;
      padding-left: 1em;
      padding-right: 1em;
      color: #4c4c4c;
      min-width:600px;
      width: 780px;
      min-height: 600px;
      margin-left: auto;
      margin-right: auto;
      border-left: 1px solid #CCC;
      border-right: 1px solid #CCC;
      }

#header {
 padding-bottom: 0.3em;
 border-bottom: 1px dotted blue;
 margin-bottom: 1em;
}

#header h1 {
 font-size: 150%;
 float: right;
 padding-top: 45px;
 max-width: 450;
}

#header strong {
 color: red;
 font-weight: bolder;
 font-size: 120%;
 font-family: Georgia, sans-serif;
}

#top-r {
  float: right;
  padding-top: 0.3em;
}

#index-top {
  margin-bottom: 1em;
}
#index-top h2 {
	margin-bottom: 0.5em;
}

#index-top p {
	font-size: 75%;
	line-height: 1.1em;
	margin-bottom: 0.5em;
}

#contents {
  min-height: 450px;
}

#videos {
 float: left;
 width: 430;
 /*border: 1px solid black; */
}

#signup {
 width: 340px;
 float: right;
}

#signup p {
 margin-bottom: 0.5em;
	line-height: 1.1em;
 font-size: 75%;
}

#signup h2 {
  margin-bottom: 0.5em
}

.video {
  margin-bottom: 2em;
  margin-right: 5px;
}


.video-user {
	float:right;
}
.video p {
  padding-top: 10px;
  font-size: 80%;
}

#todos {
  clear: both;
  margin-bottom: 2em;
}

label {
	display: block;
	width: 10em;
	float:left;
	font-size: 80%;
}

input {
	margin: 1px;
}

legend {
 color: #888;
 font-weight: bold;
 margin-left: 0.5em;
 margin-right: 0.5em;
 padding-left: 0.5em;
 padding-right: 0.5em;
 margin-bottom: 0.5em;
}

fieldset{
  border: 1px solid #ead2e7;
	padding: 0.5em;
	margin: 1em;
}


.warn {
  border: 1px solid red;
  padding: 5px;
  color: #884444;
  background: #FFDDDD;
  font-size: 80%;
}


.message {
  color: #553333;
  font-size: 130%;
  margin-bottom: 2em;
}

.verde {
 color: #446644;
}

.ok {
  border: 1px solid green;
  padding: 5px;
  color: #446644;
  background: #CCFFCC;
}


.hint {
  color: #808080;
  font-size: 75%;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 11em;
}

#footer {
  clear: both;
  font-size: 80%;
  border-top: 1px dotted blue;
  padding-top: 1em;
  padding-bottom: 0.5em;
  font-weight: bold;
}

.submit {
  font-size: 120%;
  margin-left: 6.6em;
}

/* --- user------- */

#user-forms{
 float: left;
 width: 550px;
}

#user-forms h2 {
  color: black;
}

#user-forms h3{
  
}


/* form left*/
#f-l {
  min-width: 325px;
  float: left;
  width: 72%;
  /*border: 1px solid black;*/

}
/* form right */
#f-r {
 float: left;
 width: 25%;
 margin-left: 2%;
 /*border: 1px solid black;*/
}


h3.h3b {
  border: 1px solid #077e92;
  padding: 10px;
  margin: 1em;
  text-align: center;
}

 

#c-l {
  min-width: 325px;
  float: left;
  width: 47%;
  /*border: 1px solid black;*/

}

#c-l p {
	font-size: 120%;
	padding-bottom: 1em;
}

#c-r {
 float: left;
 width: 51%;
 margin-left: 2%;
 /*border: 1px solid black;*/
}

.label {
	float:left;
	display:block;
	width: 10em;
	font-size: 80%;
}

#user-videos {
 float: right;
 width: 200px;

}
#user-videos h2{
 color: black;
 font-size: 120%;
}

.js-msg {
 margin-bottom: 1em;
 font-weight: bold;
}
.js-red {
  color: #AA4444;
}

.js-green {
  color: #448844;
}

.js-blue {
 color: #180875;
}

/* --------------- Sign up form -------*/
#signup-form {
 width:330px;
 height: 350px;
}
#signup-form fieldset {
 padding: 1em;
}
#signup-form label {
	width: 280px;         
	 color: #d41611;
        padding-bottom: 2px;
	font-size: 100%;
	font-weight: bold;
}

#signup-form input {
  background: #CCC;
  border: 1px solid #999;
  font-size: 125%;
  font-family: Verdana, Helvetica, sans-serif;
  color: #d41611;
  padding-bottom: 2px;
  margin-bottom: 10px;
}

.mas {
  font-family: arial, sans-serif;
  color: black;
  font-weight: bold;
}

.lpad {
 margin-left: 1.6em;
}

.submit2 {
   color: black;
   font-weight: bold;
   font-size: 100%;
   margin-left: 1.6em;
   border: 10px outset #d41611;
}

#about p {
 margin-bottom: 1em;
 line-height: 1.2em;
}

#menu {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted blue;
}

p {
 margin-bottom: 1em;
}

#menu ul {
    display: inline;
    margin-bottom: 0.3em;
    }
    
#menu li {
    display: inline;
    padding-left: 1.5em;
    
}

#menu a {
    font-weight: bold;
    font-size: 80%;
}

#thumb_div h3 {
  margin-top: 2em;
  border-bottom: 1px solid #999;
  margin-bottom: 1em;
}

#thumb_div img { 

  margin-left: auto;
  margin-right: auto;
  border: 1px solid #999;
}

ol,ul {
 margin-bottom: 1em;
 padding-left: 2em;
}

ul {
 list-style-type: circle;
}
ol {
 list-style-type: decimal;
}

li {
}

h3 {
 padding-top: 1em;
 margin-bottom: 1em;
 color: red;
}