/**
 *
 *
 * Copyright (c) 2009 Lukáš Hroch (http://soundake.cz)
 *
 *
 */


body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dd, dt, dl, form, table, th, td { margin: 0; padding: 0; list-style: none; }
body { font: normal 62.8%/1.66 'Lucida Grande', Arial, lucida, sans-serif; color: #fff; background: #304055 url('../images/bg.jpg') fixed; }

a { color: #90c1ff; }
a:hover { color: #ffcd8f !important; text-shadow: 0px 1px 1px #333; }  
a img { border: none; }

.todo {
   background: blue !important;
   color: white !important;
}
a[href^="error:"] {
        background: red !important;
        color: white !important;
}

h1 { color: #fafafa; font-weight: normal; font-size: 2.4em; text-shadow: 0px 1px 1px #222; }
h2 { color: #ddd; font-size: 1.6em; margin-bottom: 1em; text-shadow: 0px 1px 1px #444; }
h3 { color: #ddd; font-size: 1.4em; margin-bottom: 1em; text-shadow: 0px 1px 1px #333; }
h4 { color: #c0dcff; font-size: 1.2em; margin-bottom: .5em; text-shadow: 0px -1px 1px #333; }

small { font-size: .81em; }

fieldset { border: 1px solid #ccc; padding: 10px; background: #f9f9ff; margin: 1em 0; }
legend { padding: 3px 10px; }
form table { border-collapse: collapse; width: 99%; }
form table th { text-align: left; width: 34%; padding: 5px 5px 5px 0; vertical-align: top;}
form table td { padding: 5px 0; }
form table td label { margin-left: .5em; }

ul.list li { list-style: square; margin-left: 20px;}

div.img img { display: block; }
div.img p.info { margin-top: 5px; }

img.fl { margin-right: 10px; }

dt { font-size: .81em; font-weight: bold; margin-right: 1em; color: #c0dcff; padding-top: .4em; width: 10em; text-shadow: 0px -1px 1px #333; }
dd { margin-bottom: .5em; }

.clear { clear: both; }

.holder:after, .cols:after, #head:after, .formBox:after, #menu:after, .submenu:after, #main:after, .item:after, .tags:after,
.clearfix:after   { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
* html .holder,
* html .clearfix   { height:1%; } 
.clearfix   { display:block; }       

.fl   { float: left; }
.fr   { float: right; }
.fc   { clear: both; }
.fcl   { clear: left; }
.fcr   { clear: right; }

.l { text-align: left !important; }
.r { text-align: right !important; }
.c { text-align: center !important; }

.info { color: #c0dcff; }
.small { font-size: .85em !important; }

.last { margin-bottom: 0 !important; border-bottom: 0 !important; padding-bottom: 0 !important; }

.hidden { display: none; }

.cols   {}
.cols .col1 { float: left; width: 360px; }
.cols .col2 { float: right; width: 360px;  }

.msg   { padding: 3px 7px 3px 33px; margin-bottom: .5em; margin: 0 0 20px; }            
.msg strong   { color: #fff !important; }
.msg li   { margin: 3px; }
.msgerr,
.msgErr   { border: 1px solid #f50; background: #fc0 url('../icos/exclamation.png') 10px 50% no-repeat; color: #000; }
.msgok,
.msgOk   { border: 1px solid #7b7; background: #cfc url('../icos/tick.png') 10px 50% no-repeat; color: #000; }
.msginfo,
.msgInfo   { border: 1px solid #9292ff; background: #f2f2ff url('../icos/information.png') 10px 50% no-repeat; color: #000; }

/* System */
.dump { color: black; background: #ffc; font-size: 12px; text-align: left; border: 1px solid #aaa; padding: 5px 10px; overflow: auto; }
.dump span { color: gray }

#debug { background: #fff; color: #000; font-size: 12px; font-family: monospace; border: 1px solid firebrick !important; padding: 20px; margin: 20px; }

/**************/

#body { background: url('../images/bg-gradient.jpg') 0 0 repeat-x fixed; min-height: 750px; }
#view { margin: 0 auto; font-size: 1.3em; width: 940px; padding-top: 30px; }

.box { margin: 0 0 20px; xbackground: #fff; padding: 10px 0; xborder: 1px solid #cfcfcf; }
.box > h4:first-child { xmargin: -10px -15px 1em; xpadding: 0.33em 15px; xbackground: #e0e0e0; }

#address { float: left; width: 430px; }
#address p { margin-bottom: 1em; }
#menu { clear: left; background: url('../images/a30-.png') repeat-y ; padding: 10px 15px; margin: 0 -15px 20px; }
#menu ul { position: relative; xleft: -15px; }
#menu li { float: left; }
#menu li a { padding: 5px 15px; }

#sosumi { margin: 10px 0; color: #fff; text-align: center; opacity: 0.33; }

#personals { float: right; width: 430px; }

#twitterFeed { }
#twitterFeed li { padding-bottom: 1em; font-size: .85em; }
#twitterFeed li small { color: #c0dcff; }
#twitterFeed li.moreTweets { font-size: .81em; }

.moreTweets { display: hidden; }

.twitter		{ background-position: 0 50%; background-repeat: no-repeat	!important; padding-left: 20px !important; background-image: url('../images/icons/twitter_16.png') !important; }
.picasa		{ background-position: 0 50%; background-repeat: no-repeat	!important; padding-left: 20px !important; background-image: url('../images/icons/picasa_16.png') !important; }
.mobileme	{ background-position: 0 50%; background-repeat: no-repeat	!important; padding-left: 20px !important; background-image: url('../images/icons/mobileme_16.png') !important; }
.facebook 	{ background-position: 0 50%; background-repeat: no-repeat	!important; padding-left: 20px !important; background-image: url('../images/icons/facebook_16.png') !important; }
.linkedin	{ background-position: 0 50%; background-repeat: no-repeat	!important; padding-left: 20px !important; background-image: url('../images/icons/linkedin_16.png') !important; }
.wp			{ background-position: 0 50%; background-repeat: no-repeat	!important; padding-left: 20px !important; background-image: url('../images/icons/wordpress_16.png') !important; }
.tumlbr		{ background-position: 0 50%; background-repeat: no-repeat	!important; padding-left: 20px !important; background-image: url('../images/icons/tumblr_16.png') !important; }