/*
Theme Name: ginnymin.com
Theme URI: http://ginnymin.com/
Description: Theme for ginnymin.com.
Version: 1.0
Author: Ginny Min
Tags: purple and gray, variable width, two columns
*/

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul,li{list-style:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}

/* Global tags */
html, body { height:100%; }
body { margin: 0px;font:12px/18px Arial,Tahoma,Helvetica,sans-serif; background:#ffffff url(images/sidebar-bg.jpg) repeat-y right; }
p { margin:0px 0px 15px; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; line-height:normal; color:#330088; }
h1 { font-size:18px; }
h2 { font-size:14px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
a:link, a:visited, a:active { color: #330088; text-decoration:none; }
a:hover { color: #aaaaaa; }
a img { border:1px solid #cccccc; }
a:hover img { border:1px solid #333399; }

/* Sidebar */
#sidebar { position:absolute; top:0px; right:0px; width:259px; background:transparent url(images/sidebar.jpg) no-repeat; color:#ffffff; padding:200px 0px 0px; }
#sidebar ul { padding:20px 0px; width:216px; line-height:normal; }
#sidebar ul.sections { font-size:20px; }
#sidebar ul.pages { font-size:16px; }
#sidebar ul li a { display:block; padding:3px 20px; font-weight:bold; color:#ffffff; }
#sidebar ul li a:hover, #sidebar ul li.selected a { background-color:#ffffff; color:#222222; }

#header, #footer, #main { margin-right:259px; }

/* Header */
#header { background-color:#C7C7D1; margin-top:30px; padding:15px; text-align:right; }
#header .title { font-size:40px; line-height:normal; }

/* Footer */
#footer { border-top:7px solid #C7C7D1; padding:10px 15px 15px; text-align:right; font-size:11px; }

#main { background-color:#eeeeee; }
#main .content { padding:15px; }
#main .column { float:left; width:50%; }
#main .item { display:block; float:left; width:200px; padding:20px; border:1px solid #eeeeee; }
#main .item:hover { border:1px solid #cccccc; background-color:#ffffff; }
#main .item:hover p { color:#000000; }
#main .item .thumb { width:200px; height:150px; margin:0px auto; }
#main .item .thumb img { border:1px solid #cccccc; }
#main .item h2 { margin:10px 0px 0px; }
#main .item .date { color:#999999; font-size:11px; }
#main .item p { margin:0px; color:#000000; }
#main .nav-items { margin-top:15px; text-align:right; font-size:14px; }

/* Home */
#home .column-left { float:left; width:400px; text-align:right; }
#home .column-right { margin-left:400px; }
#home .small-item { float:left; display:block; width:82px; height:62px; margin:0px 0px 10px 10px; }

/* Resume */
#resume h1 { text-align:center; font-family:serif; font-size:24px; margin-top:10px; }
#resume #main .content p { margin:0px; }
#resume #main .content table { margin:0px auto; }
#resume #main .content ul, #resume #main .content li { list-style:square outside; }
#resume #main .content li { margin-left:25px; }

/* Contact form */
#contact .column-left, #contact .column-right { padding-top:10px; }
#contact .column-left { float:left; width:475px; text-align:right; }
#contact .column-right { margin-left:475px; }
#contact .form-row, #contact .form-row-submit { margin:0px 0px 10px 15px; }
#contact .form-row label { margin-right:15px; font-weight:bold; font-size:14px;color:#330088; color:#330088; line-height:26px; }
#contact .form-row input, #contact .form-row textarea { vertical-align:top; border:1px solid #cccccc; width:325px; padding:3px 4px; color:#666666; font-size:16px; }
#contact .form-row-submit input { width:200px; border:1px solid #cccccc; padding:3px 4px; font-weight:bold; font-size:14px; color:#666666; }
#contact .confirm { text-align:center; margin-top:15px; }

/* Clearfix */
#main,
#main #items,
#home #main .column-left .content,
.clear { display:expression('inline-block'); }

#main:after,
#main #items:after,
#home #main .column-left .content:after,
.clear:after { display:block; visibility:hidden; clear:both; height:0; content: " "; }