/*
Theme Name: The Arts of Life
Description: WordPress theme created for the EPIC Rally
Date: 08.09.10
Version: 2.0
*/
div.sponsor {
margin-top: 12px;
margin-bottom: 5px;
}
/* ------ Common to All Pages ------*/
html {
height: 100%;
overflow-y: scroll;
overflow-x: auto;
}
img {
border: none;
}
body {
text-align: center;
margin: 0px;
font-family: Arial;
}
p {
margin-top: 0px;
}
h1, h3 {
margin-top: 0px;
margin-bottom: 15px;
}
#wrapper {
width: 960px;
margin: auto;
text-align: left;
height: auto;
overflow: auto;
}
#column1 {
width: 715px;
position: absolute;
}
#column2 {
width: 225px;
position: absolute;
margin-left: 735px;
}
#body-main {
width: 715px;
margin-top: 150px;
position: absolute;
}
/* ------ Header.php Items Styling ------*/
#header {
width: 715px;
height: 135px;
position: absolute;
}
#topnav1, #topnav2, #topnav3, a {
color: #fff;
text-decoration: none;
}
#topnav1, #topnav2, #topnav3 {
width: 104px;
height: 18px;
color: #fff;
font-size: 12px;
text-align: center;
margin-top: 0px;
background: #6d6e71;
position: absolute;
padding-top: 2px;
}
#topnav1 {
margin-left: 395px;
}
#topnav2 {
margin-left: 503px;
}
#topnav3 {
margin-left: 611px;
}
#main-menu {
width: 715px;
height: 21px;
background: #e6e7e8;
border-bottom: #58595b solid 1px;
border-top: #58595b solid 1px;
position: absolute;
margin-top: 110px;
padding-top: 2px;
}
#main-menu a {
font-size: 14px;
text-decoration: none;
color: #000;
padding-left: 10px;
padding-right: 15px;
}
img.logoheader {
margin-left: 0px;
margin-top: 28px;
position: absolute;
}
img.taglineheader {
margin-left: 394px;
margin-top: 37px;
position: absolute;
}
/* span.tagline1 {
color: #58595b;
font-weight: 400;
background: #b3cf37;
position: absolute;
z-index: 1;
height: 20px;
padding: 5px;
margin-left: 395px;
} */
/* span.tagline2 {
color: #58595b;
font-weight: 400;
background: #b3cf37;
position: absolute;
z-index: 1000;
height: 20px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin-left: 395px;
margin-top: 65px;
} */
/* ------ Sidebar1.php & Sidebar2.php Items Styling ------*/
#twitter {
width: 225px;
height: 95px;
background: #e6e7e8;
}
.aktt_tweets {
margin-top: 10px;
position: absolute;
}
.tweet {
font-size: 12px;
color: #fff;
background: #319bd6;
position: absolute;
height: 18px;
padding-top: 2px;
padding-left: 5px;
padding-right: 5px;
}
#side-menu {
width: 225px;
height: 23px;
background: #e6e7e8;
border-bottom: #58595b solid 1px;
position: absolute;
border-top: #000 solid 1px;
margin-top: 15px;
}
#side-menu a {
font-size: 14px;
text-decoration: none;
color: #000;
padding-left: 10px;
padding-right: 15px;
}
div.widget_widget_links h2 {
font-size: 12px;
font-weight: normal;
margin: 0px;
}
div.widget_widget_links ul {
margin-left:0;
margin-right:0;
margin-top:0;
padding:0;
}
div.widget_widget_links li {
list-style-type: square;
margin-left:25px;
margin-right:0;
margin-top:0;
padding:0;
/* margin-bottom:5px; */
}
div.widget_widget_links a {
font-size: 11px;
color: #319bd6;
}
/* ------ Specific to Sidebar2.php ------*/
#donate {
width: 205px;
height: 235px;
position: absolute;
margin-top: 255px;
color: #58595b;
background: #319bd6;
padding: 10px;
}
#donate h2 {
font-size: 24px;
margin-top: 10px;
margin-bottom: 5px;
}
#donate img {
max-width: 250px;
max-height: 210px;
min-height: 110px;
position: absolute;
overflow: hidden;
clip:rect(0px 205px 110px 0px);
}
/* ------ Sidebar-Index.php Items Styling ------*/
#row1-4 {
width: 225px;
height: 185px;
position: absolute;
margin-top: 55px;
font-size: 13px;
color: #58595b;
}
#row1-4a {
width: 215px;
height: 86px;
border-top: #b3cf37 solid 4px;
position: absolute;
padding: 5px 5px 5px 5px;
}
#row1-4b {
width: 215px;
height: 75px;
background: #b3cf37;
position: absolute;
margin-top: 100px;
padding: 5px 5px 5px 5px;
}
#row2-4 {
width: 225px;
height: 525px;
position: absolute;
margin-top: 255px;
}
#row2-4a {
background: #2ea649; /* Green */
width: 205px;
height: 250px;
position: absolute;
padding: 10px 10px 10px 10px;
}
#row2-4a img {
min-width: 205px;
min-height: 110px;
max-width: 345px;
position: absolute;
overflow: hidden;
clip:rect(0px 205px 110px 0px);
}
#row2-4a h2 {
font-size: 24px;
margin-top: 10px;
margin-bottom: 5px;
}
#row2-4b {
background: #666; /* Dark Grey */
width: 205px;
height: 250px;
position: absolute;
margin-top: 285px;
padding: 10px 10px 10px 10px;
color: #fff;
font-size: 10px;
}
div.youtube-headline {
font-size: 20px;
font-weight: bold;
margin-top: 2px;
margin-bottom: 5px;
}
div.sidebar-headline {
font-size: 13px;
margin-bottom: 5px;
}
/* ------ Index.php Body Items Styling ------*/
#row1-1 {
width: 245px;
height: 185px;
position: absolute;
}
#row1-1 img {
min-width: 245px;
/* min-height: 185px; */
max-width: 345px;
/* max-height: 285px; */
position: absolute;
overflow: hidden;
clip:rect(0px 245px 185px 0px);
}
#row1-2 {
width: 470px;
height: 185px;
position: absolute;
margin-left: 245px;
}
#row1-2 img {
min-width: 470px;
min-height: 185px;
max-width: 570px;
max-height: 385px;
position: absolute;
overflow: hidden;
clip:rect(0px 470px 185px 0px);
}
#row2-1, #row2-2, #row2-3 {
width: 205px;
height: 250px;
position: absolute;
margin-top: 200px;
padding:10px;
}
#row2-1 h2 {
font-size: 24px;
margin-top: 10px;
margin-bottom: 5px;
}
#row2-1 h2 {
font-size: 24px;
margin-top: 10px;
margin-bottom: 5px;
}
#row2-2 h2 {
font-size: 24px;
margin-top: 10px;
margin-bottom: 5px;
}
#row2-3 h2 {
font-size: 24px;
margin-top: 10px;
margin-bottom: 5px;
}
#row2-1 {
background: #2ea649;
}
#row2-2 {
background: #319bd6;
margin-left: 245px;
}
#row2-3 {
background: #da1d49;
margin-left: 490px;
}
#row2-1 img {
min-width: 205px;
max-width: 250px;
position: absolute;
overflow: hidden;
clip:rect(0px 205px 110px 0px);
padding-bottom: 10px;
}
#row2-2 img {
min-width: 205px;
max-width: 250px;
position: absolute;
overflow: hidden;
clip:rect(0px 205px 110px 0px);
padding-bottom: 10px;
}
#row2-3 img {
min-width: 205px;
max-width: 250px;
position: absolute;
overflow: hidden;
clip:rect(0px 205px 110px 0px);
padding-bottom: 10px;
}
#row3-1, #row3-2, #row3-3 {
width: 205px;
height: 250px;
position: absolute;
margin-top: 485px;
padding:10px;
}
#row3-1 {
background: #319bd6;
}
#row3-2 {
background: #e47729;
margin-left: 245px;
}
#row3-3 {
background: #b3cf37;
margin-left: 490px;
}
#row3-1 img {
min-width: 205px;
min-height: 110px;
/* max-width: 250px; */
position: absolute;
overflow: hidden;
clip:rect(0px 205px 110px 0px);
padding-bottom: 10px;
border: none;
}
#row3-2 img {
min-width: 205px;
max-width: 250px;
position: absolute;
overflow: hidden;
clip:rect(0px 205px 110px 0px);
padding-bottom: 10px;
}
#row3-3 img {
min-width: 205px;
max-width: 250px;
position: absolute;
overflow: hidden;
clip:rect(0px 205px 110px 0px);
padding-bottom: 10px;
}
#row3-1 h2 {
font-size: 24px;
margin-top: 10px;
margin-bottom: 5px;
}
#row3-2 h2 {
font-size: 24px;
margin-top: 10px;
margin-bottom: 5px;
}
#row3-3 h2 {
font-size: 24px;
margin-top: 10px;
margin-bottom: 5px;
}
div.home-text {
width: 205px;
position:absolute;
margin-top: 105px;
color: #fff;
font-size: 11px;
}
span.home-headline {
font-size: 20px;
}
span.featured1 {
color: #fff;
background: #319bd6;
position: absolute;
z-index: 1000;
font-size: 12px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 0px;
margin-left: 0px;
margin-top: 125px;
}
span.featured2 {
color: #fff;
background: #319bd6;
position: absolute;
z-index: 0;
font-size: 17px;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 5px;
margin-left: 0px;
margin-top: 123px;
}
/* ------ Page.php & Page-Even.php Items Styling ------*/
#page-title {
width: 705px;
height: 22px;
background: #319bd6;
position: absolute;
padding-left: 10px;
padding-top: 3px;
color: #fff;
}
#page-column1 {
width: 245px;
height: 185px;
position: absolute;
margin-top: 40px;
}
#page-column1 img {
width: 245px;
}
#page-column2 {
width: 445px;
height: 185px;
position: absolute;
margin-top: 40px;
margin-left: 265px;
font-size: 14px;
}
.blog-wrapper a {
color: #319bd6; /* Cyan Blue */
text-decoration: none;
}
#page-column2 a {
color: #319bd6; /* Cyan Blue */
text-decoration: none;
}
#page-column2-partners a {
color: #319bd6; /* Cyan Blue */
text-decoration: none;
}
#page-column2-partners {
width: 485px;
height: 185px;
position: absolute;
margin-top: 40px;
margin-left: 225px;
font-size: 15px;
}
/* #page-column1-blog {
width: 200px;
position: absolute;
margin-top: 40px;
} */
#page-column2-blog {
width: 715px;
/* margin-top: 40px; */
margin-left: 0px;
font-size: 13px;
position: absolute;
}
.blog-right {
width: 475px;
float: left;
margin-left: 20px;
padding-top: 10px;
}
.blog-right p {
margin-top: 0px;
}
.blog-left {
width: 200px;
height: 100px;
float: left;
}
.blog-wrapper {
border-top: #319bd6 solid 1px;
margin-bottom: 40px;
float: left;
width: 715px;
}
.blog-wrapper img {
max-width: 445px;
border: none;
float: left;
padding: 15px 15px 8px 0px;
}
.blog-highlight {
background: #319bd6;
margin-bottom: 5px;
padding-left: 10px;
padding-bottom: 2px;
}
a.blog-entry-title {
color: #fff;
text-decoration: none;
font-size: 18px;
}
.blog-padding-left {
padding-left:10px;
}
/* #page-column2-blog a {
color: #000;
text-decoration: none;
font-size: 18px;
font-weight: bold;
} */
#page-column2 img {
max-width: 445px;
}
/* ------ Specific to Page-Location-Main.php ------*/
#page-even-column1 {
width: 347px;
height: 185px;
position: absolute;
margin-top: 40px;
}
#page-even-column2 {
width: 347px;
height: 185px;
position: absolute;
margin-top: 40px;
margin-left: 367px;
background: #666;
}
#page-even-column1 img {
position: absolute;
overflow: hidden;
clip:rect(0px 347px 225px 0px);
max-width: 370px;
min-height: 225px;
}
#page-even-column2 img {
position: absolute;
overflow: hidden;
clip:rect(0px 347px 225px 0px);
max-width: 370px;
min-height: 225px;
}
.home-text-location {
position: absolute;
margin-top: 240px;
font-size: 13px;
}
.home-text-location h2 {
margin-top: 0px;
margin-bottom: 5px;
font-size: 20px;
}
.home-text-location a {
color: #319bd6;
}
.location1 {
}
.location2 {
margin-top: 365px;
}
/* ------ Artist.php Items Styling ------*/
#page-title-artist {
width: 570px;
height: 22px;
background: #319bd6;
position: absolute;
margin-left: 135px;
padding-left: 10px;
padding-top: 3px;
color: #fff;
}
#page-artist-column-main1 {
width: 285px;
height: 200px;
position: absolute;
}
#page-artist-column-main1a {
width: 132px;
height: 400px;
position: absolute;
}
#page-artist-column-main1b {
width: 132px;
height: 400px;
position: absolute;
margin-left: 152px;
}
#page-artist-column-main2 {
width: 410px;
height: 200px;
position: absolute;
margin-left: 300px;
}
#page-artist-column-main2a {
width: 405px;
height: 21px;
padding-left: 5px;
padding-top: 4px;
background: #319bd6;
margin-bottom: 13px;
margin-left: 5px;
font-size: 14px;
font-weight: bold;
color: #fff;
}
#page-artist-column1 {
width: 115px;
height: 185px;
position: absolute;
}
#page-artist-column2 {
width: 280px;
height: 185px;
position: absolute;
margin-top: 40px;
margin-left: 135px;
font-size: 13px;
}
#page-partners-column2 {
width: 585px;
position: absolute;
margin-top: 40px;
margin-left: 135px;
font-size: 13px;
}
#page-artist-column2 img {
max-width: 280px;
}
#page-artist-column3 {
width: 285px;
height: 185px;
position: absolute;
margin-top: 38px;
margin-left: 427px;
}
div.allartistmenu h2 {
font-size: 14px;
margin-top: 0px;
margin-left: 5px;
margin-bottom: 0px;
color: #000;
}
div.allartistmenu ul {
margin-left:5px;
margin-right:0;
margin-top:0;
padding:0;
}
div.allartistmenu li {
list-style-type: none;
margin:0px;
padding:0;
/* margin-bottom:5px; */
}
div.allartistmenu a {
font-size: 12px;
color: #319bd6;
}
div.studio_widget_widget_links-menu {
width: 132px;
background: #319bd6;
height: 22px;
padding-top: 3px;
padding-left: 5px;
}
div.studio_widget_widget_links h2 {
font-size: 14px;
margin: 0px;
color: #fff;
}
div.studio_widget_widget_links ul {
margin-left:5px;
margin-right:0;
margin-top:0;
padding:0;
}
div.studio_widget_widget_links li {
list-style-type: none;
margin:0px;
padding:0;
/* margin-bottom:5px; */
}
div.studio_widget_widget_links a {
font-size: 12px;
color: #319bd6;
}
div.studio_widget_adv-blogroll h2 {
font-size: 14px;
margin: 0px;
color: #fff;
}
div.studio_widget_adv-blogroll ul {
margin-left:10px;
margin-right:0;
margin-top:0;
padding:0;
}
div.studio_widget_adv-blogroll li {
list-style-type: none;
margin:0px;
padding:0;
/* margin-bottom:5px; */
}
div.studio_widget_adv-blogroll a {
font-size: 12px;
color: #319bd6;
}
#page-artist-column-main2 p {
padding-left: 5px;
}
#aol-band-title {
width: 284px;
height: 21px;
font-weight: bold;
background: #319bd6;
font-size: 14px;
padding-top: 4px;
padding-left: 5px;
color: #fff;
margin-bottom: 15px;
}
#aol-band-body {
width: 284px;
margin-bottom: 25px;
font-size: 12px;
}
#aol-band-body a {
width: 284px;
margin-bottom: 25px;
font-size: 12px;
color: #319bd6;
}
#aol-band-body img {
width: 288px;
min-width: 288px;
margin-bottom: 10px;
}
div.studio_widget_adv-blogrol h2 {
font-size: 14px;
margin-top: 0px;
margin-left: 5px;
margin-bottom: 0px;
color: #000;
}
div.studio_widget_adv-blogrol ul {
margin-left:10px;
margin-right:0;
margin-top:0;
padding:0;
}
ul.ab_bookmark {
margin-left:10px;
margin-right:0;
margin-top:0;
padding:0;
}
div.studio_widget_adv-blogrol li {
list-style-type: none;
margin:0px;
padding:0;
}
div.studio_widget_adv-blogrol a {
font-size: 12px;
color: #319bd6;
}
/* ------ Twitter Widget Styling ------*/
div.widget_aktt_widget {
width: 218px;
position: absolute;
padding-left: 5px;
margin-top: 12px;
font-size: 10px;
}
div.widget_aktt_widget ul {
margin-left:0;
margin-right:0;
margin-top:0;
padding:0;
}
div.widget_aktt_widget li {
list-style-type:none;
margin-left:0;
margin-right:0;
margin-top:0;
padding:0;
margin-bottom:15px;
}
div.widget_aktt_widget a {
color: #319bd6;
}
/* Chunky Footer */
#chunkyfooter {
clear: both;
background: #eee;
overflow: hidden;
padding-top: 10px;
}
#chunkyfooter div {
width: 480px;
padding: 0 10px;
}
#chunkyfooter h2 {
margin-top: 0;
}
#chunkyfooter ul {
padding-left: 14px;
}