/*
	Theme Name: Toronto Web Design Experts
	Theme URI: http://www.TorontoWebDesignExperts.ca/
	Description: The pre set theme for when we built websites for clients
	Author: Eligon Systems LTD
	Version: 1.0
	Tags: clean, professional, white, blue, toronto web design experts, toronto, web , design , experts
*/

@import url('stylesheets/reset.css');
@import url('stylesheets/default.css');
@import url('stylesheets/classes.css');

*.float-divider, *.fd {width:auto !important; clear:both !important; height:1px !important; line-height:1px !important; font-size:1px !important; display:block !important; float:none !important; display:block !important; border:0px !important; margin:0 !important; padding:0 !important; list-style-type:none !important; }

/* Beginning of Theme Rules */
body { background-image:url('images/bg.jpg'); background-attachment:scroll; background-color:#161616; background-position:center top; width:100%; display:table; font-size:14px; font-family:"Arial"; color:#FFF; }

h1,h2,h3,h4,h5,h6 { text-transform:uppercase; color:#FFF; font-family:"Century Gothic","sans serif","Arial"; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-weight:bold; }
h1 { font-size:24px; line-height:40px; }
h2 { font-size:20px; line-height:35px; }
h3 { font-size:18px; line-height:30px; }

p { font-size:14px; color:#FFF; line-height:18px; }
p span { font-weight:bold; }

/**** Theme Classes ****/
*.button-blue { display:block; width:86px; background-image:url('images/buttons/button-blue.gif'); text-align:center; line-height:26px; height:26px; color:#FFF; font-size:13px; font-weight:bold; }
*.button-grey { display:block; width:86px; background-image:url('images/buttons/button-grey.gif'); text-align:center; line-height:26px; height:26px; color:#FFF; font-size:13px; font-weight:bold; }
*.button-listen { display:block; width:85px; background-image:url('images/buttons/button-listen.gif'); text-indent:-9999px; line-height:26px; height:26px; color:#FFF; font-size:13px; }
*.view-all { margin-left:auto; }
/** End Theme Classes **/

/**** Theme ****/
div#wrapper { width:978px; margin:0 auto; position:relative; }

/**** Header ****/
div#header { position:relative; z-index:99; height:167px; }

div#logo { float:left; width:294px; margin-right:27px; }
div#logo a { display:block; text-indent:-9999px; height:167px; }

div#header-right { float:left; width:650px; position:relative; height:167px; zoom:1; min-height:167px; }

/*** Header Menu ***/
ul#header-menu { margin-bottom:3px; }
ul#header-menu li { float:left; position:relative; }
ul#header-menu li.float-divider { float:none; }
ul#header-menu li a { display:block; color:#FFF; padding:0px 15px; line-height:35px; text-transform:uppercase; font-weight:bold; border-top:3px solid transparent;}
ul#header-menu li ul { display:none; position:absolute; left:0px; top:100%; width:200px; }
ul#header-menu li ul li { float:none; display:block; }
ul#header-menu li ul li a { background-color:#67c4ff; color:#FFF; }
ul#header-menu li ul li a:hover { background-color:#67c4ff; color:#FFF; }
ul#header-menu li.current_page_item a, ul#header-menu li a:hover { color:#66c4ff; border-top-color:#67c4ff; }
/* End Header Menu */

/*** Header Media ***/
ul#header-media { float:right; }
ul#header-media li { float:left; background-position:center center; line-height:33px; height:33px; }
ul#header-media li.float-divider { height:1px; line-height:1px; }
ul#header-media li span { padding:0 15px; color:#FFF; }
ul#header-media li a { display:block; line-height:100%; height:100%; text-indent:-9999px; width:29px; }
ul#header-media li#header-media-rss a { background-image:url('images/rss.gif'); }
ul#header-media li#header-media-facebook a { background-image:url('images/facebook.gif'); }
ul#header-media li#header-media-twitter a { background-image:url('images/twitter.gif'); margin-right:15px; }
/* End Header Media */

/*** Search ***/
div#search-box { width:293px; }
div#search-box input#search-text { float:left; width:180px; background-color:#000; color:#AAA; font-size:13px; height:31px; border:1px solid #9f4d4d; border-right-width:0px; padding:0 10px; }
div#search-box input#search-submit { float:left; display:block; width:92px; height:33px; font-size:15px; background-color:#28629b; text-align:center; color:#FFF; font-family:"Sansation","Arial"; line-height:33px; }
/* End Search */

/*** Header Phone ***/
div#header-phone {
display:none;
position:absolute;
bottom:0px;
left:0px;
right:0px;
width:100%;
text-indent:-9999px;
text-align:right;
line-height:25px;
color:#242424; font-family:"Sensation","Arial"; background-image:url('images/callus.gif'); background-position:center right; }

div#header ul.phone	{ width:200px; margin:0 0 0 auto; bottom: 0; float: right; position: absolute; right: 0; 1width: auto; }
div#header ul.phone	li.phone-text { float:right; width:80px; background-image:url('images/callus.gif'); background-position:left center; text-indent:-9999px; line-height:25px; height:25px; }
div#header ul.phone	li.phone-phone { float:right; text-align:center; line-height:25px; color:#242424; font-family:"Sensation","Arial"; padding:0 10px; }

/* End Header Phone */

/** End Header **/

/**** Sidebar Navigation ****/
div#sidebar-navigation { margin-bottom:19px; margin-left:16px; width:278px; padding-top:40px; }
div#sidebar-navigation h1 { padding-left:24px; }
div#sidebar-navigation ul { padding-left:24px; margin-bottom:11px; }
div#sidebar-navigation ul li { line-height:25px; }
div#sidebar-navigation ul li a { color:#FFF; display:block; line-height:25px; }
div#sidebar-navigation-links a { display:block; text-indent:-9999px; }
div#sidebar-navigation-links a#our-store { height:43px; background-position:12px top; background-image:url('images/ourstore.gif'); }
div#sidebar-navigation-links a#stay-connected { height:41px; background-position:12px top; background-image:url('images/stayconnected.gif'); }
div#sidebar-navigation-links a#sign-up { height:36px; background-position:12px center; background-image:url('images/signup.gif'); }
/** End Sidebar Navigation **/

/**** Front Page ****/
div#front-page-upper-left { float:left; width:294px; margin-top:40px; }

div#front-page-upper-right { width:684px; height:276px; float:right; }

div#front-page-lower { margin:20px 16px; }

div#testimonial { padding:0 12px; background-color:#000;  }
div#testimonial p { line-height:44px; color:#f6f5f5; }
div#testimonial p#testimonial-text { float:left; width:740px; overflow:hidden; height:44px; font-style:italic; }
div#testimonial p#testimonial-name { float:right; width:173px; overflow:hidden; height:44px; font-weight:bold; }
div#testimonial-container a#view-all-testimonials { text-align:right; text-decoration:underline; color:#5fb6ed; display:block; line-height:25px; font-style:italic; }

div#front-page-lower div#news-and-updates { width:305px; float:left; margin-left:20px; }


.featured-artist-list {width:85px;}

#front-widget-area { float:right; margin-right:50px;}
#front-widget-area h2 {display:none;}
#front-widget-area-page {float:right; margin:0 50px 0 0; padding:40px 0 0 0;}
#front-widget-area-page h2 {display:none;}
#front-widget-area-post {float:right; margin:0 50px 0 0; padding:40px 0 0 0;}
#front-widget-area-post h2 {display:none;}

/**** News and Updates ****/
ul#news-and-updates-list li div.news-and-update-text a h3 { color:#67c4ff; font-weight:bold;  }
ul#news-and-updates-list li div.news-and-update-text p { line-height:16px; color:#f6f5f5; font-size:11px; }

div#front-page ul#news-and-updates-list li { padding:8px; margin-bottom:20px; background-color:#393e43;  }
div#front-page ul#news-and-updates-list li div.news-and-update-thumb { float:left; width:72px; height:72px; }
div#front-page ul#news-and-updates-list li div.news-and-update-thumb a { display:block; height:100%; }
div#front-page ul#news-and-updates-list li div.news-and-update-thumb a img { width:70px; height:70px; border:1px solid #64bcf3; }
div#front-page ul#news-and-updates-list li div.news-and-update-text { float:right; width:199px; }
div#front-page ul#news-and-updates-list li div.news-and-update-text h3 a { display:block; line-height:22px; color:#67c4ff; font-weight:bold; padding-bottom:3px; }
div#front-page ul#news-and-updates-list li div.news-and-update-text p { line-height:16px; color:#f6f5f5; font-size:11px; height:48px; overflow:hidden; }

div#sidebar div#news-and-updates { width:268px; margin-left:auto; margin-top:30px; }
div#sidebar ul#news-and-updates-list { padding:10px 20px; background-color:#2d2d2d; margin-bottom:15px; }
div#sidebar ul#news-and-updates-list li { margin-bottom:5px; }
div#sidebar ul#news-and-updates-list li div.news-and-update-thumb { float:left; width:30px; height:30px; }
div#sidebar ul#news-and-updates-list li div.news-and-update-thumb a { display:block; height:100%; }
div#sidebar ul#news-and-updates-list li div.news-and-update-thumb a img { width:28px; height:28px; border:1px solid #62b7ed; }
div#sidebar ul#news-and-updates-list li div.news-and-update-text { float:right; width:188px; }
div#sidebar ul#news-and-updates-list li div.news-and-update-text h3 { padding:0px; margin:0px; }
div#sidebar ul#news-and-updates-list li div.news-and-update-text h3 a { display:block; line-height:15px; color:#67c4ff; font-weight:bold; }
div#sidebar ul#news-and-updates-list li div.news-and-update-text p { line-height:15px; color:#f6f5f5; font-size:11px; height:15px; overflow:hidden; }
/** End News and Updates **/

/**** Archive ****/
div#archive { width:570px; padding:40px; float:right; background-color:#000; position:relative; }
div#archive h1 { margin-bottom:15px; }
div#archive ul#posts-list { width:100%; }
div#archive ul#posts-list li { margin-bottom:10px; }
div#archive ul#posts-list li div.archive-thumb { width:92px; height:92px; float:left; }
div#archive ul#posts-list li div.archive-thumb a { display:block; height:100%; }
div#archive ul#posts-list li div.archive-thumb a img { height:90px; width:90px; border:1px solid #62b7ed; }
div#archive ul#posts-list li div.archive-text { width:450px; float:right; }
div#archive ul#posts-list li div.archive-text a { display:block; }
div#archive ul#posts-list li div.archive-text a h3 { color:#67c4ff; line-height:25px; padding:0px; margin:0px; }
/** End Archive **/

/**** Featured Artists ****/
div#front-page-lower div#featured-artists { width:588px; float:right; }

ul#featured-artists-list li { padding:9px; width:264px; background-color:#070806;  margin-bottom:5px; }

ul#featured-artists-list li.artist-left { float:left; }
ul#featured-artists-list li.artist-right { float:right; }
ul#featured-artists-list li.float-divider { padding:0px; width:auto; background-color:transparent; }

ul#featured-artists-list li div.featured-artist-thumb { margin-bottom:10px; float:left; width:105px; height:93px; }
ul#featured-artists-list li div.featured-artist-thumb a { display:block; width:105px; height:93px; }
ul#featured-artists-list li div.featured-artist-text { float:right; width:146px; }
ul#featured-artists-list li div.featured-artist-text p { font-weight:bold; }
ul#featured-artists-list li div.featured-artist-text p.featured-artist-name { color:#67c4ff; text-transform:uppercase; }
ul#featured-artists-list li div.featured-artist-text p.featured-artist-album { color:#f87856; font-size:12px;}
ul#featured-artists-list li div.featured-artist-text p.featured-artist-genre { color:#a6a6a6; margin-bottom:23px; font-size:12px; }
ul#featured-artists-list li div.featured-artist-text p.featured-artist-price { color:#d2d2d2; font-size:13px; }
ul#featured-artists-list li div.featured-artist-text a.button-listen { margin-top:15px; }

div#sidebar div#featured-artists { width:268px; margin-left:auto; padding-bottom:15px; }
div#sidebar ul#featured-artists-list li { width:250px; }
div#sidebar ul#featured-artists-list li div.featured-artist-text { float:right; width:133px; }

/** End Featured Artists **/

/**** Inside Page ****/
div#inside-page { margin-top:40px; width:100%; }
div#inside-page div#sidebar { width:294px; float:left; }
div#inside-page div#inside-page-content { width:570px; padding:40px; float:right; }

div#inside-page-content { font-size:12px; color:#FFF;background-color:#000;  position:relative;  }
div#inside-page-content h1 { font-size:32px; margin-bottom:15px; }
div#inside-page-content h2 { font-size:24px; margin-bottom:10px; color:#4e96be; text-transform:none; }
div#inside-page-content h3 { font-size:18px; margin-bottom:10px; color:#4e96be; text-transform:none; }
div#inside-page-content p { font-size:12px; color:#FFF; margin-bottom:10px; }
div#inside-page-content a { font-size:14px; color:#eabf38; text-decoration:underline; }
div#inside-page-content ul { margin-left:10px; list-style-position:outside;}
div#inside-page-content ul li { padding-left:20px; margin-bottom:10px; line-height:20px; color:#7a7a7a; font-weight:bold; background-position:5px center; background-image:url('images/list-bullet.gif'); }
div#inside-page-content ol { margin-left:10px; list-style-position:outside; list-style-type:decimal; }
div#inside-page-content ol li { padding-left:20px; margin-bottom:10px; line-height:20px; color:#7a7a7a; font-weight:bold; background-position:5px center; background-image:url('images/list-bullet.gif'); }
div#inside-page-content ul#posts-list { margin-left:0px; }
div#inside-page-content ul#posts-list li { padding-left:0px; background-image:none; }
div#inside-page-content ul#posts-list li div.post-description h3 { margin:0px; }
div#inside-page-content ul#posts-list li div.post-description h3 a { color:#FFF; }
/** End Inside Page **/

/**** Testimonials ****/
div#testimonials-page div.testimonial-container { margin-bottom:20px; padding-bottom:30px; background-image:url('images/testimonial-border.gif'); background-position:center bottom; }
div#testimonials-page div.testimonial-container div.testimonial-quote { font-size:12px; color:#bfbfbf; font-style:italic; line-height:20px; padding-bottom:15px; }
div#testimonials-page div.testimonial-container div.testimonial-name { text-align:right; color:#FFF; font-weight:bold; }
/** End Testimonials **/

/**** Footer ****/
div#footer { margin:25px 0; }
ul#footer-links { float:left; width:70%; }
ul#footer-links li { float:left; }
ul#footer-links li a { padding:0 15px; color:#d2d2d2; font-weight:bold; text-transform:uppercase; line-height:20px; font-size:12px; }

div#design-by { width:30%; float:right; color:#d2d2d2; }
div#design-by a { color:inherit; text-decoration:underline; padding:0 5px; }
div#design-by span { text-decoration:underline; }
/** End Footer **/