/*************************  
    
    robo-style deluxe
    by Tim McNerney
    created Sept 10, 2007
    
*************************/

/*** STYLE LOG
     Sept 10: Created stylesheet. formatted CONTAINER, SIDEBAR,
     and FOOTER. Created all images.
     Sept 15: Formatted AREA, COMMENTS, and ERROR 404.

/*** HTML ELEMENTS ***/

body {text-align: center; margin: 0; font-family: Helvetica, sans-serif; background-color: #888; background-image: url(http://www.robotim.net/projects/images/bg-stripe.gif);}

a:link, a:visited {color: #03A; text-decoration: none;}
a:hover, a:active {color: #09E; text-decoration: none;}

/*** CONTAINER DIV ***/
/*** Fixed-width, left/right margins adjust to window width. ***/

#container {width: 900px; margin: auto; background-color: #FFF; 
padding-top:10px; padding-bottom: 50px; border-left: solid 1px #000;
border-right: solid #000 1px;}


/*** Inside the container are:
 ***    BANNER: holds the title and title image.
 ***        TITLE: nested within BANNER, styles the Title.
 ***    SIDEBAR: styles the menu on the left.
 ***    AREA: styles the main content area.
 ***    FOOTER
 ***/

/*** BANNER ***/
 
#banner {width: 900px; padding-bottom: 5px; text-align: left;
background-image: url(http://www.robotim.net/projects/images/worktogether.png);
background-repeat: no-repeat; background-position: left bottom; padding-top: 50px;}

#title {width: 550px; text-align: left; margin-left: 300px;}
#title h1 {font-size: 2.25em; margin: 0;}

/*** SIDEBAR ***/

#sidebar {width: 205px; text-align: right; float: left; clear: both;
margin-left: 50px; margin-bottom: 20px; background-color: #FFF;
padding: 10px; border-right: solid #FFF 1px;}

#sidebar ul {font-size: .75em; margin: 0;}
#sidebar li {padding-top: 1px; border-bottom: 1px solid #FFF;
list-style: none; display: block;}

#sidebar form {padding-top: 5px; padding-bottom: 5px;}
#sidebar input {border: solid 1px #000; font-size: .75em; margin-top: 2px; text-align: right;}
#search {width: 165px; background-color: #FFF;}

#sidebar h3 {font-size: 1.45em; background-color: #FFF; border-bottom: solid 0px #000;
margin-top: 20px; margin-left: 35px; margin-bottom: 0px; width: 170px; color: #000; padding: 0px; font-weight: 700; 
text-align: right;}
#sidebar h4 {margin-top: 10px; margin-bottom: 2px; font-weight: 500;
font-size: 1em;}

/*** AREA ***/

/*** ENTRY FORMAT ***/

#area {width: 550px; text-align: left; float: right; margin-right: 50px; margin-top: 20px; margin-bottom: 20px;}
#area blockquote {font-size: 12px; font-weight: 900; background-color: #EEE; padding: 2px; 
border-top: 1px dashed #999; border-bottom: dashed 1px #999;}
#area p, #area ul, #area ol {font-size: .75em; line-height: 18px; margin-top: 10px; margin-bottom: 5px;}
#area h3 {font-size: 2em; color: #C00;  margin: 0; margin-bottom: 5px; margin-top: 20px;}
#area h2 {font-size: 1em; font-weight: 500; margin: 0; float: left; margin-right: 3px;}
#area h4 {font-size: .75em; font-weight: 900; margin: 0; border-bottom: 0px solid #000;}
#area h5 {font-size: 1em; margin: 0; margin-top: 30px;}
#post-title {margin-top: 15px; border-bottom: 1px solid #000; text-align: right; vertical-align: bottom;}

.date-posted {color: #444; font-size: .9em;}
.category {font-size: .75em; text-align: right; font-weight: 900; border: 0px solid #000; padding: 2px; position: relative; bottom: 1px; color: #444;}
.img-float-right {border: 1px solid #000; margin-left: 10px; margin-bottom: 5px; margin-top: 5px; float: right;}
.img-float-left {border: 1px solid #000; margin-right: 10px; margin-bottom: 5px; margin-top: 5px; float: left;}
.date {border-bottom: solid 1px #000;}
.floatleft {border: 0px solid #000; margin-right: 10px; margin-bottom: 5px; margin-top: 5px; float: left;}
.floatright {float: right; margin: 0 0 5px 5px;}
.commentcount {text-align: right; background-color: #FFF; font-size: 12px; font-weight: 900; margin: 0;}

/*** COMMENTS ***/

#comments {background-color: #DDD; margin: 0; padding: 10px; border: 2px solid #000; 
background-image: url(http://robotim.net/projects/images/comment_image.gif); background-repeat: no-repeat;
background-position: bottom left;}
#txpCommentInputForm {border: solid 0px #000; padding: 10px; margin: 0 0 0 147px;}
#txpCommentInputForm input {border: solid #000 1px; font-face: Helvetica, sans-serif;}
label {font-size: .75em;}
#message {border: solid #000 1px; font-face: Helvetica, sans-serif;}
#comments h4 {border-bottom: dashed 1px #999; background-color: #DDD; padding: 3px;}
#comments p {font-size: 1em;}

/*** STICKY FORMAT ***/

#desc {background-color: #EEE; border: 2px solid #000; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; 
margin-left: 0px; margin-right: 0px; margin-bottom: 40px;}

/*** PREV and NEXT ***/

#prevnext {font-size: .75em; margin-top: 20px; font-weight: 900;}
#prev {float: left;}
#next {text-align: right;}

/*** FOOTER ***/

#footer {clear: both; width: 800px; text-align: center; font-size: .75em; padding: 0px; margin: 0; padding-top: 10px; margin-left: 50px; border-top: dashed #999 2px;}
#footer img {float: left; margin-right: 10px; border: 0px solid #000;}

#copy {margin-left: 130px; width: 250px; text-align: left; float: left; padding-top: 5px;}
#contact-me {width: 250px; text-align: left; margin-left: 430px; padding-top: 5px;}

#footer ul {list-style: none; margin: 0;}
#footer li {margin-bottom: 10px;}

/*** ERROR 404 STYLE ***/
#error {border: solid 1px #000; padding: 10px; background-color: #000; text-align: center; margin-bottom: 20px;}
#error h3 {color: #F00; font-size: 1.5em; margin-top: 0; margin-bottom: 10px; padding: 10px;}
#error p {color: #FFF; font-size: 1em;}
#error img {border: solid 1px #000;}

/******************************/
/*** Secretos de la belleza ***
 *** lots of sleep. Like 8 hours a night. (this is impossible while at ITP...)
 *** Balanced diet. protein-fat-carbohydrate proportionate (40-40-60). dark leafy greens, avocados (mmm.....), nuts and seeds. hard cheeses. (aged gouda... mmm....) and dark chocolate. (80% dark... mmm...) Fish... (mmm... salmon...) Oat bran... (mmm... fiber....)
 *** Having lots of sex. It's good for circulation and the skin.
 *** Fitness and exercise, 5x a week! (Sex and dancing are part of fitness.)
 *** no smoking!
 *** more green tea, less coffee. no coffee after 3 PM.
 ***/
/******************************/