@charset "utf-8";
/* CSS Document */

* { margin: 0px; padding: 0px }
body { background: url(../img/back_grad.png) 0 0 repeat-x #343A43; min-height: 100%;  }
#wrp { width: 990px; display: block; margin: 0 auto; padding-top: 32px; min-height: 100%; }
#top_bar {background:url(../img/top_bar.png) 0 0 no-repeat transparent; height: 42px; padding-top: 1px; padding-left: 15px}
#sub_wrp { width: 960px; padding: 0px 4px; background: url(../img/super_shad.png) 0 0 repeat-y transparent; min-height: 100%; float:left } 
#main { width: 960px; background: url(../img/back_main.jpg) 0 0 no-repeat #fff; min-height: 100%; float: left; display: block; padding-bottom: 5px }

h1,h2, h3 p, a, li, .info, div{ font-family: "Georgia", Georgia, "Times New Roman", Times, serif; }
p { font-size: 16px; }
a { text-decoration: none }
a:hover { text-decoration: underline }
p a {font-style: italic}

h3 { font-size: 40px }

.item_300 { width: 300px; padding-top: 30px; margin-left: 15px; margin-right: 15px; float: left }
.body_300 { width: 270px; background: url(../img/300_shad.png) 0 0 repeat-y transparent; padding: 0px 15px; float: left; display: block}
.item_450 { width: 450px; padding-top: 30px; margin-left: 15px; margin-right: 15px; float: left }
.body_450 { width: 420px; background: url(../img/450_shad.png) 0 0 repeat-y transparent; padding: 0px 15px; float: left; display: block}
.item_600 { width: 600px; padding-top: 30px; margin-left: 15px; margin-right: 15px; float: left }
.body_600 { width: 570px; background: url(../img/600_shad.png) 0 0 repeat-y transparent; padding: 0px 15px; float: left; display: block}

.body_300 img { max-width: 270px; height: auto }
.body_450 img { max-width: 420px; height: auto }
.body_600 img { max-width: 570px; height: auto }

.body_600 object, .body_600 object embed { width: 570px; height: 385px }

.album img { width: 300px; height: 300px }

.sh_tl { background:url(../img/shad.png) 0px -15px no-repeat transparent; height: 15px; width: 15px; float: left; display: block }
.sh_tr { background:url(../img/shad.png) -15px -15px no-repeat transparent; height: 15px; width: 15px; float: left; display: block }
.sh_tm, .sh_tm_600, .sh_tm_450, .sh_tm_300 { background:url(../img/shad.png) 0px 0px repeat-x transparent; height: 15px; float: left; display: block; }
.sh_tm_600 { width: 570px }
.sh_tm_450 { width: 420px }
.sh_tm_300 { width: 270px }

.sh_bl { background:url(../img/shad.png) 0px -45px no-repeat transparent; height: 15px; width: 15px; float: left; display: block }
.sh_br { background:url(../img/shad.png) -15px -45px no-repeat transparent; height: 15px; width: 15px; float: left; display: block }
.sh_bm, .sh_bm_960, .sh_bm_600, .sh_bm_450, .sh_bm_300 { background:url(../img/shad.png) 0px -60px repeat-x transparent; height: 15px; float: left; display: block; }
.sh_bm_960 { width: 938px }
.sh_bm_600 { width: 570px }
.sh_bm_450 { width: 420px }
.sh_bm_300 { width: 270px }

.sh_bm_che { background:url(../img/bottom_shad.png) 0px 0px no-repeat transparent; height: 15px; width: 968px; float: left; display: block; margin-bottom: 25px } 

h1 { color: #364963; font-size: 72px; font-weight: 100; margin: 0 5px; margin-bottom: 10px; text-align: center; border-bottom: #343a43 dotted 1px; }
h2 { color: #364963; font-size: 32px; font-weight: 100; padding: 0px 5px; margin-bottom: 10px; text-align: left; border-bottom: #343a43 dotted 1px; }
p { color: #5A6878; font-size: 16px; float: none}
a { color: #344763; font-size: 16px; }
a.go { color: #344763; font-size: 20px; width: 100%; display: block; text-align: right}
ul.commands { list-style: none; width: 100%; display: block; height: 20px; }
ul.commands li { padding: 2px 5px; float: right; font-size: 14px}
ul.commands li a { font-size: 12px}

h3 a { font-size: 24px; font-weight: 100 }

.info { text-align: right; font-size: 12px; display: block; width: 100%; margin-top: -10px; color: #CCC}
.info a {color: #AAA; font-size: 12px; }

#a_blog {background:url(../img/btn_blog.png) 0 0 no-repeat transparent; width: 114px; height: 42px; display: block; float: left}
#a_blog:hover {background-position: 0 -42px}
#a_login {background:url(../img/btn_login.png) 0 0 no-repeat transparent; width: 122px; height: 42px; display: block; float: left}
#a_login:hover {background-position: 0 -42px}
#a_profile {background:url(../img/btn_profile.png) 0 0 no-repeat transparent; width: 143px; height: 42px; display: block; float: left}
#a_profile:hover {background-position: 0 -42px}

#twitter_update_list {float:left; list-style: none}