/**
 *        Date: 04/mar/2006
 *        Author: Diego F Gonzalez <dfgonzalez@gmail.com.ar>
 */

/*        LAYOUT
...............................................................*/
        * { margin:0; padding:0; }
        
        body { }
        
        div#container { margin:0 20px 0 30px; }
        
        div#header { margin:0 10px 15px 0; padding:12px 0; }
        
        div#main { }
                div#main h2.title { margin:10px 0 0 0; padding:10px 5px; }
                div#main p { margin:7px 0; }
                div#main p.about { }
                div#main dl dt { padding: 5px; }
                        div#main dl dt span.action { display:action; margin:-5px -5px -5px 5px; padding:3px 0; width:25px; }
                div#main dl dd { padding: 5px 5px 10px 5px; overflow:auto; }
                
                div#main div.content { width:32%; float:left; margin:0 10px 10px 0; }
        
        div#footer { clear:both; margin:15px 10px 0 0; padding:12px 0; }
        
        a { }
        
        em { padding:1px 0 2px 0; }
        
/*        COLORS
...............................................................*/
        body { background:#fff url("../images/body_bg.png"); background-repeat: repeat-x; color:#636363; }
        
        div#container { }
        
        div#header { background:#666; color:#f6f6f6; border-bottom:2px solid #f6f6f6; }
        
                div#header h1 { }
                
                div#header p.myPimp { display:none; }
        
        div#main { }
                div#main h2.title { background:#f6f6f6; color:#333; border-bottom:2px solid #666; }
                div#main p.about { }
                div#main dl { border-bottom:2px solid #666; }
                        div#main dl dt { background:#fff; border-top:1px dotted #ccc; }
                                div#main dl dt:hover { background:#FFFFF5; }
                        /*        div#main dl dt span.action { background:#F5FFF0; color:#333; }
                                div#main dl dt:hover span.action { background:#E8FFDB; }*/
                        div#main dl dd { }
                
        div#footer { background:#666; color:#f6f6f6; border-top:2px solid #f6f6f6; }
                div#footer p a, div#footer p a:visited { color:#ffc; }
        
        a { color:#339900; text-decoration: none; }
        a:hover { color:#f40; }
        a:visited { color:#888; }
        
        em { background:#DCFFCC; font-style:normal; }

/*        TYPOGRAPHY
...............................................................*/
        body { font: 9px "verdana"; }
        
        div#container { }
        
        div#header { }
                div#header h1 { font-size:12px; font-weight:normal; text-align:center; }
        
        div#main { }
                div#main h2.title { font-size:9px; text-transform:uppercase; font-weight:normal; }
                div#main p { line-height:140%; }
                div#main dl dt span.action { text-align:center; }
                div#main dl dd { line-height:180%; }
        
        div#footer { text-align:center; }

/*        AUXILIARS
...............................................................*/
.clear { clear:both; }

span.action { cursor:pointer; float:right; }

.alignright { float:right; }

a img { border:none; }