html, body { margin:0; padding:0; }
.clear { clear:both; margin:0 !important; padding:0 !important; height:0 !important; line-height:0 !important; }

html, body, table, input, textarea, button { font-family:'Trebuchet MS', Calibri, Tahoma, Verdana, 'Bitstream Vera Sans', 'Dejavu Sans', Freesans, Granada, Tarablus, Arial; font-size:12px; }
input { margin:1px; padding:1px; font-size:11px; }

h1 { padding:0 10px; font-size:26px; border-bottom:1px solid #888; font-style:italic; }
h2 { font-size:24px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
h5 { font-size:16px; }
h6 { font-size:14px; }

/**** MAIN & HEADER ****/
#header-line { position:absolute; display:block; height:50px; top:0; left:0; width:100%; background-color:#333; }
#wrapper { position:relative; display:block; width:800px; top:10px; left:50%; margin-left:-400px; }
/*#header-logo { float:left; padding:5px 15px; font-size:30px; color:#fff; background-color:#333; }*/
#header-logo { float:left; padding:0 15px; font-size:30px; color:#fff; background-color:#333; }
#header-logo a { color:#fff; text-decoration:none; font-style:italic; }
#header-logo a:hover, #header-logo a:active { color:#bfdcff; }

/**** HEADER NAVIGATION ****/
#header-navi { float:right; margin-right:30px; }
#header-navi ul { list-style-type:none; margin-top:14px; }
#header-navi li { display:inline; }
#header-navi a { float:left; display:block; margin-right:3px; padding:4px 10px; color:#bfdcff; font-weight:bold; text-decoration:none; }
#header-navi a:hover, #header-navi a:active, #header-navi a.selected { color:#0C65CF; background-color:#fff; }

/**** BREADCRUMBS ****/
#breadcrumbs { position:absolute; top:45px; right:10px; font-size:11px; }
#breadcrumbs a { font-size:11px; color:#999; text-decoration:underline; }
#breadcrumbs a:hover, #breadcrumbs a:active { text-decoration:none; }

/**** CONTENT ****/
#content { margin-top:10px; }
#content a { color:#0C65CF; text-decoration:underline; }
#content a:hover, #content a:active { text-decoration:none; }
#content p { padding:10px 5px; text-align:justify; text-indent:10px; }
#new-task { display:none; }
#task-name { width:400px !important; }
.message_success { margin:5px; padding:10px; background-color:#4A9F3B; color:#fff; font-size:16px; font-style:italic; }
.message_failure { margin:5px; padding:10px; background-color:#DF0D16; color:#fff; font-size:16px; font-style:italic; }
span.error { padding-left:165px; color:#DF0D16; font-size:10px; }

/**** PROFILE ****/
#content form { display:block; width:430px; margin:5px auto 10px auto; }
#content form div { padding:5px; }
#content form label { display:block; float:left; width:150px; margin-right:10px; text-align:right; line-height:20px; }
#content form input[type="text"], #content form input[type="password"], #content form select, #content form textarea { display:block; float:left; width:250px; }
#content form button { display:block; margin-left:165px; }
#user-profile { margin:10px auto; }
#user-profile th { padding:10px; color:#444; }
#user-profile td { padding:10px; font-size:14px; }

/**** LISTS & TASKS ****/
#new-task-form { width:auto !important; margin:0 !important; }
#new-task-form input { display:inline !important; float:none !important; }
#new-task-form button { display:inline !important; margin:0 !important; }
#lists { list-style:bullet inside; margin:10px 5px; }
#lists dd { display:none; }
#tudu { list-style-type:none; margin:10px 5px; font-size:14px; }
#tudu li { line-height:24px; }
#completed { list-style-type:none; margin:10px 5px; }
#completed li { font-size:11px; color:#666; line-height:20px; }

/**** CONTACT FORM ****/
#subject_explanation { display:none; }
#countdown-clock { font-weight:bold; }

/**** ADVERTISE ****/
#google-adsense { text-align:center; }

/**** RIGHT COLUMN ****/
#right-column { float:right; width:200px; }
#right-column h2 { padding:3px 0; font-weight:bold; text-align:center; font-size:16px; border:none; }
#signin-box { margin:10px 0 10px 10px; padding:5px; border:1px solid #ddd; background-color:#eee; }
#signin-box form { width:auto !important; }
#signin-box input { float:none !important; width:115px !important; }
#signin-box .label { margin:0 !important; width:50px !important; padding-right:5px !important; text-align:right; }
#signin-box label { margin:0 !important; width:auto !important; padding:0 !important; }
#signin-box button { margin:0 auto !important; float:none !important; }
#signin-box p { margin:0; padding:3px 0; text-indent:0; text-align:center; font-size:11px; }
#register-box { margin:10px 0 10px 10px; padding:5px; border:1px solid #ddd; background-color:#eee; text-align:center; }
#signedin-box { margin:10px 0 10px 10px; padding:5px; border:1px solid #ddd; background-color:#eee; }

/**** FOOTER ****/
#footer { margin-top:10px; padding-top:5px; border-top:1px solid #bbb; font-size:11px; color:#666; }
#footer-content { float:left; padding-left:10px; }
#footer-navi { float:right; padding-right:10px; }
#footer a { color:#555; text-decoration:underline; }
#footer a:hover, #footer a:active { color:#777; }