/* Theme Name: WordPress Default */

/* RESET */ 
*{ margin: 0; padding: 0;}

html, body { font-size: 90%; /* Resets 1em to 10px */ font-family: Arial, Verdana, Sans-Serif; color: #666; text-align: left; margin: 0; padding: 0; letter-spacing: 0.05em; background-image: url(/wp-content/uploads/2009/12/bg_tilingGreenWhite3.png); background-repeat: repeat-x}

.clear {clear: both; margin:0; padding:0;}
.floatRight {float: right;}
.floatLeft {float: left;}
br {margin: 0; padding: 0;}
/* old */
/* img {float: left; margin: 0 18px 18px 0; border: none; } */

/* new -fixed by Trung - for lightbox error */
img { float: left; margin: 0px 18px 18px 0px; display: inline-block; border-style: none; }

a {cursor: pointer}

div.nav {cursor: pointer}

/*div {border: 1px dotted #fff;}*/


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* nav */ 
#mainMenu { height:34px;background-image: url(/wp-content/uploads/2009/12/bg_tiling_Nav.png); background-repeat: repeat-x; background-position: 0 0;}
#mainMenu ul { list-style-type: none; padding: 0 18px 0 0;}
#mainMenu ul li { display: block; float: left; margin: 8px 0 0 0; padding: 1px 18px; border-right: 1px solid #99cc33;font-size: 94%}

#mainMenu ul li a:link, #mainMenu ul li a:visited {color: #fff; text-decoration:none;/* margin-right: 2px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 15px;  border-right: solid 1px #a4d382*/;}
#mainMenu ul li a:hover {color: #fff; text-decoration:underline;}
#mainMenu ul li:last-child a {border: none;}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* blog page */
body.blog { background-color: #fff; text-align: left;}

body.blog > #page > #content, body.archive > #page > #content, body.single > #page > #content, body.search > #page > #content { float: left; width: 522px; padding: 18px 36px; margin: 28px 0 0 68px; background-image: url(/wp-content/uploads/2009/12/bg_tiling_blogWhite.png); background-repeat: repeat-y; background-position: 0 0; }
body.blog > #page > #content h2, body.archive > #page > #content h2, body.single > #page > #content h2, body.search > #page > #content h2 {margin: 0 0 18px 0; background-color: #003300; padding: 8px; color: #fff; font-size: 118%; font-weight: bold; letter-spacing: -0.03em; max-width: 508px;}

/* SHARE BUTTONS */
.fbLike {margin:15px 0px 0px 1px;padding: 0px;width: 100%;height: 25px; align: bottom;}
.sharetop {margin:15px 0px 0px 0px;padding: 0px;width: 100%;height: 40px; align: bottom;}
.facebook {float: left;margin: 0px 28px 0px 0px !important;padding: 1px 1px 1px 1px !important;display: inline;}
.twitter {float: left;margin: 2px 0px 0px 0px !important;padding: 1px 1px 1px 1px !important;display: inline;}
.buzz {float: left;margin: 1px 0px 0px 0px !important;padding: 1px 1px 1px 1px !important;display: inline;}
.digg {float: left;margin: 1px 0px 0px 0px !important;padding: 1px 1px 1px 1px !important;display: inline;}

/* sidebar */
body.blog > #page > #sidebar, body.archive > #page > #sidebar, body.single > #page > #sidebar, body.search > #page > #sidebar {float: left; background-color: #000; padding: 18px; margin: 28px 0 0 0; width: 228px; text-align: left;}



body.blog > #page >#searchform, body.archive > #page >#searchform, body.single > #page >#searchform, body.search > #page >#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }

body.blog > #page > #sidebar #searchform, body.archive > #page > #sidebar #searchform, body.single > #page > #sidebar #searchform, body.search > #page > #sidebar #searchform { width: 108px; padding: 2px; }
body.blog > #page > #sidebar #searchsubmit, body.archive > #page > #sidebar #searchsubmit, body.single > #page > #sidebar #searchsubmit, body.search > #page > #sidebar #searchsubmit { padding: 1px; }
/*body.blog > #page > #sidebar { padding: 20px 0 10px 0; margin-left: 545px; width: 190px; }*/
body.blog > #page > #sidebar form, body.archive > #page > #sidebar form, body.single > #page > #sidebar form, body.search > #page > #sidebar form { margin: 0; }

body.blog > #page > #sidebar ul, body.archive > #page > #sidebar ul, body.single > #page > #sidebar ul, body.search > #page > #sidebar ul {margin: 0 0 18px 0;}
body.blog > #page > #sidebar ul li h2, body.archive > #page > #sidebar ul li h2, body.single > #page > #sidebar ul li h2, body.search > #page > #sidebar ul li h2 {margin: 0 0 18px 0;}
body.blog > #page > #sidebar ul ul li, body.archive > #page > #sidebar ul ul li, body.single > #page > #sidebar ul ul li, body.search > #page > #sidebar ul ul li {background-color: #333; padding: 6px; margin: 0 0 1px 0; }
.screen-reader-text { color: #fff; }

body.blog > #page > #content img, body.archive > #page > #content img, body.single > #page > #content img, body.search > #page > #content img {max-width: 508px;}

body.blog > #page > #content .entry, body.archive > #page > #content .entry, body.single > #page > #content .entry, body.search > #page > #content .entry  {width: 500px;}
body.blog > #page > #content .createdDate, body.archive > #page > #content .createdDate, body.single > #page > #content .createdDate, body.search > #page > #content .createdDate { width: 92px; height: 99px; color: #fff; font-weight: bold; letter-spacing: -0.05em; font-size: 128%; background-color: transparent; float: left; margin: 0 0 0 -108px; background-image: url(/wp-content/uploads/2009/12/bg_date.png); background-repeat: no-repeat; background-position: 0 0;  padding: 40px 0 0 18px; position: absolute;}
body.blog > #page > #content .entry ul, body.archive > #page > #content .entry ul, body.single > #page > #content .entry ul, body.search > #page > #content .entry ul { margin: 0px; padding: 0; list-style: none;  }
body.blog > #page > #content .entry li, body.archive > #page > #content .entry li, body.single > #page > #content .entry li , body.search > #page > #content .entry li {}

body.blog > #page > #content .entry ol, body.archive > #page > #content .entry ol, body.single > #page > #content .entry ol, body.search > #page > #content .entry ol { padding: 0 0 0 35px; margin: 0; }
body.blog > #page > #content .entry ol li, body.archive > #page > #content .entry ol li, body.single > #page > #content .entry ol li, body.search > #page > #content .entry ol li  { margin: 0; padding: 0; }
body.blog > #page > .postmetadata ul, .postmetadata li, body.archive > #page > .postmetadata ul, .postmetadata li, body.single > #page > .postmetadata ul, .postmetadata li , body.search > #page > .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

.narrowcolumn .postmetadata { text-align: left; }

/* Captions */ 
/*.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }*/
/*.wp-caption img { margin: 0; padding: 0; border: 0 none; }*/
.wp-caption p.wp-caption-text {font-weight: bold; font-style: italic; font-size: 85%; padding: 0; margin: 0; clear: both;} 

.navigation { display: block; text-align: left; margin-top: 10px; margin-bottom: 60px; } 


  
/* posts panel*/

.post { margin: 0 0 40px; text-align: left}
.post hr { display: block; }

#posts { }
    #posts > #posts-body { overflow: hidden; position: relative; width: 456px; height: 200px; }
     #posts > #posts-body > .post {position: absolute; width: 456px; height: 100%;}

       /* #posts > #posts-body > .post {position: absolute; width: 100%; height: 100%;}*/
            #posts > #posts-body > .post > .post-thumb  {float: left;}
                #posts > #posts-body > .post > .post-title {}
                #posts > #posts-body > .post > .post-thumb img {margin-right: 10px;}    
                #posts > #posts-body > .post > .post-thumb img.resize {width: 250px; height: 200px; }
                #posts > #posts-body > .post > .post-content {}    

    #posts > #posts-navigator {float: right; margin: 12px 0 0 0;}
    
.postmetadata { clear: both; }

body.blog > #page > #content h2  a:link, body.archive > #page > #content h2 a:link, body.single > #page > #content h2 a:link, body.search > #page > #content h2 a:link {color: #fff; font-weight: normal; text-decoration: none;}
body.blog > #page > #content h2  a:visited, body.archive > #page > #content h2 a:visited, body.single > #page > #content h2 a:visited, body.search > #page > #content h2 a:visited {color: #fff; font-weight: normal;}
body.blog > #page > #content h2  a:hover, body.archive > #page > #content h2 a:hover, body.single > #page > #content h2 a:hover, body.search > #page > #content h2 a:hover {color: #fff; font-weight: normal; text-decoration: underline}



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* header components */ 
#header { background-color: transparent; margin: 0; padding: 0; width: 972px; }
#headerLeft {float: left;}
#headerRight {float: right;}
#headerimg { margin: 18px 0; padding: 0; float: left; width: 292px;}
#headerimg .description { font-size: 1.2em; text-align: left;  display:none;}

#header h1 a, h1 a:hover, h1 a:visited { background:transparent url(/wp-content/uploads/2010/01/logo_musicmetric_v2.png) no-repeat; display:block; width:292px; height:49px; padding:0; margin: 0; }
#header h1 a span {display: none;}

#getInTouch {float: right;}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* h styles */
h1, h2 {font-weight: normal;}
h3 {font-weight: bold;}
h3.comments { padding: 0; margin: 40px auto 20px ; } 

/* p styles */
p {margin: 0 0 18px 0; line-height: 1.5em;}

#wp-calendar caption, cite { text-decoration: none; }

/* colours */
.brightGreen {color: #a9f77c;}
.pastelGreen {color: #b9ffa1;}
.mattGreen {color: #8bb235;}
.dark {color: #333;}
.twitterBlue { color: #39F; }

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* links */
a:link, a:visited { color: #8bb235; text-decoration: none; }
a:hover { color: #8bb235; text-decoration: underline; }

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em Arial, Verdana, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

ul, ol {margin: 0; padding: 0;} 
li {list-style-type: none; padding: 0; margin: 0;}






/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* LAYOUT DIVS */
#content {}

#innerContent {background-color: #fff; padding: 18px;}
#pageTitle h1 {font-size: 380%; background-color: none; font-weight: bold; letter-spacing: -0.05em; line-height: 0.9em; color: #ccc;}

.rightColTitle h2, #faqs h2, #aboutUs h2, #contactUs h2 {background-color: #003300; padding: 8px; margin: 0 0 18px 0; color: #fff; font-size: 228%; font-weight: bold; letter-spacing: -0.03em;}
.rightColBody h3 {font-size: 130%; font-weight: normal; margin: 0 0 18px 0; padding: 0;}

#innerContent .row {clear:both; padding: 0; border-bottom: 1px dotted #ccc;}
#innerContent .leftCol {float: left; width: 325px; margin: 0;}
#innerContent .rightCol {float: left; width: 581px; margin: 0 0 0 18px;}

#innerContent .leftColTitle {padding-bottom: 8px;}
#innerContent .rightColTitle {margin: 0; padding: 0;}
#innerContent .rightColBody p {line-height: 1.5em;}

#innerContent .appsDetails { width: 371px; float:left;}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* APPS PAGE ONLY */


.cta h2 {padding-top: 28px; line-height: 1.2em;}

.rightColBody li { background-image: url(/wp-content/uploads/2009/12/bulletTypes_pixelArrows.png); background-repeat: no-repeat; background-position: 0 .4em; padding: 0 0 3px 28px;line-height: 1.5em;}

.callOuts, .callOutsWider {color: #0066cc;}
.callOuts {padding: 18px; border: 1px dotted #ccc; float: left; width: 138px; margin: 0px 18px 18px 0; font-size: medium; line-height: 1.5em;}
.callOutsWider {padding: 18px; border: 1px dotted #ccc; float: left; width: 228px; margin: 8px 18px 8px 0; font-size: medium; line-height: 1.5em;}
.callOutsWiderNoFloat{padding: 18px; border: 1px dotted #ccc; /*float: right; width: 228px;*/ margin: 18px 0; line-height: 1.5em;}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* FAQS */
#faqs {}
#faqs h3 {padding: 0 0 3px 0; font-size: 130%; font-weight: normal; margin: 0 0 18px 0;}
#faqs h3.first {padding: 0 0 3px 0;}

#faqs ul {margin: 0; padding: 0;}
#faqs .faqsTitleLists li {border-bottom: 1px dotted #ccc; list-style-type: none; list-style-position: inside; line-height: 1.5em; margin: 0 0 1px 0; padding: 6px;}
#faqs li { list-style-type: disc; list-style-position: inside; line-height: 1.5em; }
#faqs .faqsTitleLists {float: left; width: 260px; margin: 0 18px 0 0; padding: 0; }
#faqs .faqsTitleLists h3 {margin: 0; padding: 0;}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* TEMPLATE COLUMN STYLES */
/*.narrowcolumn { float: left; padding: 0; margin: 0; width: 972px}*/
.narrowcolumn { float: left; padding: 0; margin: 0; width: 972px; height: 100%; clear: both;}

/*#page { background-color: transparent; border: 0px; text-align: left; padding: 0; width: 972px;min-height: 100%; height: auto !important;  height: 100%; margin:0 auto -200px;}*/
#page {text-align: left; padding: 0; width: 972px; min-height: 100%; height: auto !important;  /*height: 100%; */ margin: 0 auto; background-image: url(/wp-content/uploads/2009/12/img_spotlight3.png); background-repeat: no-repeat; background-position: 0 0; }


.widecolumn { line-height: 1.6em; }
.widecolumn .entry p { font-size: 1.05em; }
.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; }
.widecolumn .post { margin: 0; }
.narrowcolumn .postmetadata { padding-top: 5px; }
.widecolumn .postmetadata { margin: 30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


.titleBGsHome {width: 456px; height: 42px; margin: 0 0 18px 0; background-image: url(/wp-content/uploads/2009/12/bg_tiling_titlebghomepage.png); background-repeat: repeat-x; background-position: 0 0; font-size: 100%;}
/*.titleBGsHome h2 {margin: 0; padding: 12px 0 0 18px;}*/
.titleBGsHome li { background-image: url(/wp-content/uploads/2009/12/icon_dot.png); background-repeat: no-repeat; background-position: 0.5em 0.6em; line-height: 1.8em; font-size: 168%; padding: 0 0 0 38px;}



.colLeft, .colRight {float: left; width: 474px; margin: 0 12px 0 0; display: inline; overflow: hidden;}

#topHalf {margin: 28px 0;}
#topHalf .colLeft, #topHalf .colRight {/*height: 458px*/ height: 100%;}

#lowerHalf {padding: 0 0 28px 0; height: 100%; /*background-color: #339900;*/}
#lowerHalf .colLeft, #lowerHalf .colRight {height: 288px; width: 474px; /*padding: 0 0 28px 0;*//* background-color: #f60;*/}

#lowerHalf .colLeft #posts {width: 456px;}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* intro and sign up */

#intro {float: left; padding: 18px 0 0 0; width: 300px; margin: 0 18px 0 0;}
#intro h2 {font-size: 128%; margin: 0 0 18px 0;}
#intro p {line-height: 1.5em;}

#signUp {float: left; padding: 78px 0 0 0}
#plectrum {margin: 88px 0 0 0; padding: 0;}

.xlarge { font-size: 280%; font-weight: bold; letter-spacing: -0.05em; text-transform: inherit; margin: 0; padding: 0; line-height: 0.8em;}



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* footer */
#footer img {margin: 0 0 8px 0; padding: border: none; float: left; display: inline-block;}
#footer { padding: 0; margin: 0 auto; width: 100%; clear: both; height: 238px; text-align: center; background-image: url(/wp-content/uploads/2009/12/bg_tiling_Footer.png); background-repeat: repeat; background-position: 0 0; }
#footer > #footer_content { width: 972px; height: 202px; margin: 0 auto; padding: 18px 0; text-align: left; font-size: 85%; display: inline-block; }
#footer > #footer_content ul {list-style-type: none; float: left; margin-right: 120px; margin-top: 0; display: inline-block;}
#footer > #footer_content li {line-height: 1.5em;}
#footer a:link, #footer a:visited {color: #999;}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



.thread-alt { background-color: #f8f8f8; } .thread-even { background-color: white; } .depth-1 { border: 1px solid #ddd; }
.even, .alt {border-left: 1px solid #ddd; }

small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }

/*.entry p a:visited { color: #b85b5a; }*/

.sticky { background: #f7f7f7; padding: 0 10px 10px; } .sticky h2 { padding-top: 10px; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em Arial, Verdana, Sans-Serif; } .commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: Arial, Verdana, Sans-Serif; }
.commentmetadata { font-weight: normal; }


code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }



/* Begin Form Elements */ 

.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; } 
#commentform textarea { width: 100%; padding: 2px; } 
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
#commentform #submit { margin: 0 0 5px auto; float: right; } 


/* Begin Comments*/ 
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; } 
/* End Comments */


/* Begin Calendar */ 
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */

/* Begin Various Tags & Classes */ 
/*
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }

hr { display: none; }
*/

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* twitter bird */
#twitter_bird {float: left; margin-right: 10px;}

/* twitter status nav */
#twitter_status_nav {float: right; margin: 12px 20px 0 0; height: 50px; display: inline;}
/* twitter status */
#twitter_status {float: left; overflow: hidden; height: 70px; width: 335px; position: relative; font-size:95%; font-style: italic; color: #39F;}
    #twitter_status > p {position: absolute;}

/* ///////// updates Jan 15, 2010 Ming ////////  */
a.btnGetInTouch:link, a.btnGetInTouch:visited {width: 191px; height: 109px; margin: 0; padding: 0px; background: url('/wp-content/uploads/2010/01/img_getInTouch_green.png') no-repeat; /*border: 1px solid #f60;*/ display: block;}
a.btnGetInTouch:hover{background-position: -191px 0;}

.columnInnerBox {height: 338px; float: left; }
.columnInnerBoxSmall {height: 70px; float: left; }

#topHalf .colRight {display: inline;}
#topHalf .colRight .columnInnerBox, #topHalf .colRight .columnInnerBoxSmall {width: 320px;}

/*#signUp {float: right; padding: 8px 0 0 0; background-color: #000;}*/
#plectrum { margin: 148px 0 0 0; padding: 0;}
.xlarge { font-size: 52px; font-weight: bold; letter-spacing: -0.05em; text-transform: inherit; margin: 0; padding: 0; line-height: 1.2em;}

a.btnPlectrum:link, a.btnPlectrum:visited {width: 122px; height: 223px; margin: 0; padding: 0px; background: url('/wp-content/uploads/2010/01/img_signUpPlectrum_orange.png') no-repeat; /*border: 1px solid #f60;*/ display: block;}
a.btnPlectrum:hover{background-position: -122px 0;}


.showNone {width: 122px; height: 223px; display: block}
.showNone h2 {display: none;}