/*
Theme Name: ginnymin.net
Theme URI: http://ginnymin.net/
Description: Theme for ginnymin.net
Version: 1.0
Author: Ginny Min
Tags: black and red, variable width, two columns, three columns, widgets
*/

/* 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 */
body { margin: 0px;font:12px/18px Arial,Tahoma,Helvetica,sans-serif; background:#ffffff url(images/sidebar-bg-bottom.gif) no-repeat fixed bottom right; }
p { margin:10px 0px; }
h1, h2, h3, h4, h5, h6 { line-height:normal; }
h1 { font:normal 30px/normal Georgia,Times,serif; }
h2 { font:normal 24px/normal Georgia,Times,serif; }
h3 { font-size:14px; font-weight:bold; }
h4 { font-size:12px; font-weight:bold; }
a:link, a:visited, a:active { color: #cc0000; text-decoration:none; }
a:hover { color: #999999; }
a img { border:1px solid #000000; }
a:hover img { border:1px solid #cc0000; }

/* Header and footer */
#header { position:relative; background:#ffffff url(images/top-banner.gif) no-repeat; height:150px; border-top:3px solid black; border-bottom:3px solid black; }
#footer { background:#eeeeee none; margin:15px 265px 15px 0px; padding:2px 20px; border-top:1px solid #999999; border-bottom:1px solid #999999; color:#666666; font-size:11px; text-align:right; }

/* Top menu */
#menu { position:absolute; top:0px; right:33px; width:226px; height:150px; border-left:3px solid black; border-right:3px solid black; }
#menu .bg { position:absolute; top:0px; left:0px; width:226px; height:150px; background-color:#ffffff; opacity:.85; filter:alpha(opacity=85); }
#menu .menu { padding:20px 0px 0px 16px; }
#menu .menu li { float:left; margin:0px 5px; }
#menu .menu li a { display:block; width:54px; height:54px; text-indent:-9999px; background-repeat:no-repeat; }
#menu .menu li a:hover, #menu .menu li.selected a { background-position:0 -54px; }
#menu .menu li.home a { background-image: url(images/menu-home.gif); }
#menu .menu li.gallery a { background-image: url(images/menu-gallery.gif); }
#menu .menu li.portfolio a { background-image: url(images/menu-portfolio.gif); }
#menu .label { font:32px Georgia,Times,serif; margin-top:5px; }
#menu .menu, #menu .label { position:relative; text-align:center; }

/* Sidebar */
#sidebar { float:right; width:226px; margin:30px 36px 0px 0px; }
#sidebar .navigation li a { display:block; margin:0px 30px 8px 0px; padding:9px 9px 9px 20px; text-decoration:none; color:#000000; font:18px Georgia,Times,serif; }
#sidebar .navigation li a:hover, #sidebar .navigation li.selected a { background:#ffffff none; border:1px solid #000000; border-left:none; padding:8px 8px 8px 23px; margin-left:-3px; }
#sidebar .panel { margin:20px 10px 10px; }
#sidebar .panel .header { height:27px; }
#sidebar .panel .header .header-left { float:left; width:9px; height:27px; background:transparent url(images/panel-top-left.gif) no-repeat; }
#sidebar .panel .header .header-right { float:right; width:9px; height:27px; background:transparent url(images/panel-top-right.gif) no-repeat; }
#sidebar .panel .header h3 { height:27px; margin:0px 9px; background:transparent url(images/panel-top-bg.gif) repeat-x; color:#ffffff; line-height:26px; }
#sidebar .panel .content { background: #ffffff none;border: 1px solid #999999; border-top:none; padding:10px; font-size:11px; }

/* Sidebar search */
#sidebar #searchform { width:200px; margin:0px auto; padding:10px 0px 0px; }
#sidebar #searchform input { vertical-align:middle; }
#sidebar #searchform .input { width:165px; line-height:22px; }
#sidebar #searchform .submit { background:transparent url(images/search.gif) no-repeat; background-position:0px 0px; width:25px; height:22px; }
#sidebar #searchform .submit:hover { background-position:0px -22px; }

/* Sidebar services panel */
#sidebar #links-services li { float:left; }
#sidebar #links-services li a { display:block; padding:0px 0px 0px 23px; width:69px; line-height:23px; }
#sidebar #links-services li.facebook { background:transparent url(images/icon-facebook-gray.gif) no-repeat left center; }
#sidebar #links-services li.lastfm { background:transparent url(images/icon-lastfm-gray.gif) no-repeat left center; }
#sidebar #links-services li.linkedin { background:transparent url(images/icon-linkedin-gray.gif) no-repeat left center; }
#sidebar #links-services li.ruwt { background:transparent url(images/icon-ruwt-gray.gif) no-repeat left center; }
#sidebar #links-services li.twitter { background:transparent url(images/icon-twitter-gray.gif) no-repeat left center; }
#sidebar #links-services li.facebook a:hover { background:transparent url(images/icon-facebook.gif) no-repeat left center; }
#sidebar #links-services li.lastfm a:hover { background:transparent url(images/icon-lastfm.gif) no-repeat left center; }
#sidebar #links-services li.linkedin a:hover { background:transparent url(images/icon-linkedin.gif) no-repeat left center; }
#sidebar #links-services li.ruwt a:hover { background:transparent url(images/icon-ruwt.gif) no-repeat left center; }
#sidebar #links-services li.twitter a:hover { background:transparent url(images/icon-twitter.gif) no-repeat left center; }

/* Sidebar links panel */
#sidebar li.linkcat { margin-bottom:10px; }

/* Main area */
#main { margin:15px 280px 0px 20px; }
#main .left { width:240px; float:left; clear:left; margin:0px 0px 15px; }
#main .middle { margin-left:300px; }
#main .section { background:transparent url(images/box-small.gif) no-repeat; padding:0px 0px 0px 50px; }
#main .section h1 { margin:0px 0px 8px; }
#main .section h2 { margin:0px 0px 8px; }
#main .section h3 { margin:0px 0px 8px; }
#main .section h1 a ,#main .section h2 a { color:#000000; text-decoration:none; }
#main .section h1 a:hover, #main .section h2 a:hover { color:#cc0000; }
#main .section h2 a img { border:none; }
#main .section h2 a.rss { background:transparent url(images/icon-rss-gray.gif) no-repeat 4px 8px; }
#main .section h2 a.rss:hover { background:transparent url(images/icon-rss.gif) no-repeat 4px 8px; }
#main .section h2 a.rss img { width:24px; height:24px; }
#main .feed p { margin:0px 0px 8px; }

/* Twitter */
#main #twitter { background:transparent url(images/box-twitter.gif) no-repeat; }
#main #twitter ol { margin:0px 15px 0px 0px; }
#main #twitter li { margin:0px 0px 8px 0px; }
#main #twitter li span { display:block; }
#main #twitter li .time { color:#666666; border-bottom:1px solid #cccccc; margin:0px 0px 1px; font-size:11px; }

/* Events calendar */
#main #events { background:transparent url(images/box-events.gif) no-repeat; }
#main #events li { margin-bottom:10px; }
#main #events span { display:block; }
#main #events .title, #main #events .location { margin-right:55px; }
#main #events .title { font-weight:bold; font-size:14px; border-bottom:1px solid #cccccc; margin-bottom:1px; padding:0px 0px 1px; }
#main #events .location {}
#main #events .date { float:right; width:40px; border:1px solid #999999; padding:3px 0px; text-align:center; font-size:11px; line-height:12px; text-transform:uppercase; }
#main #events .day { font-weight:bold; font-size:16px; line-height:16px; }

/* Lastfm */
#main #lastfm { background:transparent url(images/box-music.gif) no-repeat; }
#main #lastfm table.recent { margin-bottom:10px; }
#main #lastfm td { padding:2px 7px; vertical-align:top; }
#main #lastfm h3 { margin-bottom:10px; }
#main #lastfm .odd { background-color:#f9f9f9; }
#main #lastfm .even { background-color:#eeeeee; }

/* Photos */
#main #photos { background:transparent url(images/box-gallery.gif) no-repeat; }
#main #photos h3 { margin:8px 0px; }
#main #photos span { display:block; }
#main #photos li { border-top:expression('1px solid white'); }
#main #photos li .title { font-weight:bold; font-size:16px; line-height:normal; }
#main #photos li .title a { color:#000000; text-decoration:none; }
#main #photos li .title a:hover { color:#999999; }
#main #photos li .thumb { float:left; }
#main #photos .mobile { margin-bottom:3px; }
#main #photos .mobile .thumb { float:none; }

/* Photos in gallery */
#gallery #main #photos li { min-height:75px; position:relative; }
#gallery #main #photos p { margin-left:75px; }
#gallery #main #photos .title { border-bottom:1px solid #cccccc; margin-bottom:2px; padding-bottom:1px; }
#gallery #main #photos .thumb { float:none; position:absolute; top:0px; top:expression('10px'); left:0px; margin:0px; }
#gallery #main #photos .size, #gallery #main #photos .date { display:inline; color:#666666; font-size:11px; }
#gallery #main #photos .desc { margin-bottom:15px; }

/* Uploads */
#main #uploads { background:transparent url(images/box-mobile.gif) no-repeat; }
#main #uploads p { margin-bottom:15px; }

/* Gallery photo list and album pages */
#main #album-info { background:transparent url(images/box-gallery.gif) no-repeat; }
#main #photolist { padding-left:30px; }

/* Gallery archive */
#gallery #main #archive .albums li { float:left; }
#gallery #main #archive .albums li a { display:block; width:78px; }

/* Thumbnail styles */
#main #photos .thumb, #main #uploads .thumb, #main #photolist a { margin:0px 6px 0px 0px; }

/* Blog */
#main #wordpress { background:transparent url(images/box-journal.gif) no-repeat; }
#main #wordpress h1, #main #wordpress .post h2 { border-bottom:1px solid #cccccc; padding:0px 0px 3px; margin:0px 0px 5px; }
#main #wordpress .list-type { border:1px solid #d7d7d7; background-color:#f0f0f0; padding:5px 8px; margin:0px 0px 15px; font-size:14px; }
#main #wordpress .post ul, #main #wordpress .post ol, #main #wordpress .post li { list-style:square outside; }
#main #wordpress .post li { margin-left:25px; }
#main #wordpress .post .meta { font-size:11px; }
#main #wordpress .post .links { margin: 0px 0px 20px; text-align:right; padding:5px 0px 0px; }
#main #wordpress .post .links .comments-link, #main #wordpress .post .links .more-link { border:1px solid #d7d7d7; background-color:#f0f0f0; padding:5px 7px; color:#000000; text-decoration:none; }
#main #wordpress .post .links .comments-link:hover, #main #wordpress .post .links .more-link:hover { background-color:#dddddd; }
#main #wordpress .post .links .more-link { margin-right:5px; }

/* Blog comments */
#main #comments { background:transparent url(images/box-comments.gif) no-repeat; margin-top:20px; }
#main #comments .comment-author { font-size:14px; }
#main #comments .comment-meta { font-size:11px; }
#main #comments li, #main #comments .respond { border:1px solid #d7d7d7; background-color:#f0f0f0; padding:15px; margin-bottom:10px; }
#main #comments li p { margin-left:30px; }

/* Blog share */
#main #sharing { background:transparent url(images/box-subscribe.gif) no-repeat; }
#main #sharing h2 { clear:both; }
#main #sharing ul { margin-bottom:10px; }
#main #sharing li { float:left; }
#main #sharing li a { display:block; padding:0px 0px 0px 23px; line-height:23px; width:95px; }

/* Blog share icons */
#main #sharing li.google { background:transparent url(images/icon-google-reader-gray.gif) no-repeat left center; }
#main #sharing li.yahoo { background:transparent url(images/icon-yahoo-gray.gif) no-repeat left center; }
#main #sharing li.live { background:transparent url(images/icon-live-gray.gif) no-repeat left center; }
#main #sharing li.bloglines { background:transparent url(images/icon-bloglines-gray.gif) no-repeat left center; }
#main #sharing li.technorati { background:transparent url(images/icon-technorati-gray.gif) no-repeat left center; }
#main #sharing li.netvibes { background:transparent url(images/icon-netvibes-gray.gif) no-repeat left center; }
#main #sharing li.pageflakes { background:transparent url(images/icon-pageflakes-gray.gif) no-repeat left center; }
#main #sharing li.newsgator { background:transparent url(images/icon-newsgator-gray.gif) no-repeat left center; }
#main #sharing li.digg { background:transparent url(images/icon-digg.gif) no-repeat left center; }
#main #sharing li.delicious { background:transparent url(images/icon-delicious-gray.gif) no-repeat left center; }
#main #sharing li.facebook { background:transparent url(images/icon-facebook-gray.gif) no-repeat left center; }
#main #sharing li.reddit { background:transparent url(images/icon-reddit-gray.gif) no-repeat left center; }
#main #sharing li.stumble { background:transparent url(images/icon-stumble-gray.gif) no-repeat left center; }
#main #sharing li.slashdot { background:transparent url(images/icon-slashdot-gray.gif) no-repeat left center; }
#main #sharing li.newsvine { background:transparent url(images/icon-newsvine-gray.gif) no-repeat left center; }
#main #sharing li.linkedin { background:transparent url(images/icon-linkedin-gray.gif) no-repeat left center; }
#main #sharing li.yahoobuzz { background:transparent url(images/icon-yahoo-buzz-gray.gif) no-repeat left center; }
#main #sharing li.mixx { background:transparent url(images/icon-mixx-gray.gif) no-repeat left center; }
#main #sharing li.myspace { background:transparent url(images/icon-myspace-gray.gif) no-repeat left center; }
#main #sharing li.rss, #main #sharing li.atom { background:transparent url(images/icon-rss-gray.gif) no-repeat left center; }

/* Blog share icons, hovers */
#main #sharing li.google a:hover { background:transparent url(images/icon-google-reader.gif) no-repeat left center; }
#main #sharing li.yahoo a:hover { background:transparent url(images/icon-yahoo.gif) no-repeat left center; }
#main #sharing li.bloglines a:hover { background:transparent url(images/icon-bloglines.gif) no-repeat left center; }
#main #sharing li.live a:hover { background:transparent url(images/icon-live.gif) no-repeat left center; }
#main #sharing li.technorati a:hover { background:transparent url(images/icon-technorati.gif) no-repeat left center; }
#main #sharing li.netvibes a:hover { background:transparent url(images/icon-netvibes.gif) no-repeat left center; }
#main #sharing li.pageflakes a:hover { background:transparent url(images/icon-pageflakes.gif) no-repeat left center; }
#main #sharing li.newsgator a:hover { background:transparent url(images/icon-newsgator.gif) no-repeat left center; }
#main #sharing li.digg a:hover { background:transparent url(images/icon-digg.gif) no-repeat left center; }
#main #sharing li.delicious a:hover { background:transparent url(images/icon-delicious.gif) no-repeat left center; }
#main #sharing li.facebook a:hover { background:transparent url(images/icon-facebook.gif) no-repeat left center; }
#main #sharing li.reddit a:hover { background:transparent url(images/icon-reddit.gif) no-repeat left center; }
#main #sharing li.stumble a:hover { background:transparent url(images/icon-stumble.gif) no-repeat left center; }
#main #sharing li.slashdot a:hover { background:transparent url(images/icon-slashdot.gif) no-repeat left center; }
#main #sharing li.newsvine a:hover { background:transparent url(images/icon-newsvine.gif) no-repeat left center; }
#main #sharing li.linkedin a:hover { background:transparent url(images/icon-linkedin.gif) no-repeat left center; }
#main #sharing li.yahoobuzz a:hover { background:transparent url(images/icon-yahoo-buzz.gif) no-repeat left center; }
#main #sharing li.mixx a:hover { background:transparent url(images/icon-mixx.gif) no-repeat left center; }
#main #sharing li.myspace a:hover { background:transparent url(images/icon-myspace.gif) no-repeat left center; }
#main #sharing li.rss a:hover, #main #sharing li.atom a:hover { background:transparent url(images/icon-rss.gif) no-repeat left center; }

/* Tags and arhive */
#main #archive { background:transparent url(images/box-archive.gif) no-repeat; }
#main #tags { background:transparent url(images/box-tags.gif) no-repeat; }
#main #tags a { margin-right:5px; line-height:normal; }

/* Clearfix */
#main,
#menu .menu,
#links-services,
#events li,
#main #sharing ul,
#gallery #main #archive ul.albums,
.clear { display:expression('inline-block'); }

#main:after,
#menu .menu:after,
#links-services:after,
#events li:after,
#main #sharing ul:after,
#gallery #main #archive ul.albums:after,
.clear:after { display:block; visibility:hidden; clear:both; height:0; content: " "; }