/* general */
body { background:#141319 url(/style/img/bkg.jpg) no-repeat fixed top center; }
body, input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#fff; cursor:default; }

div.cleardiv { clear:both; margin:0px; padding:0px; height:0px; }

h1, h2 { margin:0px 0px 10px 0px; font-size:11px; }
h1 { font-weight:normal; }
a { color:#0091ff; background:#000; padding:2px; text-decoration:underline; }
a.pdf { background:url(/style/img/pdf.gif) no-repeat top left; padding-left:20px; }
a:hover { text-decoration:none; color:#ff00ff; }

#maincontainer a.imglink, #maincontainer a.imglink img { padding:0px; background:none; text-decoration:none; border:none; }
#maincontainer { background:url(/style/img/logo.png) no-repeat top left; width:980px; margin:0 auto; padding:150px 5px 5px 5px; }
#maincontainer div p { margin:0px 0px 10px 0px; padding:0px; }

/* text bar */
#maincontainer #intro { width:225px; float:left; margin:0px; padding:0px; text-align:justify; }
#maincontainer #intro h2 { background:url(/style/img/star.png) no-repeat center left; border-top:2px solid #0091ff; padding:0px 0px 0px 12px; color:#0091ff; }
#maincontainer #intro p.lnk { text-align:center; }
#maincontainer #intro ul#roll { list-style-type:none; margin:0px; padding:0px; }
#maincontainer #intro ul#roll li { display:block; float:left; margin:0px 0px 5px 0px; padding:0px 2px; }
#maincontainer #intro ul.out { list-style-type:square; margin:0px 0px 15px 0px; padding:0px 0px 0px 17px; display:block; float:left; width:95px; }
#maincontainer #portfolio { width:755px; float:left; margin:0px; padding:0px; }

/* portfolio */
#maincontainer #portfolio div.item { width:345px; float:left; margin:0px 0px 20px 30px; padding:0px; }
#maincontainer #portfolio div.item a img { border:10px solid #fff; }
#maincontainer #portfolio div.item a:hover img { border:10px solid #ff00ff; }
#maincontainer #portfolio div.item h2 { font-size:13px; }
#maincontainer #portfolio div.item p { margin:0px 0px 3px 0px; }
#maincontainer #portfolio div.item p span { font-weight:bold; color:#0091ff; }

/* footer */
#maincontainer #footer { width:330px; margin:0 auto; text-align:center; }
#maincontainer #footer a img { border:none; }
#maincontainer #footer p, #maincontainer #footer p span, #maincontainer #footer p a { display:block; float:left; margin:0px 5px; }

/* tweets */
.loading { display:none; }
#maincontainer .tweettext { margin:0px; }
#maincontainer .tweetdate { color: #B9B9B9; }
#maincontainer .tweetdate:before { content:"[ "; }
#maincontainer .tweetdate:after { content:" ]"; }

/* form */
form { margin:0px 0px 10px 0px; padding:10px 0px; width:222px; }
fieldset { border:none; margin:0px; padding:0px; }
label { display:block; clear:both; margin:0px; padding:0px 0px 0px 2px; background-color:#000; width:220px; }
input, textarea { background-color:#000; border:2px solid #000; width:212px; margin:0px; padding:3px; }
textarea { height:125px; overflow:auto; }
input:focus, textarea:focus, input.focused, textarea.focused { border:2px solid #0091ff; }
input.sendbutton { border:none; font-weight:bold; margin:5px 0px 0px 0px; padding:2px; width:auto; overflow:visible; cursor:pointer; }
p#message { font-weight:bold; text-align:center; }
p#message.error { background-color:#cc0000; }
p#message.success { background-color:#006600; }