/* ************ START OF CSS STYLING ************ */ .navbar { visibility:hidden; display: none; } /* HTML Elements */ * { margin:0; padding:0; } body { font: 100% Arial, Helvetica; background: #BBBBBB; color: #333; } p { margin: 15px 0; } a:link, a:visited { color: #3c78a7; text-decoration:none } a:hover, a:active { color: #3c78a7; text-decoration:underline; } a img { border:0; } code { font: 1.0em 'Courier New', Courier, Fixed; background:#ececec; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { padding: 10px 10px 0 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #eee; font:1.0em Arial; line-height:1.5em; margin:10px 0px; } select { width: 130px; } /* Structure */ #head { width:960px; margin:0px auto; margin-top:0px; padding:0px; font-size:0.7em; } #page { width:940px; margin:0px auto; padding:10px; background:#ececec; font-size:0.7em; } .left, .alignleft { float:left; } .right, .alignright { float:right; } /* Navigation Bar*/ #navbar { margin:0 auto; margin-top:1px; padding:0px 10px; text-transform:uppercase; background:#0d6aa6; } #page-bar { width:722px; } #page-bar ul { list-style: none; } #page-bar li { float:left; list-style:none; cursor: pointer; display:block; border-right:1px solid #333; } #page-bar li:hover { background: #33AA00; } #page-bar a, #page-bar a:visited { margin: 0px; padding:10px 16px; font-weight:bold; color:#FFF; display:block; } #page-bar a:hover { text-decoration:none; display:block; } #searchform { width:194px; float:right; text-align:right; padding-top:8px; margin-right:10px; } /* Dropdown Menus */ #page-bar li { float: left; margin: 0px; padding: 0px; z-index: 15; position: relative; } #page-bar li li { float: left; margin: 0px; padding: 0px; width: 122px; z-index: 10; text-transform:none; position: relative; } #page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited { background: #2B2B2B; width: 122px; float: none; margin: 0px; padding: 5px 10px 5px 18px; border-top: 1px solid #C0C0C0; } #page-bar li li a:hover, #page-bar li li a:active { background: #666666; padding: 5px 10px 5px 18px; } #page-bar li ul { position: absolute; width: 10em; left: -999em; } #page-bar li:hover ul { left: auto; display: block; } #page-bar li:hover ul, #page-bar li.sfhover ul { left: auto; } /* Text*/ h1 { font:3.5em Arial; font-weight:bold; letter-spacing:-0.08em; } h2 { font:2.3em Georgia, "Times New Roman"; } h3 { font:1.3em Arial; margin-bottom:3px; color:#3c78a7; font-weight:bold; } h4 { font:1.0em Arial; } h2.title, h2.title a { color:#333; letter-spacing:-0.05em; font-size:0.85em; } #respond h3 { margin-top:0px; padding-top:20px; } #content #comments h3 { font: 100% Arial, Helvetica; font-size: 1.4em; font-weight: bold; color: #3c78a7; margin-top:32px; padding-left:0px; } h3.authors { margin-top:15px; } /* Index Page*/ #logo { width:350px; } #logo .title { font-weight:normal; font:3.0em Georgia; letter-spacing:-0.05em; display:block; } #logo .description { margin-top:5px; font-size:1em; color:#333; } #top { padding:0; } #headline h2 { font-weight:bold; font:1.8em Georgia; letter-spacing:-0.05em; display:block; padding-bottom:5px; } #headline div.meta { display:block; margin-top:-5px; padding-bottom:2px; } #headline p { padding-bottom:15px; } #featured .clearfloat { margin-top:7px; margin-bottom:8px; } #featured .info { margin-top:5px; padding-top:5px; float:right; width:180px; } #featured h2 { font-weight:bold; font:1.8em Georgia; letter-spacing:-0.05em; display:block; padding-bottom:5px; } #featured h3 { font-weight:bold; } #featured li { list-style: none; } #headline a img, #featured a img { border:1px solid #ccc; margin-top:5px; margin-right:10px; padding:2px; } .category p { margin:0; } #front-popular h2 { color:#fff; } .category a { margin:0; font-weight:italics; font-size:1.2em; letter-spacing:-0.05em; color:#333; display:block; background:none; } #bottom { width: 940px; } #front-list { width:590px; background:#fff; padding:10px; font-size:1.05em; line-height:1.75em; float:left; } #archive { padding-top:15px; font-size:1.05em; line-height:1.5em; } #front-list blockquote { padding: 0px 10px 0 10px; } #front-list h3, #archive h3 { font-weight:bold; font:2.0em Georgia; letter-spacing:-0.05em; } #front-list .cat_title, #front-list .cat_title a, #front-list .cat_title a:visited { text-transform:lowercase; margin:0; font-weight:bold; font-size:1.1em; letter-spacing:-0.05em; color:#333; } #front-list .clearfloat, #archive .clearfloat { font-family: Arial, Helvetica; padding-bottom:10px; border-bottom:1px dotted #ccc; margin:0 0 10px 0; } #front-list .spoiler, #archive .spoiler { display:block; margin-top:3px; } #front-list p, #archive p { margin:0px; padding:0px; } .author { font-size:0.8em; font-weight:bold; } .meta { font-size:0.8em; color:#333; } .meta a { color:#333; } #headline p, #featured p { margin:0; } /* Content Page*/ #content { width:590px; background:#fff; padding:10px; font-size:1.05em; line-height:1.75em; float:left; min-height:400px; } #content .breadcrumbs, #content .breadcrumbs a { font-weight:bold; color:#333; } #content h3 { font:2.2em Georgia; font-weight:bold; color: #333; letter-spacing:-0.05em; border-bottom:1px solid #ddd; border-top:3px solid #ddd; padding:5px 0px; } .post { font-size:1.05em; line-height:1.75em; } .post p { margin-top:0px; } .post .clearfloat { border-bottom:1px dotted #ccc; margin:10px 0px; } .post ul, .post ol, #front-list ul, #front-list ol { margin-bottom:15px; } .post ul li, #front-list ul li { list-style:square; margin-left:30px; } .post ol li, #front-list ol li { list-style:decimal; margin-left:30px; } .post ol li ul li, #front-list ol li ul li { list-style:square; margin-left:20px; } .post img, .post a img, #front-list img, #archive img { border:1px solid #ccc; margin:0 10px 5px 0; padding:2px; } .post .ads { margin-top:10px; } .entry { margin-top:20px; } #stats { margin-top:0px; padding:4px 0px; text-transform:uppercase; font:0.8em Arial; display:block; } #stats span { padding: 0px 20px 0px 0px; } #stats span a:hover { background:none; } #stats span a { color:#333; } #stats img, #nav img { border:0px; margin:0px; padding:0px; } #tools { width:590px; height:25px; font-size:0.95em; } #tools a:hover { background:none; } .navigation { padding:5px 0px; text-align:Center; } /* Sidebar*/ #sidebar { width:320px; float:right; margin:0px 0px 0px 0px; } #sidebar .widget { margin: 0 0 10px 0; } #sidebar-middle .widget { margin: 0 0 10px 0; } #sidebar h2 { font:1.1em Arial; font-weight:bold; background:#333; color:#fff; margin:10px 0px 5px 0px; padding:3px 10px; } #sidebar-top, #sidebar-bottom { width:300px; float:right; padding:0px 10px 10px 10px; background:#fff; margin: 0 0 10px 0; } #sidebar-bottom, #sidebar-middle { margin-top:10px; } #sidebar-middle { width:320px; float:right; } #sidebar-left { width:135px; padding:0px 10px 10px 10px; float:left; background:#fff; } #sidebar-right { width:135px; padding:0px 10px 10px 10px; float:right; background:#fff; } #sidebar li { list-style:none; border-bottom:1px dotted #ccc; display:block; padding:2px 0px 2px 13px; background:url(http://img84.imageshack.us/img84/7901/submj2.png) no-repeat 0 0px; } #BlogArchive1 a:link, #BlogArchive1 a:visited { list-style:none; border-bottom:1px dotted #ccc; display:inline-block; margin: 0; padding:2px 0px 2px 27px; background:url(http://img84.imageshack.us/img84/7901/submj2.png) no-repeat 0 0px; } #sidebar li ul li:last-child{ list-style:none; border-bottom:0px dotted #ccc; display:block; padding:2px 0px 0px 13px; background:url(http://img84.imageshack.us/img84/7901/submj2.png) no-repeat 0 0px; } #sidebar-ads { width:300px; float:right; margin-bottom:10px; padding:10px; background:#fff; } /* Form Elements */ select { border:1px solid #333; width:100% } .field { padding: 2px; border:1px solid #333; background:#fff; font-size:1.0em; } #s { padding:1px; font-size:1.0em; width:150px; } #searchsubmit { padding-left:5px; } #commentform input { width: 140px; margin: 5px 5px 1px 0; } #commentform textarea { width: 99%; margin-top:5px; } /* Comments*/ .commentlist cite { font-style:normal; margin-bottom:4px; display:inline-block; } .commentlist blockquote { background:#ededed; } .commentlist li { padding: 10px 0px 10px 0px; list-style:none; margin-bottom:3px; } .commentlist li li { background:none; border:none; list-style:square; margin:3px 0 3px 20px; padding:3px 0; } .commenttext { padding: 10px 10px 0px 10px; background:#f2f2f2; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; width:570px; float:left; } .commentlist cite strong { font-size:1.1em; } li.my_comment { background: #FFF; border:none; } li.my_comment cite strong { font-size: 1.3em; color:#313228; } #commentform small { background:#FFF; font-weight:bold; padding:0; } .commentmetadata { color:#4d4d4d; display: block; margin-top:3px; text-align:right; font-size:0.9em; } .commentmetadata a, .commentmetadata a:visited { color:#959382; } .commentlist small { background:#e9e9e9; } .avatar { border:1px solid #bbb; margin:0px 10px 0px 0px; float:left; padding:2px; width:55px; height:55px; } #comments { width:590px; background:#fff; } /* Footer*/ #front-popular { font-size:0.9em; color:#fff; width: 940px; background:#2c2c2c url(http://img523.imageshack.us/img523/1568/bottombarzm6.png) bottom no-repeat; margin: 10px 0 0 -10px; padding:10px; } #recentpost, #mostcommented { width:280px; float:left; padding:10px; border:1px solid #fff; } #mostcommented { margin-left:17px; } #recent_comments { width:280px; float:right; padding:10px; border:1px solid #fff; } #recentpost a, #mostcommented a, #recent_comments a { color:#fff; } #recentpost ul, #mostcommented ul, #recent_comments ul { margin-top:5px; } #recentpost ul li, #mostcommented ul li, #recent_comments ul li { list-style:none; border-top:1px dotted #fff; padding:5px; display:block; } #recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover { background:#3c78a7; color:#fff; } #recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child { border-top:0px dotted #fff; } #footer { margin: 0 auto; width: 960px; font-size:0.6em; padding-top:10px; padding-bottom:10px; } /* Float Properties*/ .clearfloat:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfloat { display: inline-block; } #front-list .divider { margin:0; background: url(http://img60.imageshack.us/img60/4183/divideryt7.png) repeat-x; } /* Hides from IE-mac \*/ * html .clearfloat { height:1%; } *+html .clearfloat { height:1%; } .clearfloat { display:block; } /* Label Cloud Styles ----------------------------------------------- */ #labelCloud {text-align:center;font-family:arial,sans-serif;color:#3c78a7} #labelCloud .label-cloud li{color:#3c78a7;display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;} #labelCloud ul{color:#3c78a7;list-style-type:none;margin:0 auto;padding:0;} #labelCloud a img{color:#3c78a7;border:0;display:inline;margin:0 0 0 3px;padding:0} #labelCloud a{color:#3c78a7} #labelCloud a:visited{color:#3c78a7} #labelCloud a:hover{text-decoration:underline} #labelCloud li a{color:#3c78a7} #labelCloud .label-cloud {color:#3c78a7} #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#3c78a7} #labelCloud .label-cloud li:before{content:"" !important} /* Page Navigation */ .showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px; } .showpageArea a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 2px 2px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageArea a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 2px 2px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageNum a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpagePoint {font-size:11px; padding: 2px 2px 2px 2px; margin: 2px; font-weight: bold; border: 1px solid #333; color: #000000; background-color: #FFFFFF; text-decoration: none; } .showpage a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a:link,.showpage a:link { font-size:11px; padding: 2px 2px 2px 2px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;} .showpageNum a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } #blog-pager { margin: 0px 0px 20px 0px; padding: 10px 0px 0px 0px; text-align: center; } #blog-pager-newer-link { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #blog-pager-older-link { float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ************ END OF CSS STYLING ************ */ /** Page structure tweaks for layout editor wireframe */ body#layout #main, body#layout #sidebar { padding: 0; } #myGallery, #myGallerySet, #flickrGallery {width: 100px;height: 100px;z-index: 5;} #flickrGallery {width: 500px;height: 334px;} #myGallery img.thumbnail, #myGallerySet img.thumbnail {display: none;} .jdGallery {overflow: hidden;position: relative;} .jdGallery img {border: 0;margin: 0;} .jdGallery .slideElement {width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;background-position: center center;background-image: url('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOO5Za74I/AAAAAAAAAbc/w1cX7FKk97Y/loading-bar-black_thumb%5B1%5D.gif?imgmax=800'); } .jdGallery .loadingElement {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000;background-repeat: no-repeat;background-position: center center;background-image: url('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOO5Za74I/AAAAAAAAAbc/w1cX7FKk97Y/loading-bar-black_thumb%5B1%5D.gif?imgmax=800');} .jdGallery .slideInfoZone {position: absolute;z-index: 10;width: 100%;margin: 0px;left: 0;bottom: 0;height: 50px;background: #000;color: #fff;text-indent: 0;overflow: hidden;} * html .jdGallery .slideInfoZone {bottom: -1px;} .jdGallery .slideInfoZone h2 {padding: 7px 10px 2px 10px;font-size: 12px;margin: 0;font-weight: bold;color: #ffffff;text-transform: uppercase;background: #111111;letter-spacing:0em;} .jdGallery .slideInfoZone p {font-size: 12px;margin: 2px 5px;color: #fff;padding: 0px 0px 0px 5px;font-family:arial;} .jdGallery div.carouselContainer {position: absolute;height: 135px;width: 100%;z-index: 10;margin: 0px;left: 0;top: 0;} .jdGallery a.carouselBtn {position: absolute;bottom: 0;right: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #000;color: #fff;cursor: pointer;} .jdGallery .carousel {position: absolute;width: 100%;margin: 0px;left: 0;top: 0;height: 115px;background: #000;color: #fff;text-indent: 0;overflow: hidden;} .jdExtCarousel {overflow: hidden;position: relative;} .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {position: absolute;width: 100%;height: 78px;top: 10px;left: 0;overflow: hidden;} .jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {position: relative;} .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {cursor: pointer;background: #000;background-position: center center;float: left;border: solid 1px #fff;} .jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {margin-bottom: 10px;} .jdGallery .carousel .label, .jdExtCarousel .label {font-size: 13px;position: absolute;bottom: 5px;left: 10px;padding: 0;margin: 0;} .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {font-size: 10px;position: absolute;bottom: 5px;right: 10px;padding: 1px 2px;margin: 0;background: #222;border: 1px solid #888;cursor: pointer;} .jdGallery .carousel .label .number, .jdExtCarousel .label .number {color: #b5b5b5;} .jdGallery a {font-size: 100%;text-decoration: none;color: inherit;} .jdGallery a.right, .jdGallery a.left {position: absolute;height: 99%;width: 25%;cursor: pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;} * html .jdGallery a.right, * html .jdGallery a.left {filter:alpha(opacity=50);} .jdGallery a.right:hover, .jdGallery a.left:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} .jdGallery a.left {left: 0;top: 0;background: url('http://lh6.ggpht.com/_pt7i0nbIOCY/SSoOSD0HNeI/AAAAAAAAAbk/yGPQEEfCcDA/fleche1-1_thumb%5B1%5D.png?imgmax=800') no-repeat center left;} * html .jdGallery a.left { background: url('http://lh6.ggpht.com/_pt7i0nbIOCY/SSoOSD0HNeI/AAAAAAAAAbk/yGPQEEfCcDA/fleche1-1_thumb%5B1%5D.png?imgmax=800') no-repeat center left; } .jdGallery a.right {right: 0;top: 0;background: url('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOUynKksI/AAAAAAAAAbs/v7o0XgwYdTg/fleche2-1_thumb%5B1%5D.png?imgmax=800') no-repeat center right;} * html .jdGallery a.right { background: url('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOUynKksI/AAAAAAAAAbs/v7o0XgwYdTg/fleche2-1_thumb%5B1%5D.png?imgmax=800') no-repeat center right; } .jdGallery a.open {left: 0;top: 0;width: 100%;height: 100%;} .withArrows a.open {position: absolute;top: 0;left: 25%;height: 99%;width: 50%;cursor: pointer;z-index: 10;background: none;-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} .withArrows a.open:hover { background: url('http://lh6.ggpht.com/_pt7i0nbIOCY/SSoOXmTl_xI/AAAAAAAAAb0/GLqpxNapKAg/open_thumb.gif?imgmax=800') no-repeat center center; } * html .withArrows a.open:hover { background: url('http://lh6.ggpht.com/_pt7i0nbIOCY/SSoOXmTl_xI/AAAAAAAAAb0/GLqpxNapKAg/open_thumb.gif?imgmax=800') no-repeat center center;filter:alpha(opacity=80); } /* Gallery Sets */ .jdGallery a.gallerySelectorBtn {z-index: 15;position: absolute;top: 0;left: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #333;color: #fff;cursor: pointer;opacity: .4;-moz-opacity: .4;-khtml-opacity: 0.4;filter:alpha(opacity=40);} .jdGallery .gallerySelector {z-index: 20;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;} .jdGallery .gallerySelector h2 {margin: 0;padding: 10px 20px 10px 20px;font-size: 20px;line-height: 30px;color: #fff;} .jdGallery .gallerySelector .gallerySelectorWrapper {overflow: hidden;} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {margin-left: 10px;margin-top: 10px;border: 1px solid #888;padding: 5px;height: 40px;color: #fff;cursor: pointer;float: left;} .jdGallery .gallerySelector .gallerySelectorInner div.hover {background: #333;} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {background: #000;background-position: center center;float: left;border: none;width: 40px;height: 40px;margin-right: 5px;} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 { margin: 0;padding: 0;font-size: 12px;font-weight: normal;} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info { margin: 0;padding: 0;font-size: 12px;font-weight: normal;color: #aaa;} -->
, ,

Ali sings!

Friday, June 20, 2008 Leave a Comment


Here's a video clip of Ali singing "Mad World" by Tears for Fears. This song is a melancholy yet beautiful display of her voice. For more videos of her and to see some of her writing, check out PopSense.com where she's been very active lately!

 

0 comments »

Post a Comment