* { margin: 0; padding: 0 }
img, img a { border: 0 }
body { background: #FDFDFD; font-size: 12px; font-family: "Trebuchet MS", Georgia, Times, "Times New Roman", Verdana, Geneva, Arial, Helvetica, serif, sans-serif }
#top { background: #8E0608 }
#top_frame { height: 105px; background: url('images/top.jpg') repeat-x }
#ie { padding: 0px 10px 5px 90px; background: #FFF url('images/warning.png') no-repeat 4px 0px }
#ie, #banner { border: 2px solid #EA080A }
.page_container { margin: 0 auto; width: 778px }
.page_container_space, #ie, #text, #text_main, #menu, #adds { margin-top: 10px }
#page_name, #page_description { float: left; width: 302px; color: #FFF }
#page_name { margin-top: 22px; height: 20px; line-height: 20px; font-size: 20px; font-weight: bold }
#page_description { height: 16px; line-height: 16px; font-size: 12px }
#banner { margin-top: 6px; float: right; width: 472px; }
#banner_frame { width: 468px; height: 60px; border: 2px solid #9B0707 }
#banner_frame img { float: left }
#top_line { margin-top: 6px; float: left; height: 25px; line-height: 25px }
#random_article { width: 560px; float: left; font-weight: bold }
#site_options { width: 218px; float: right }
#random_article a, #site_options a { color: #000; font-weight: normal }
#text { padding-right: 9px; width: 559px; float: left }
#text_main pre.code { width: 532px }
#text_main, dd a { color: #626B70 }
#text_main h1, #text_main h2, #text_main h3, #text_main h4, #text_main h5, #text_main h6 { border-bottom: #EEF1F2 solid 1px }
#menu { padding-left: 10px; float: right; width: 200px; background: url('images/menu_dotted.gif') repeat-y }
dd a { text-decoration: none }
dd a:hover { color: #A9A9A9 }
#footer { margin-top: 10px; float: left; border-top: #EEF1F2 solid 1px }
#footer_left { padding-left: 5px; float: left; width: 560px }
#footer_left a { color: #626B70; text-decoration: none }
#footer_left a:hover { text-decoration: underline }
#footer_right { width: 208px; padding-right: 5px; float: right }
#footer_right a { color: #626B70; font-weight: bold; text-decoration: none }
#adv { margin-bottom: 5px; float: left; width: 100% }
#adv a { text-decoration: underline }
/* BBCode */
tt { color: #000 }
em span { background: #CEC }
.text_left { text-align: left }
.text_center, #adsense, #adv { text-align: center }
.text_right, #site_options, #footer_right { text-align: right }
.text_justify, div#tags { text-align: justify }
a.postlink:link, a.postlink:visited { text-decoration: underline }
a.postlink:link, a.postlink:visited, #adv a, h1, h2, h3, h4, h5, h6, #footer_right a:hover, #ie a { color: #44A1D0 }
a.postlink:hover, #random_article a, #site_options a, #ie a:hover, #page_name a { text-decoration: none }
.list li { margin-left: 25px; }
.list_none { list-style-type: none; }
.list_1, .list_decimal { list-style-type: decimal; }
.list_a { list-style-type: lower-alpha; }
.list_i { list-style-type: upper-roman; }
.list_circle { list-style-type: circle; }
.list_disc { list-style-type: disc; }
.list_square { list-style-type: square; }
.list_lower-alpha { list-style-type: lower-alpha; }
.list_lower-roman { list-style-type: lower-roman; }
.list_upper-alpha { list-style-type: upper-alpha; }
.list_upper-roman { list-style-type: upper-roman; }
/* Others */
h1, h2, h3, h4, h5, h6, .h, dt, dd { border-bottom: #EEF1F2 solid 1px }
h1, h2, h3, h4, h5, h6, .h, dt { font-size: 17px; font-weight: normal }
h1, h2, h3, h4, h5, h6, .h, dl { margin-bottom: 5px }
#ie big, #text h1, .h, dl, #footer_left a:hover, #random_article a:hover, #site_options a:hover, #adv a:hover { color: #CD0000 }
#tags a { color: #080; text-decoration: underline; }
#tags a:hover { color: #F8B93C; text-decoration: none; }
.a_3d { background: url('images/art_3d.gif') }
.a_atom { background: url('images/art_atom.gif') }
.a_bat { background: url('images/art_bat.gif') }
.a_bin { background: url('images/art_bin.gif') }
.a_cmd { background: url('images/art_cmd.gif') }
.a_crypt { background: url('images/art_crypt.gif') }
.a_dll { background: url('images/art_dll.gif') }
.a_feather { background-image: url('images/art_feather.gif'); }
.a_fla { background: url('images/art_fla.gif') }
.a_font { background: url('images/art_font.gif') }
.a_font2 { background: url('images/art_font2.gif') }
.a_html { background: url('images/art_html.gif') }
.a_iso { background: url('images/art_iso.gif') }
.a_movie { background: url('images/art_movie.gif') }
.a_multimedia { background: url('images/art_multimedia.gif') }
.a_network { background: url('images/art_network.gif') }
.a_note { background: url('images/art_note.gif') }
.a_note2 { background: url('images/art_note2.gif') }
.a_office { background: url('images/art_office.gif') }
.a_paint { background: url('images/art_paint.gif') }
.a_paint2 { background: url('images/art_paint2.gif') }
.a_php { background: url('images/art_php.gif') }
.a_rar { background: url('images/art_rar.gif') }
.a_resource { background: url('images/art_resource.gif') }
.a_search { background: url('images/art_search.gif') }
.a_sql { background: url('images/art_sql.gif') }
.a_txt { background: url('images/art_txt.gif') }
.a_web { background: url('images/art_web.gif') }
.a_xml { background: url('images/art_xml.gif') }
.a_yes { background: url('images/art_yes.gif') }
.a_yes2 { background: url('images/art_yes2.gif') }
.a_zip { background: url('images/art_zip.gif') }

/******************************************************** TO FIX ************************************/

.paging ul, .paging li { list-style: none; font-size: 14px; }
ul.paging { margin: 10px 0 5px 0; text-align: center; }
.paging li { display: inline; }
.paging a { padding: 3px; }
.paging a:link, .paging a:visited { background: #F5F5F5; color: #626B70; text-decoration: none; border: 1px solid #FEFEFE; }
.paging a:hover, #page_name a { color: #FFF; }
.this a:link, .this a:visited { color: #FFF; background: #B10000; }
.paging a:hover, .this a:hover { background: #CD0000; }



label { width: 100px; display: block; float: left; font-weight: bold; }
.input_t, .input_s, .input_f, #input_bf { color: #44A1D0; font-size: 14px; font-weight: bold; border: 1px gray solid; }
.input_s, .input_f, #input_bf { font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; }
.input_t { width: 148px; background: url(images/input.gif) repeat-x left top; }
.input_s { width: 150px; }
.input_f { width: 300px; }
#input_b, #input_bf { margin-left: 100px; }
#input_bf { padding: 0 20px; }
textarea { width: 250px; height: 75px; color: #44A1D0; font-size: 14px; font-weight: bold; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; background: #D9D9D9; background-image: url("images/input.gif"); background-repeat: repeat-x; border: 1px gray solid; }
#token_text { width: 100px; float: left; font-weight: bold; }
.c { text-align: center; }
.r { text-align: right; }
.j { text-align: justify; }
.d, .f { text-decoration: line-through; }
.f { color: #CD0000; }
.d { color: #008000; }
.s1 { font-size: 100%; }
.s2 { font-size: 130%; }
.s3 { font-size: 150%; }
.s4 { font-size: 200%; }
.s5 { font-size: 300%; }

.news { margin-bottom: 10px; padding-left: 35px; background: url(images/news.gif) no-repeat; }
.news p { text-align: justify; }
.news a { color: #626B70; text-decoration: none; }
.news a:hover { color: #44A1D0; }
.news_header a { font-size: 16px; font-weight: bold; }


.a_main { padding: 20px 0 0 140px; background-repeat: no-repeat; }
a.a_header:link { color: #CD0000; text-decoration: none; }
a.a_header:visited { color: #CD0000; text-decoration: none; }
a.a_header:hover { color: #44A1D0; }
#a_header_left { float: left; color: #C0C0C0; }
#a_header_right { text-align: right; }
#a_header_right a:link { color: #787878; text-decoration: none; }
#a_header_right a:visited { color: #787878; text-decoration: none; }
#a_header_right a:hover { color: #44A1D0; text-decoration: none; }
div.a_items { padding: 10px 0 40px 0; }
a.a_item:link, a.a_item:visited { color: #626B70; text-decoration: none; }
a.a_item:hover { color: #12A3EB; }

p.news_header { padding-bottom: 4px; background: url(images/dotted_line.gif) repeat-x bottom; }
div.news_left { float: left; color: #C0C0C0; }
div.news_right { text-align: right; }
.comment { margin-bottom: 10px; padding-left: 60px; background-repeat: no-repeat; }
.comment p { clear: both; }
.comment a:link { color: #44A1D0; text-decoration: underline; }
.comment a:visited { color: #44A1D0; text-decoration: underline; }
.comment a:hover { color: #CD0000; text-decoration: none; }
.links a:link { color: #44A1D0; text-decoration: none; }
.links a:visited { color: #44A1D0; }
.links a:hover { text-decoration: underline; }
.c_a { background-image: url(images/author.gif); }
.c_g { background-image: url(images/guest.gif); }
.comment_author { height: 25px; color: #44A1D0; font-size: 16px; font-weight: bold; background: url(images/dotted_line.gif) repeat-x bottom; }
a.link_back:link, a.link_back:visited { color: #44A1D0; text-decoration: underline; }
a.link_back:hover { color: #44A1D0; text-decoration: none; }
.allow { color: #008000; font-weight: bold; }
.deny { color: #CD0000; font-weight: bold; }
a.inf:link, a.inf:visited { color: #44A1D0; text-decoration: underline; }
a.inf:hover { text-decoration: none; }
span.scripts { color: #C0C0C0; }
#script { padding: 20px 0 40px 140px; background: url(images/script.gif) no-repeat; }
#script p { color: #44A1D0; }
div#script_right { float: right; }
div#script_left { float: left; color: #C0C0C0; text-align: right; }
div#script_text { clear: both; }
a.scripts:link { color: #626B70; text-decoration: none; }
a.scripts:visited { color: #626B70; text-decoration: none; }
a.scripts:hover { color: #44A1D0; text-decoration: underline; }
.course_list a:link { color: #626B70; text-decoration: none; }
.course_list a:visited { color: #626B70; text-decoration: none; }
.course_list a:hover { color: #A9A9A9; }
.skills_main { font-weight: bold; }
.portfolio_frame { width: 100%; margin-bottom: 15px; float: left; }
.portfolio_frame_img { margin-right: 10px; float: left; text-align: center; background: #F0F0F0; border: #E0E0E0 solid 1px; }
.portfolio_frame_img img { display: block; }
.portfolio_link { width: 204px; position: relative; border-top: #E0E0E0 solid 1px; }
#portfolio_frame_selected_work { margin: 0 auto; margin-bottom: 10px; width: 760px; background: #F8F8F8; border: #E0E0E0 solid 1px; }
#portfolio_frame_selected_work_link { text-align: center; border-top: #E0E0E0 solid 1px; }
ul#site_map_main { text-align: left; }
#site_map_main li { display: block; }
#site_map_main a { padding: 0; background: none; }
ul.site_map_inside { margin: 0; display: block; text-align: left; }
.site_map_inside li { padding-left: 20px; }
.comment_content { clear: both; }
/*pre {  overflow: auto; }
pre p { margin: 0; padding: 0 background: yellow }*/


/*ul.list, ol.list  { margin-left: 15px; }*/

/*  ol, ul { margin-left: 5px; }*/

.quote { font-weight: bold; }
.quote cite { font-style: normal; }
pre.code { padding-left: 25px; overflow: auto; background: #FFF url(images/code_code.gif) repeat-y; border: #E0E0E0 solid 1px }
/*pre.code_php {   overflow: auto;  background: #FAFAFA; background-image: url(images/code_php.gif); background-repeat: repeat-y; }*/
/*pre.code { margin: 5px 0px 5px 0px; padding: 5px 5px 5px 25px; overflow: auto; border: #E0E0E0 solid 1px; background: #FAFAFA; background-image: url(images/code_code.gif); background-repeat: repeat-y; color: #000000; }*/
/*tmp*/
blockquote { margin: 5px 0px 5px 0px; padding: 5px 5px 5px 25px; border: #E0E0E0 solid 1px; background: #FFF; background-image: url(images/code_quote.gif); background-repeat: repeat-y; color: #000000; }

a.t:link, a.t:visited { color: #44A1D0; text-decoration: underline; }
a.t:hover { text-decoration: none; }
#frame_comment { margin-bottom: 5px; padding: 10px; text-align: center; border: 1px solid #EEF1F2; background: #FAFAFA; }
#text_main table { width: 100% }
#text_main table, #text_main td { text-align: center; border: #EEF1F2 solid 1px }
.mainrow { color: #FFF; background: #CD0000; }

a#rss { font-weight: bold; padding-left: 20px; background: url(images/rss.png) no-repeat; }