/*
 *   Tripoli is a generic CSS standard for HTML rendering.
 *   Copyright (C) 2007 David Hellsing
 *
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**/

/*
_______________________________
RESET */

*
{
    text-decoration:none;
    font-size:1em;
    outline:none;
    margin:0;
    padding:0;
}

code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext
{
    font:inherit;
    white-space:normal;
}

a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym
{
    border-width:0;
}

dfn,i,cite,var,address,em
{
    font-style:normal;
}

th,b,strong,h1,h2,h3,h4,h5,h6,dt
{
    font-weight:normal;
}

caption,th,td
{
    text-align:left;
}

html
{
    background:white;
    color:black;
    line-height:1;
    font-family:arial, sans-serif;
}

/* \*/

html
{
    font-family:sans-serif;
}

/* */

q
{
    quotes:"\201C""\201D""\2018""\2019";
}

ul,ol,dir,menu
{
    list-style:none;
}

sub,sup
{
    vertical-align:baseline;
}

a
{
    color:inherit;
}

/*
_______________________________
DISABLE DEPRECATED HTML */

font,basefont
{
    color:inherit;
    font:inherit;
    font-size:100%;
}


center,*[align]
{
    text-align:inherit;
}

s,strike,u
{
    text-decoration:inherit;
}

img
{
    border:none;
    margin:0;
}

ol
{
    list-style-type:decimal;
}

body
{
    background-color:transparent;
}

tr,th,td
{
    width:auto;
    height:auto;
    background-color:transparent;
    vertical-align:inherit;
    border:none;
}

table[border],#wraper table[border]
{
    border-collapse:separate;
    border-spacing:0;
}

nobr
{
    white-space:normal;
}

marquee
{
    overflow:visible;
    -moz-binding:none;
}

blink
{
    text-decoration:none;
}

/*
_______________________________
GENERAL */

html
{
    font-size:125%;
}

body
{
    font-size:50%;
}

a
{
    text-decoration:underline;
}

strong,th,thead td,h1,h2,h3,h4,h5,h6,dt
{
    font-weight:bold;
}

cite,em,dfn
{
    font-style:italic;
}

code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea
{
    font-size:100%;
    font-family:mono-space,monospace;
}

pre
{
    white-space:pre;
}

pre *
{
    font-size:100%;
    white-space:pre;
}

del
{
    text-decoration:line-through;
}

ins,dfn
{
    border-bottom:1px solid black;
}

small,sup,sub
{
    font-size:85%;
}

big
{
    font-size:125%;
    line-height:80%;
}

abbr,acronym
{
    text-transform:uppercase;
    font-size:85%;
    letter-spacing:.1em;
}

abbr[title],acronym[title],dfn[title]
{
    cursor:help;
    border-bottom:1px dotted black;
}

sup
{
    vertical-align:super;
}

sub
{
    vertical-align:sub;
}

blockquote
{
    padding-left:2.2em;
}

hr
{
    display:none; /* We will re-reset it later for content */
}

:lang(af),:lang(nl),:lang(pl)
{
    quotes:'\201E' '\201D' '\201A' '\2019';
}

:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro)
{
    quotes:'\201E' '\201C' '\201A' '\2018';
}

:lang(da),:lang(hr)
{
    quotes:'\00BB' '\00AB' '\203A' '\2039';
}

:lang(el),:lang(es),:lang(sq),:lang(tr)
{
    quotes:'\00AB' '\00BB' '\2039' '\203A';
}

:lang(en-GB)
{
    quotes:'\2018' '\2019' '\201C' '\201D';
}

:lang(fi),:lang(sv)
{
    quotes:'\201D' '\201D' '\2019' '\2019';
}

:lang(fr)
{
    quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}

*[lang|='en'] q:before
{
    content:'\201C';
}

*[lang|='en'] q:after
{
    content:'\201D';
}

*[lang|='en'] q q:before
{
    content:'\2018';
}

*[lang|='en'] q q:after
{
    content:'\2019';
}

input,select,button
{
    cursor:pointer;
}

input[type='text'],input[type='password']
{
    cursor:text;
}

input[type='hidden']
{
    display:none;
}

/*
_______________________________
CONTENT */

#wraper
{
    font-size:1.2em;
    line-height:1.6em;
}

#wraper h1
{
    font-size:1.6em;
    line-height:1;
    margin:1em 0 .5em;
}

#wraper h2
{
    font-size:1.5em;
    line-height:1;
    margin:1.07em 0 .535em;
}

#wraper h3
{
    font-size:1.4em;
    line-height:1;
    margin:1.14em 0 .57em;
}

#wraper h4
{
    font-size:1.3em;
    line-height:1;
    margin:1.23em 0 .615em;
}

#wraper h5
{
    font-size:1.2em;
    line-height:1;
    margin:1.33em 0 .67em;
}

#wraper h6
{
    font-size:1em;
    line-height:1;
    margin:1.6em 0 .8em;
}

#wraper hr
{
    display:block;
    background:black;
    color:black;
    width:100%;
    height:1px;
    border:none;
}

#wraper ul
{
    list-style:disc outside;
}

#wraper ol
{
    list-style:decimal outside;
}

#wraper table
{
    border-collapse:collapse;
}

#wraper hr,#wraper p,#wraper ul,#wraper ol,#wraper dl,#wraper pre, #wraper address,#wraper table,#wraper form
{
    margin-bottom:1.6em;
}

#wraper p+p
{
    margin-top:-.8em;
}

#wraper fieldset
{
    margin:1.6em 0;
    padding:1.6em;
}

/* \*/

#wraper legend
{
    padding-left:.8em;
    padding-right:.8em;
}

/* */

@media all and (min-width: 0px) /* for Opera 8 */
{
    #wraper legend
    {
        margin-bottom:1.6em;
    }
    #wraper fieldset
    {
        margin-top:0;
    }
    #wraper[class^='content'] fieldset
    {
        margin-top:1.6em;
    }
}

#wraper fieldset>*:first-child
{
    margin-top:0;
}

#wraper textarea,#wraper input[type='text']
{
    padding:.1em .2em;
}

#wraper input
{
    padding:.2em .1em;
}

#wraper select
{
    padding:.2em .1em 0;
}

#wraper select[multiple]
{
    margin-bottom:.8em;
}

#wraper option
{
    padding:0 .4em .1em;
}

#wraper button
{
    padding:.3em .5em;
}

#wraper input[type='radio']
{
    position:relative;
    bottom:-.2em;
}

#wraper dt
{
    margin-top:.8em;
    margin-bottom:.4em;
}

#wraper ul,#wraper ol
{
    margin-left:2.2em;
}

#wraper caption,#wraper form div
{
    padding-bottom:.8em;
}

#wraper ul ul,#wraper ol ul,#wraper ul ol,content ol ol
{
    margin-bottom:0;
}

/*
_______________________________
END */

/*
 *   @name visual
 *   @type tripoli plugin
 *
 *   @desc adds several visual details such as link colors, borders, blockquotes, form controls etc.
 *   @author David Hellsing
 *   @version 1.0
 *   @cat plugins
 *
**/

/*
_______________________________
VISUAL PLUG */

blockquote
{
    color:#666;
}

blockquote > *:first-child:before /* Tripoli bonus: pure CSS blockquote */
{
    content:"\201C";
    font-size:2.5em;
    margin-left:-.62em;
    font-family:georgia,serif;
    padding-right:.2em;
    color:#aaa;
    line-height:0;
}

abbr[title],acronym[title],dfn[title]
{
    border-bottom:1px solid #ccc;
}

ins,dfn
{
    border-bottom-color:#666;
}

del
{
    color:#666;
}

fieldset
{
    border-color:#ccc;
}

textarea,input[type='text'],input[type='password'],select
{
    border:1px solid #ccc;
    background:#fff;
}

fieldset
{
    border:1px solid #ccc;
}

textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover
{
    border-color:#aaa;
}

textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus
{
    outline:2px solid #e4e4e4;
    border-color:#888;
}

#wraper hr
{
    background:#aaa;
    color:#aaa;
}

#wraper table
{
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
}

#wraper th,#wraper td
{
    border-bottom:1px solid #ddd;
    border-right:1px solid #ccc;
}

#wraper th,#wraper td
{
    padding:.8em;
}

a:link
{
    color:#36c;
}

a:visited
{
    color:#99c;
}

a:hover,code,pre
{
    color:#c33;
}

a:active,.a:focus
{
    color:#000;
}

/*
_______________________________
END */