@charset "UTF-8";

/* CSS Document */

/* Reset and General
-------------------------------------------------------------- */

* { margin: 0; padding: 0; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { border: 0; outline: 0; font-size: 100%; }

body { background:#fff url(../images/bgmain.jpg); font-size:14px; color:#23160b; line-height: 160%; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Links
------------------------------------------------------------- */

a:focus { outline: none; }

a img { border:none; }

a { text-decoration:underline; color:#630e02; }

a:hover { color:#000; }



/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Layout
------------------------------------------------------------- */

.pagewidth { width:980px; margin:0 auto; padding:0; position:relative; }

#header { background:url(../images/ars-header.png) no-repeat; position:relative; width:980px; height:366px; }

#headerstrip { position:absolute; display:block; left:0; top:0; width:100%; height:150px; background:#000 url(../images/patternbg.jpg); }

#content { width:100%; position:relative; padding:20px 0;  }

body.home #content {background:url(../images/body.png) repeat-y; }

#content {background:url(../images/body-sub.png) repeat-y; }

#outer_wrapper { position:relative; width:100%; background: url(../images/transparent-blk.png) center center repeat-y}

#col-wrapper {float:right;width:764px;}

#main_col { width:720px; float:left; padding:0 30px 0 15px; position:relative; }

#right_col {  width:220px; float:right;padding:0 15px 0 5px; display:none; }

body.home #main_col { width:473px; }

body.home #right_col {  width:220px; display:block }

#right_col *, #left_col * {color:#fff;}

#left_col {width:186px;float:left; padding:0 10px;}

#right_col h5 { padding:15px 0 0 0; margin:0; line-height:10px; }

#right_col li {list-style:none;padding-left:0;}

#right_col ul {margin:0;padding:0;}

ul.music-lessons em, ul.flexdropdownmenu em{width:1px;height:1px;overflow:hidden;float:right;}

ul.music-lessons a {text-decoration:none;border-bottom:1px dotted #ddd;}

#right_col .quote { padding:10px 0; border-top:1px solid #777; border-bottom:3px solid #777; margin:10px 0; }

/* Logo 
-------------------------------------------------------------- */

#header h1 a span, #header h2 a span { position:absolute; top:0; width:50px; margin-left:-5000px; overflow:hidden;}

body.home #header h2 span, #header h3 span { display:block; width:1px; height:1px; overflow:hidden; margin-left:-3000px; }

#header h1 a, #header h2 a { display:block; width:245px; height:285px; }


/* Footer 
-------------------------------------------------------------- */

#footer { clear:both; display:block; width:965px; padding:145px 0px 20px 15px; margin:0 auto; position:relative;background:url(../images/footer-sub.png) no-repeat; }

body.home #footer { background:url(../images/footer.png) no-repeat; }

#footer p { color:#777; font-size:12px; line-height:17px; padding:0 0 10px 0;text-transform:lowercase }

#footer a { text-decoration:none; color:#777; }

#footer p a, #footer ul a { border-bottom:1px dotted #333; }

#footer p a:hover, #footer ul a:hover { background:#333; }

#footer p.copyright { font-size:11px; clear:both; }

#preview, #screenshot, #tooltip { position:absolute; background:#000; padding:5px 10px; display:none; color:#fff; font-size:11px; text-align:center; line-height:16px; }

#tooltip { text-align:left; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Lists
-------------------------------------------------------------- */

li ul, li ol { margin: 0; }

ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3em; }

ul { list-style-type: square; }

ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }

dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; width:100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Text Elements
------------------------------------------------------------- */

body, form, input, select, * { font-family: georgia, Segoe UI, lucida grande, tahoma, arial, sans-serif }

p { padding:10px 0; }

h1, h2, h3, h4, h5 {color:#12202f; padding:1.5% 0; font-weight:normal; }

h1 { font-size:28px; }

h2 { font-size:24px; }

h3 { font-size:22px;}

h4 { font-size:18px; }

h5 { font-size:16px; }

h6 { font-size:14px; }

blockquote { background:#fff url(../images/blockquote.png) no-repeat 8px 8px; border:1px dotted #ddd; color:#474747; font-style:italic; margin:1em 25% 1em 0; min-height:40px; padding:1em 1em 1em 7em; }

cite { font-size: 12px; float: right; margin:0px 0px 20px 0px; }

address { margin:0px 20px 0px 0px; display:block; float:left; }

h4.header  {clear:both;background:url(../images/bgheaderdark.png);padding:0px 0 4px 2px;text-transform:lowercase;font-size:14px;letter-spacing:3px;}

h4.header a  {color:#000;text-decoration:none;}
h4.header a:hover  {text-decoration:underline}

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Images
------------------------------------------------------------- */

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

img.left_top, img.right_top, img.left_inside, img.right_inside, img.inlinephoto { background:#fff; padding:5px;border:1px solid #777; }

p img.left_top, img.left_top { float: left; margin: 8px 15px 15px 0; }

img.left_top { margin: 15px 15px 5px 0; }

p img.right_top, img.right_top { float: right; margin: 8px 0px 15px 15px; }

img.right_top { float: right; margin: 15px 0px 5px 15px; }

p img.inlinephoto, img.inlinephoto { clear:both; display:block; margin:0; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Navigation
------------------------------------------------------------- */

/* Top Menus
------------------------------------------------------------- */


ul.menu {

font-size:12px;list-style:none;margin:0;padding:0;position:absolute;width:175px;top:170px;left:265px; line-height:22px;text-align:right;

}

ul.menu li ul li{padding:0;margin:0;}

ul.r {left:449px;text-align:left;width:150px}

ul.menu li, ul.menu li a { text-decoration:none;
color:#fff;
}

ul.menu li a{ padding:0 5px;
}

ul.menu li a:hover { background:#b41f23;
}

body.home a.home {background:#b41f23;}

ul.menu h4 {font-size:16px;color:#fff;}

/* Right Menu
------------------------------------------------------------- */
div.sub { padding:0 0 30px 0; }

div.sub li { color:#777; }

ul#leftmenu, ul#blogcategorymenu { list-style-type:none; margin:0; padding:0 }

ul#leftmenu ul, ul#blogcategorymenu ul { list-style-type:none; margin:0px 0 0 10px; padding:0; }

ul#leftmenu li, ul#blogcategorymenu li { list-style-type:none; padding:5px; font-size:16px; text-transform:lowercase; line-height:18px;margin:5px 0;}
ul#leftmenu li ul li { font-size:14px;}

body.unique-t-shirts-and-posters ul#leftmenu li { font-size:14px;}

ul#leftmenu li ul li, ul#blogcategorymenu li ul li { padding:0 10px; }

ul#leftmenu ul li, ul#blogcategorymenu ul li { list-style-type:none; border:none; font-size:13px; font-weight:normal; border:0px; }

ul#leftmenu li a, ul#blogcategorymenu li a { text-decoration:none; background:#23160b; }

ul#leftmenu li ul li a, ul#blogcategorymenu li ul li a { text-decoration:none; background:#630e02; }

ul#leftmenu a.currentnode, ul#leftmenu a.currentpage, ul#blogcategorymenu li a, ul#leftmenu li a:hover { color:#fff; text-decoration:none; }

ul#leftmenu li a:hover { border-bottom:1px dashed #fff }


/* Category Menu
------------------------------------------------------------- */
ul#category {list-style-type:none;clear:both;width:100%;display:block;margin:0 0 20px 0;padding:0;}

ul#category li {float:left;width:165px;margin:0 15px 10px 0;padding:0;}

ul#category li h3 {font-size:15px;text-align:center}

 body.private-guitar-lessons #main_col p {clear:both;}

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Blog/News CSS
------------------------------------------------------------- */

div.news_body_wrapper {  }

div.news_body_wrapper h1 { font-size:25px; padding:0; }

div.news_body_wrapper h2 { font-size:18px; }

a.newsummaryimage { width:100px; height:100px; display:block; }

span.imagwrapper { float:right; margin:12px 0 10px 12px; width:100px; height:100px; padding:3px; border:1px solid #777; background:#fff }

div.newsdate { display:none;width:35px; text-align:center; float:left; background:#ccd8d9; padding:3px; color:#fff; margin:5px 0 0 0; line-height:15px; text-transform:uppercase; }

div.newsdate span.month { font-size:11px; }

div.newsdate span.day { font-size:25px; }

div.newsdate span.year { font-size:11px; }

div.NewsSummary { clear:both; position:relative; margin:0 0 10px 0; border-bottom:1px dashed #888; }

body.home div.NewsSummary { border-bottom:none; }

div.oddnews { padding:10px 0 15px 0; background:url() 50% 100% no-repeat; }

div.evennews { padding:10px 0 15px 0; background:url() 50% 100% no-repeat; }

.NewsSummary h3 { font-size:26px; margin:0; padding:0; }

h4.subheadernews { font-size:22px; margin:0 0 10px 0; }

.NewsSummary h3 a { text-decoration:none; color:#12202f;}

h4.subheadernews a { text-decoration:none; color:#4f3d2e;}

.NewsSummary h3 a:hover, h4.subheadernews a:hover { text-decoration:underline; }

.NewsSummary h3, h4.subheadernews { padding:0 0 5px 0; }

div.poster p { font-size:11px; }

div.NewsPageCount { text-align:center; }

div.topnewscount { padding:15px 0 0 0;border-bottom:1px dashed #888 }

div.NewsSummary div.poster p { float:left; width:40%; padding:3px 0; }

div.NewsSummary div.poster { display:none;}

div.NewsSummary div.poster p.comments { text-align:right; float:right; width:30%; }

div.NewsSummaryMorelink { text-align:right; clear:both; text-transform:lowercase; font-size:12px; }

#content div.NewsPageCount p { padding:0; margin:0; font-size:13px; text-transform:lowercase; }

#content div.NewsPageCount a { padding:0 2px; margin:0 1px; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Forms
------------------------------------------------------------- */

/* Search
------------------------------------------------------------- */

body.search #content h3 { font-size:26px; margin:0 0 15px 0; padding:0; }

span.searchhilite { background:#ddd; }

div#search { width:245px; position:absolute; top:275px; right:21px; height:20px; display:block; overflow:hidden; z-index:20000; }

input[type=text]:focus, input[type=password]:focus { outline: 0 none; }

fieldset.search { border: none; width: 245px; margin:0; padding:0; }

.search input { border: none; float: left; }

div#search .search input.box { font-size: 12px; font-weight:bold; width:211px; height:25px; background-image:none; background-color:transparent; margin-right: 0px; position:absolute; top:2px; left:5px; color:#fff; font-weight:normal; }

.search .btn { width: 25px; height: 20px; cursor: pointer; text-indent: -9999px; position:absolute; top:0px; right:0px; }

.search .btn:hover { background:url(../images/search-hover.png) no-repeat bottom right; }

/* Contact
------------------------------------------------------------- */
#content input[type="text"], #content textarea, #content select /* To keep form fields consistent when FireFox overrides them*/ { background: #fff!important; border: 1px dashed #777; padding:4px; margin:2px 0 3px 0; }

#content input[type="text"]:hover, #content textarea:hover, #content select:hover { border: 1px solid #333; }

#content textarea, #content input[type="text"] { width:75%; }

#content textarea { height:100px; }

#content input[type="button"], #content input[type="submit"]  /* To keep form fields consistent when FireFox overrides them*/ { border: 1px solid #630e02; background:#630e02; color:#fff; font-weight:normal; font-size:16px; padding:3px; text-transform:lowercase;margin:15px 0; }

#content input[type="submit"]:hover, #content input[type="button"]:hover { background:#333; border-color:#333; }

.contactform div { /*this makes the form fields and labels not so squished together */ margin:2px 0; }

fieldset legend { /*the legend does not display */ display:none; }

fieldset {margin:0 0 15px 0;}

.fileupload input { clear:both; display:block; font-size:15px; }

.fileupload { font-size:11px; }

label, .fileupload label { font-size: 14px; margin:2px 0 0 0; padding:0; text-transform:lowercase; }

.textarea textarea, .textfield input, .select select { /*general field styles */ font-size:14px; padding:5px; }

.contactform label { /*labels inside these divs are blocks */ display:block; width:100%; margin:0; }

.textarea textarea { /*width and height of the textarea field */ height:100px; width:95%; }

.contactform p, .contactform h3, .contactform h2 { /*If you add text inside the your form this is where you set the formats up if you override the main css */ padding:2px 0!important; }

div.textfield input { /*the text field input width and styles */ }

.contactform select { width:65% }

.contactform span { /*spans inside the form are blocks, display inline if necessary */ display:block; }

.contactform span.error { font-size:14px; color:#990000; display:block; margin:2px 0 8px 0; }

div.error_message { padding:0 0 20px 0; color:#990000; font-size:14px; }

div.error_message h2 { color:#990000!important; font-weight:bold!important; }

div.error_message span { display:block; }

div.float {float:left;width:300px;}

p.required { font-size:11px; }

fieldset.spam, div.spam { margin:15px 0 10px 0; }

#content div.captcha input[type="text"] { width:50%; border-color:#777; }

div.captcha span, div.captcha label span { font-size:14px; }

div.captcha img {display:block; }

label em { font-size:10px; font-weight:normal; }

div.addcomment { display:block; margin:20px 0 0 0; }

div.comment { border:1px solid #ddd; overflow:hidden; }

div.odd { background:#eee; padding:10px; margin-bottom:5px; }

div.even { background:#f8f8f8; padding:10px; margin-bottom:5px; }

div.comment p.comment_title { font-weight:bold; font-size:17px; padding:0 0 5px 0; margin:0; }

#content #comments p.comment_date, #content #comments p.comment_author { font-size:11px; padding:0; margin:0; }

#content #comments p.comment_date { text-align:right; float:right; }

#content #comments p.comment_author { float:left; }

#content #comments p.comment_data { font-size:12px; line-height:18px; }

#content #comments div.odd p.comment_data { border-bottom:1px solid #ddd; }

#content #comments div.even p.comment_data { border-bottom:1px solid #ddd; }

/*COMMENT FORM */

div.error, div.error h2, div.moderation p, div.moderation h2 { color:#990000; }

#comments { padding:20px 0 20px 0; clear:both; }

#comments h2 { font-size:25px; }

div.commentform { width:100%; }

div#comments form input[type="text"], div#comments form textarea, div#comments form select { width:100%; }

div#comments form label { display:block; clear:both; }

div#comments form div.notify label { display:inline; clear:none; }

div#comments form div.notify { display:block; padding:8px 0 8px 0; clear:both; }

div#comments form textarea { height:110px; font-family:georgia; }

div.submit { clear:both; padding:10px 0; }

input#m5c887cancelcomment { background:#ccc!important; border-color:#ccc!important; margin-left:15px; }

input#m5c887cancelcomment:hover { background:#000!important; border:1px solid #000!important; color:#fff!important; }

/* text buttons */
div#comments div.commentwrapper a { color:#fff; padding:5px; background:#000; text-decoration:none; }

/* text buttons hover state */

div#comments div.commentwrapper a:hover { }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Share This Facebook Twitter Email
------------------------------------------------------------- */

#sharethis { position:absolute; top:-56px; right:133px; width:50px; height:30px; overflow:hidden; z-index:20000; }

#sharethis * { font-size:10px; }

#sharethis { }

#sharethis a.stbutton { background-image:none!important; background-repeat:no-repeat!important; display:block; text-indent:-3000px; overflow:hidden!important; height:30px; width:50px; }

a#facebook, a#rss, a#youtube, a#newsletter { z-index:20000; position:absolute; top:-56px; right:247px; width:24px; height:24px; display:block; }

a#bbb { right:276px; top:-117px; width:59px; height:75px; display:block; z-index:20000; position:absolute; }

a#directions { right:4px; top:-237px; width:329px; height:111px; display:block; z-index:20000; position:absolute; }

a#youtube { right:218px; }

a#facebook { right:190px; }

a#newsletter { right:105px; }

a#facebook span, a#youtube span, a#rss span, a#newsletter span, a#bbb span, a#directions span { margin-left:-3000px; overflow:hidden; position:absolute:width:20px;
height:20px; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Misc
------------------------------------------------------------- */

object { margin:20px 0; }

ul.sublist li {list-style:none; padding:0 0 10px 0;font-size:18px;}

ul.sublist h3 {display:none;}

ul.sublist ul {margin:0;}
ul.sublist {margin:0;padding:0;}

p.date {display:block;padding:0;margin:0 0 10px 0;font-size:11px;border-bottom:1px dashed #777;}

p.right { text-align:right; font-style:italic; }

.typeinaddress p { margin:0; padding:0 }

.typeinaddress p.small { font-size:11px; font-style:italic; width:500px; line-height:14px; }

.q { font-size:15px; margin:30px 0 0 0; }

.q p { margin:0 60px 0 60px; padding:0; }

.q p.source { padding-bottom:30px; text-indent:100px; font-style:italic; font-size:12px; }

.clear { clear:both; }

.center { text-align:center; margin:0 auto; display:block; }

.divider { display:block; width:100%; padding:10px 0 0 0; border-bottom:1px solid #ccc; margin:0 0 10px 0; }

.quote p { padding:0px 0 10px 0; }

#ifiesix { display:none; }

span.small {font-size:15px;}

/* ---------------------------- Jquery Menu ----------------------------------------------------*/

.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
margin: 0;
padding: 6px 7px;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #23160b url(../images/bgmain.jpg);
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
border:1px dashed #777;
}


.flexdropdownmenu li{
position: relative;
}

.flexdropdownmenu li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: #fff;
text-decoration: none;
text-transform:lowercase;
}

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
background: #630e02;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Float Containers Fix
------------------------------------------------------------- */

.cf:after, #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* See conditional statements for IE 6 and 7  --------- */


/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Accessibility
------------------------------------------------------------- */
span.accesskey { text-decoration:none; }

.accessibility, hr { position: absolute; top: -999em; left: -999em; }

dfn { position: absolute; left: -1000px; top: -1000px; width: 0; height: 0; overflow: hidden; display: inline; }


/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Print CSS
------------------------------------------------------------- */

 @media print {

#header *, #menu_horiz *, div#cosmostop, span#cosmosbottom, div.pp_overlay, #footer *, .pp_content_container *, .pp_content_container, #right_col, div.ppt, #footer, #header, #menu_horiz, #content div.pagenavright, #click_img, ul#screenshots a, ul#screenshots { display:none!important; }

#content, #main_col { float:none; width:100%; padding:0!important; margin:0!important; position:relative; top:0px!important; left:0px; }

div.gallery div img { display:block; }

div.category_item img { display:block; }

#mainimg #portimg img { display:block; padding:0; margin:0; border:none; }

#mainimg #portimg, #mainimg, #mainimg #portimg li { position:relative; width:800px; height:800px; clear:both; overflow:visible; padding:0; margin:0; border:none; }

#portimg a { display:none; }

h1, h2, h3, h4, h5 { text-transform:none; font-weight:bold; }

p { clear:both; }
}