/* Theme Name: AaronsGuitarLessons Theme URI: http://www.aaronsguitarlessons.com Description: Lessons Website ) Version: 1 Author: Aaron Tomberlin */ /* COLOR KEY Light Blue: #7984C4 Dark Blue: #2D314C Red: #FF3838 BKGD Blue: #2A2C3B */ /* RESET */ * { margin: 0; padding: 0;} html { overflow-y: scroll; } html, body { height: 100%;} body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background: #2A2C3B; text-align:center;} ul { list-style:none; } ol { list-style:none; } a img { border: none; } img { vertical-align: middle;} table { border-collapse: collapse; } /* UTILITY */ .floatLeft { float:left; } .floatRight { float:right; } .clear { clear: both; } /*.button { border: 2px solid #000000; background: url(../../../assets/transdkblue.png); color: #CCCCCC; padding: 2px 8px; -moz-border-radius: 7px; -webkit-border-radius: 7px;} .button:hover { background: url(../../../assets/transwhite.png); color:#000000; } */ .button { background:#2D314C; color:#FFFFFF; padding: 2px 8px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: outset 2px #CCCCCC;} .button:hover { background: #383838; color:#FFFFFF; border: inset 2px #CCCCCC; } .transbkgd { background: url(../../../assets/transblk.png) repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { text-align:center; } .searchbutton { background:#2D314C; color:#FFFFFF; padding: 2px 8px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: outset 2px #CCCCCC;} .searchbutton:hover { background: #5D5D5D; color:#FFFFFF; border: inset 2px #CCCCCC; } .borderbottom { border-bottom:#999999 dotted 1px; padding: 5px 0px 5px 0px;} .trackrow { } .trackrow:hover { background: url(../../../assets/transblk.png) repeat; } .addtocart:hover { background: #2D314C; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .buttonbkgd:hover { background:#5D5D5D; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .nextpagesearch { background: url(../../../assets/transblk.png) repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 16px; padding:3px; border:#000000 2px solid; margin: 30px 30px 0px 0px;; float:right; font-size:12px; } /* TYPGROGRAPHY */ p { font-size: 12px; color: #FFFFFF; padding: 0px; } li { font-size: 12px; margin: 0 0 8px 0; } a { color: #7984C4; text-decoration:none; outline:none; } a:hover { color: #FF3838; text-decoration:none; } a:active { outline: none; } a:focus { -moz-outline-style: none; } h1 { font-size: 18px; font-family:Arial, Helvetica, sans-serif; font-weight: normal; color: #FFFFFF; } h2 { font-size: 14px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; } h3 { font-size: 14px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; } h4 { font-size: 14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #FFFFFF; } /* STRUCTURE */ #page_wrap { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; text-align:left; background: none; } #ustream_wrap { width: 680px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; text-align:left; background: url(../../../assets/blk_grainbkgd.jpg); } #page_bkgd { width: 960px; background: url(../../../assets/page_bkgd.png) top center repeat; padding-left: 20px; padding-right: 20px;} #push { height: 30px; } #facebooktoplike { float: left; width: 50px; background:#333333; border:solid 3px #666666; padding: 5px; margin: 8px; -moz-box-shadow: 0px 0px 7px #000000; -webkit-box-shadow:0px 0px 7px #000000; box-shadow:0px 0px 7px #000000; position: fixed; top:auto; } /* BLOG ENTRIES */ .post { background: none; border-bottom: dotted 1px #999999; margin-bottom:10px; padding: 0px 0px 5px 0px; } #date { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom: 6px; color:#FFFFFF; } ol.commentlist { list-style: none; } .comment-bubble { width: 710px; float:right; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom: dotted 1px #9297B3; padding-bottom:5px; padding-top: 5px;} ol.commentlist li p { font-size: 1.0em } #commentform { width: 700px; float: right; /*background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px;*/ padding: 10px; margin: 10px 10px 0px 0px; } #single { width: 726px; clear:right; padding: 10px; margin-left: 205px; background:url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; } #comments { width: 726px; float:right; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; margin: 20px 10px 10px 10px; } #facebookcomments { width: 726px; float:right; background: #EBEBEB;); -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; margin: 20px 10px 10px 10px; } #headingpad { } #sharethis { float: right; margin-top:5px; margin-right: 10px; } #searchpage_head { } #fblikebutton { margin: 15px 0px 5px 230px; padding: 5px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #fb-root { color:#FFFFFF; } /* HEADER */ #top_bar { height:35px; width: 960px; background: #0D0D0D; padding-left: 20px; padding-right: 20px; padding-top: 5px; margin-bottom: 10px;-moz-border-radius-bottomleft:20px;-moz-border-radius-bottomright:20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-box-shadow: 0px 5px 5px #000000, 5px 0px 5px #000000, -5px 0px 5px #000000; -webkit-box-shadow: 0px 5px 5px #000000, 5px 0px 5px #000000, -5px 0px 5px #000000; box-shadow: 0px 5px 5px #000000, 5px 0px 5px #000000, -5px 0px 5px #000000; } #top_head { height: 198px; width: 960px; /*background: url(../../../assets/header_smaller_aaronpeeking_shadow.png) top center no-repeat; */background: url(../../../assets/header_no_bkgd_sm.png) top center no-repeat; padding-left: 20px; padding-right: 20px; } /*#ad_header { width: 468px; height: 60px; float:right; margin: 70px 10px 0px 0px; background:#CCCCCC; }*/ #loginbar { float: right; height: 82px; width: 766px; background: url(../../../assets/login_bkgd.png) no-repeat right top;} #nav { height:33px; width: 945px; float: left; margin-top: 70px;} #nav img { margin: 3px 3px 3px 3px; } #slideshow_container { height:156px; width: 960px; background:url(../../../assets/ads_bkgd.png) top center no-repeat; padding-left: 20px; padding-right: 20px; } #slideshow { } #google_translate_element { float:left; margin-top: 3px; } #gfc_profile { font-size:12px; color:#FFFFFF; } #loginform { float:left; height: 40px;} #loginform p { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; } #login { float:left; margin-right: 5px; } #password { float:left; margin-right: 5px; } #login_submit { float:left; margin-right: 15px; } #logout { font-size:12px; margin-left: 5px; } #register { float: left; padding: 6px 1px 1px 1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #7984C4; } #register:hover { color:#FF3838; } #gfc_login { float: left; } #searchform { float: right; margin:0px 3px 0px 0px; } #viewcart { float: left; margin-left: 10px; margin-right: 0px; margin-top: 5px; } #viewcart:hover { background: #2D314C; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #watchaaronlive { float:left; margin-left: 10px; margin-top: 3px; } #watchaaronlive:hover { background: #333333; } #ustream {} #newsticker { float:left; margin-left: 40px; margin-top: 1px; width: 380px; height: 28px;} #countdown { float: left; font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #CCCCCC; margin: 5px 0px 0px 30px; } /* NAV */ #leftnav { width: 184px; float:left; margin-top: 5px; padding-bottom: 20px; } #leftnav img { margin: 0px 0px 0px 0px; } #leftnav li { margin: 0px; } .leftnavspacer { float: right; width: 164px; border-bottom:dotted 1px #999999; margin: 8px 10px 6px 0px; } /* ADS */ #ad_header { width: 468px; height: 60px; float:right; margin: 28px 232px 0px 0px; } #ad_leftnav { width:184px; height: 240px; float:left; margin: 30px 0px 0px 0px; } #ad_lesson { width: 728px; height: 90px; float: right; margin-top: 10px; margin-bottom: 5px; } #adrotator_leftnav { width: 184px; float:left; margin: 30px 0px 10px 0px; } #adrotator_leftnav img { } #adrotator_leftnav img:hover { -moz-box-shadow: 5px 5px 7px #000000, -5px 5px 7px #000000; -moz-box-shadow: 5px 5px 7px #000000, -5px 5px 7px #000000; -moz-box-shadow: 5px 5px 7px #000000, -5px 5px 7px #000000; position:relative; bottom: 2px; -webkit-box-shadow: 5px 5px 7px #000000, -5px 5px 7px #000000; -webkit-box-shadow: 5px 5px 7px #000000, -5px 5px 7px #000000; -webkit-box-shadow: 5px 5px 7px #000000, -5px 5px 7px #000000; } /* FOOTER */ #footer { height: 245px; width:960px; background:url(../../../assets/footer_bkgd.png) top center no-repeat; padding-left: 20px; padding-right: 20px; } #footer a { color: #FFFFFF; font-weight:bold; text-decoration:underline; } #footer a:hover { color: #FF3838; } #socialnav { width: 165px; float:left; margin: 60px 0px 0px 35px; } #blogsidebar { width: 210px; height: 142px; float: left; margin: 60px 0px 0px 18px; overflow:hidden; } #footer_archvies { } #footer_categories { float:right; margin-left: 10px; } #rss_feeds { float: left; margin-left: 30px; margin-top: 65px; } #newsletterform { float: right; width:238px; margin: 65px 35px 0 0; background: none; color: #FFFFFF;} #contact { float: left; margin:0px 0px 0px 0px; } #copyright { float: left; width: 960px; font-size:10px; color:#FFFFFF; margin-top: 20px;} /* HOMEPAGE */ #homewelcome { width: 740px; float: right; margin: 5px 15px 0px 0px; } #welcomehead { width: 120px; float:left; margin-left: 30px; margin-top: 15px;} #welcome { width:320px; float: left; padding: 15px; } #newsfeedhead { width: 120px; float:left; margin-left: 26px; margin-top: 20px; } #newsfeed { float: right; width: 720px; margin: 5px 15px 0px 0px; padding: 10px;} #twitterhead { float:right; width: 320px; height: 31px; margin-right: 40px; margin-top: 15px;} #birdfly { float:left; width: 320px; height: 31px; } #twitter { float: right; width: 320px; height: 240px; padding: 15px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; overflow:hidden; } #recentvidshead { width: 120px; float:left; margin-left: 26px; margin-top: 20px; } #recentvids { float: right; width: 740px; margin: 5px 15px 30px 0px; padding-top: 10px; } /* PAGES */ #wp-contact { width: 726px; float:right; padding: 10px; margin: 10px; background:url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; } .page_title { float:right; margin-top:10px; margin-right: 15px;} .page_title2 { float: right; margin-top:20px; margin-right: 500px; } #searchpage_head { margin-left: 210px; } #searchpage { width: 680px; float:right; margin: 10px 10px 0px 0px; } #archivepage { float: right; width: 726px; margin:10px; } .searchresults { width: 680px; float:right; margin: 10px 20px 10px 0px; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; border:#000000 dashed 2px; } .archiveresults { width: 680px; float:right; margin: 10px 20px 10px 0px; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; border:#000000 dashed 2px; } #membersarea { float: right; width: 726px; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; margin:10px; } #facebookconnect { float: right; width: 746px; margin:10px; } #storecontent { width: 900px; float:left; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; margin:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; } #storeconnent a { color: #7984C4; text-decoration:underline; } #storecontent a:hover { color: #FF3838; } #storecontent img { margin: 5px; } .infobox { width: 726px; float:right; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; margin:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; } .infobox_bold { width: 726px; float:right; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; margin:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; } .infobox_bold a { font-weight:bold; } .infobox img { margin:10px; } .headinfo { width: 400px; float:right; margin: 10px 20px 10px 0px;} .headvideo { width: 260px; float:left; margin:10px;} .pageinfo { } #cse-search-results { width: 500px; float:right; margin-top:20px; } #askaaroninfo { width: 530px; float:right; margin: 13px 20px 10px 0px; } #webcamlessonsinfo { width: 280px; float:right; margin: 10px; } #custvidinfo { width: 520px; float:right; margin: 10px; } #ls_contactform { width: } #donateinfo { width: 446px; margin: 0px 10px 0px 0px; float:right; } #donatebutton { margin: 40px 0px 0px 188px; width: 143px; } #donatebutton:hover { background: #FF3838; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #speechbubble { background:url(../../../assets/donatebubble.png) top left no-repeat; width: 726px; height: 270px; float: right; margin: 0px 20px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold; border-bottom:#000000 3px solid; } #donationamount { float: left; width: 726px; margin: 40px 0px 0px 0px; } #donationamount p { font-family:Arial, Helvetica, sans-serif; font-size:118px; color:#FFFFFF; text-align:right; } #pledgeinfo { float: left; width: 420px; margin-right: 25px; } #pledgecontact { float: left; width: 240px; } #pledgeamounts { float: right; height: 50px; margin: 20px 24px 0px 0px; } .pledgebutton { float: left; width: 50px; margin: 0px 10px 0px 10px; } #giveaway_entries { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:24px; } #practicetracksfblike { width: 736px; float:right; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; margin:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; } /* LESSON PAGES */ #videopost { width: 736px; float:right; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; margin:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; } #videolesson { width: 736px; float:right; margin: 20px 0px 20px 0px; text-align:center; } #gotquestions { width: 340px; float: right; margin: 5px 195px 10px 0px; text-align: center; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 5px; } #fundraising_progress { width: 736px; float:right; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; margin:10px; } #donation_form { width: 736px; float:right; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; margin:10px; } /* STORE */ #storebkgd { float:left; width: 960px; background: url(../../../assets/store_bkgd.jpg); } .storetitle { float: left; padding: 10px; margin: 10px 0px 10px 0px; width:940px; background:#000000; } #custompedalscontainer { width: 900px; float:left; padding:10px; margin: 10px 20px 30px 20px; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; } #pedalmodcontainer { width: 900px; float:left; padding:10px; margin: 10px 20px 30px 20px; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; } .storetitleborder { border-top:#CCCCCC dotted 1px; width: 726px; height: 5px; } .custompedal { width: 190px; height: 190px; padding: 5px; margin: 10px 0px 10px 20px; text-align:center; float:left; } .custompedal:hover { background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; } #dvddnldcontainer { width: 900px; float: left; padding: 10px; margin: 10px 20px 50px 20px; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; } .dvddownload { width: 135px; float: left; margin: 15px 0px 5px 40px; text-align:center; } .dvddownload img { margin: 5px 0px 5px 0px; } #dvddnldinstructions { margin-top: 230px; padding-bottom: 10px; } #pedalpost { width: 900px; float:left; padding:10px; margin: 20px 10px 20px 20px; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; } #pedalimage { width: 226px; float:left; margin-left: 50px; } #pedalvid_info { width: 470px; float:right; margin: 0px 50px 5px 0px; } #pedalprice { float:left; text-align:center; margin: 20px 0px 5px 200px; } #pedalprice_ph { float:left; margin: 0px 0px 10px 60px; text-align:center; } #pedalpicprice { width: 230px; float:left; } #fblikespace { } /* FH Mission */ #fhlogo { width: 600px; float:left; margin-left: 120px; margin-bottom: 5px; } #fhvideo { text-align: center; width: 600px; padding:20px; margin: 0px 70px 20px 0px; float:right; background: url(../../../assets/transblk.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; } #fhabout { text-align: left; width: 580px; float:left; padding:10px; margin: 10px 0px 10px 0px; }