/*
TITA.COM IS A CUSTOM THEME, BASED ON:  
Theme Name: Lead
Theme URI: http://www.amypink.com
Description: The official AmyPink Theme
Version: 1.0
Author: Marcel Winatschek
Author URI: http://www.amypink.com
 */

/*
-----------------------------------------
RESET & CLEAR
----------------------------------------- 
*/
*,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 {font-size:100%;margin:0;padding:0;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration:line-through;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal}
ol, ul, li{list-style:none;margin:0;padding:0}
div{margin:0;padding:0}
caption, th{text-align:left}
.clear {clear:both;height:0;line-height:0;}
.breath {width:240px;margin:20px 0 0 0;}

/*
-----------------------------------------
TYPOGRAPHY & LINKS
----------------------------------------- 
*/
body {margin:0;padding:0;background:#fff url(images/back.gif) center center;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;line-height:1.4em;color:#444;}
a img {border:none;}
a {text-decoration:none;color:#ff6600;}
a:hover {text-decoration:none;color:#ff6600;}
h1, h2, h3, h4 {margin:1.5em 0 0 0;text-transform:uppercase;font-weight:bold;letter-spacing:0.035em;}
h1 {font-size:18px;color:#111;}
h2, h3 {font-size:14px;color:#333;}
p {margin:.8em 0;}
.postmetadata {font-size:11px;}
strong {font-weight:bold;}
small {font-size:12px;}
em {font-style:oblique;color:#666}
span.up {text-transform:uppercase;}

/*
-----------------------------------------
HEADER & MENU
----------------------------------------- 
*/

#header {margin:0;padding:0;width:100%;height:220px;background:#313131;text-align:center;}
#head-wrap {width:790px;margin:0 auto;padding:0;text-align:left;}
#logo {margin:15px 0 0 0;float:left;width:475px;height:170px;background:url(images/tita.png) no-repeat top left;}

#menu {font-size:0.7em;width:550px;text-transform:uppercase;}
#menu ul {margin:10px 0 0 0;padding:0;}
#menu li {float:left;margin:0;padding:0;list-style:none;color:#fff;letter-spacing:0.05em;}
#menu a {margin:0 18px 0 0;padding:0;color:#fff;font-weight:bold;}
#menu li a:hover {color:#fb2533;}
#menu li a.active, #menu li a.active:hover {color:#fb2533;}

/*
-----------------------------------------
WRAPPER
----------------------------------------- 
*/

#wrapper {width:790px;margin:0 auto;padding:0;text-align:left;font-size:0.85em;}

/*
-----------------------------------------
LEFT COL
----------------------------------------- 
*/
#leftcol {float:left;text-align:left;width:475px;margin-top:1em;}
#leftcol img {margin:15px 0px 10px 0; padding:10px; border:1px solid #aaa;}
#leftcol .postmetadata {display:block;width:100%;padding-top:2px;border-top:1px dotted #aaa;}
/*
-----------------------------------------
SIDEBAR
----------------------------------------- 
*/
#rightcol {float:right;margin-top:-185px;text-align:left;width:225px;line-height:1.5em;font-size:0.84em;color:#232323}
#rightcol p {margin-left:4px;margin-right:7px;margin-bottom:10px;}
#rightcol p.pic {margin:15px 0 15px 3px;}
#rightcol h2 {margin-left:4px;margin-right:5px;font-size:13px;}
#rightcol h2.sub {margin-left:4px;margin-right:5px;font-size:13px;color:#898989}
ul.wrap {list-style:none;margin:0;padding:0;color:#565656}
ul.wrap li {list-style:none;margin:0;padding:2px 0;}
ul.wrap li ul {list-style:none;margin:0;padding:0;}
ul.wrap li ul li{list-style:none;margin:0;padding:8px 0 0 4px;}
ul.thumbs {list-style:none;margin:0;padding:0;color:#565656}
ul.thumbs li {float:left;list-style:none;display:inline;margin:0;padding:10px 4px 0 4px;}
#rightcol div.lx-fk {width:50px;height:48px;background:url(images/Facebook.png);}
#rightcol div.lx-tr {width:50px;height:48px;background:url(images/Twitter.png);}
#rightcol div.lx-rs {width:50px;height:48px;background:url(images/RSS.png);}
#rightcol div.bar {margin:10x 0 10px 3px;width:220px;height:1px;background:#ddd;}
/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/
#footer {margin:2em 0 0 0;padding:0;width:100%;height:220px;background:#313131;line-height:18px;text-align:center;}
#foot-wrap {width:790px;margin:0 auto;padding:40px 0 20px 0;text-align:right;}
ul.foot {list-style:none;margin:0;padding:0}
ul.foot li {float:right;list-style:none;margin:0;padding:0 0 0 10px;}
ul.foot li.divide {padding-right:10px;border-right:1px solid #555;}
#foot-wrap div.mini {width:102px;height:100px;background:url(images/tita-minilogo.png);}
#foot-wrap a, #foot-wrap a:visited {color:#efefef}

/*
-----------------------------------------
FORMS
----------------------------------------- 
*/
form {margin-top:10px;}
form p {padding:5px 0 0 0;color:#666;text-transform:uppercase; font-size:.85em;}
span input {width:230px;overflow:hidden;border:1px solid #ccc;height:18px;color:#111;}
text {width:460px;margin:15px 0 0 0;overflow:hidden;border:1px solid #ccc;height:18px;color:#111;}
textarea {width:460px;margin:5px 0 0 0;border:1px solid #ccc;height:150px;font-color:#111;}
input.send {float:right;padding:2px 4px;margin:8px 14px 0 0;background-color:#333;color:#fff;text-transform:uppercase;font-weight:bold; }
span.req {color:#6ccbd5;text-transform:lowercase;}