/* Reset Styles courtesy of Eric Meyer
--------------------------------------*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* IE6 Transparency Fix
--------------------------------------*/
img, div { behavior: url(http://www.raggedmag.com/css/iepngfix.htc) }


/* Main Elements
--------------------------------------*/
body {
   margin: 0;
   padding 0;
   background-color: #ffffff;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   }

h1,h2,h3,h4,h5,h6 {
   font-weight: normal;
   }
   
p {
   margin: 0;
   padding: 7px 0 0 0;
   line-height: 150%;
   }

a:link{
   text-decoration: none;
   color: #CD3278;
   }
a:visited{
   text-decoration: none;
   color: #CD3278;
   }
a:hover{
   text-decoration: underline;
   color: #CD3278;
   }
a:active{
   text-decoration: underline;
   color: #CD3278;
   }
a:focus{
   outline:none
   }
a img{
   border: none;
}

strong { font-weight: bold; }
em { font-style: italic; }

ol li {
   list-style-type: decimal;
   list-style-position: inside;
   padding: 7px 0 0 0;
   line-height: 150%;
   }

/* ID
--------------------------------------*/
#outside-wrapper {
   width: 987px;
   margin: 0 auto;
   background-image: url('http://www.raggedmag.com/images/background.gif');
   background-repeat: repeat-y;
   }

#wrapper {
   margin: 0 auto;
   background-repeat: no-repeat;
   width: 950px;
   }

#header #logo {
   height: 131px;
   }

/* Ragged exclusive code --------------------------------------*/
#right-column-new {
	width: 257px;
	margin: 7px 2px 7px 0;
	float: right;
	}
#left-column-new #alumni-spotlight .frame {
	margin-top: 15px;
	border: solid #e3e3e3 2px;
	background-image: url(http://www.raggedmag.com/images/news-background.gif);
	background-repeat: no-repeat;
	background-color: #cccccc;
	}
#left-column-new #alumni-spotlight .frame .frame-content {
	background-image: url(http://www.raggedmag.com/images/alumni-spotlight-shadow-new.png);
	background-repeat: no-repeat;
	margin: 15px 6px;
	}
#left-column-new #alumni-spotlight .frame .frame-content img {
	margin: 0 3px 9px 5px;
	}
#left-column-new #alumni-spotlight {
   margin-top: 10px;
   }
	
#middle-column-new {
	width: 700px;
	margin: 7px 7px 7px 0;
	float: right;
	}

#middle-column-new .news {
	margin-bottom: 15px;
	}
#middle-column-new .news .post {
	margin-top: 15px;
	border: solid #e3e3e3 2px;
/*	background-image: url(http://www.raggedmag.com/images/news-background.gif);
	background-repeat: no-repeat;
	background-color: #cccccc;
*/
	}
#middle-column-new .news .post-content {
	margin: 10px 7px;
	}	
#middle-column-new .news .post-content h2 {
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	color: #3db5dc;
	}
.post-content label {
	height:16px;
	line-height:14px;
	margin-top:3px;
	position:absolute;
	text-align:right;
	vertical-align:baseline;
	width:100px;
	}
.post-content form {
	margin-top: 10px;
	}
	
.post-content input, .post-content textarea, .post-content select  {
	margin-left: 110px;
	}

#left-column-new {
	width: 219px;
	margin: 7px 14px 7px 5px;
	float: left;
	}

#middle-column-news-page {
	width: 700px;
	margin: 7px 7px 7px 0;
	float: right;
	font-size: 11px;
	}

#middle-column-news-page .news {
	margin-bottom: 15px;
	}
#middle-column-news-page .news .post {
	margin-top: 15px;
	border: solid #e3e3e3 2px;
/*	background-image: url(http://www.raggedmag.com/images/news-background.gif);
	background-repeat: repeat-x;
	background-color: #cccccc;
*/	}
#middle-column-news-page .news .post-content {
	margin: 10px 7px;
	}	
#middle-column-news-page .news .post-content h2 {
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	color: #3db5dc;
	}
.button{
	height:157px;
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:18px;
	font-weight:bold;
	}
.button-home{
	height:56px;
	margin:0;
	padding:10px 0 10px 10px;
	font-size:10px;
	font-weight:bold;
	float: right;
	clear: both;
	background: url(images/news-background.gif);
	text-align: center;
	}
.voting-buttons{}
.poll-home {
	background-color:#CCCCCC;
	background-image:url(http://www.raggedmag.com/images/news-background.gif);
	background-repeat:no-repeat;
	border:2px solid #E3E3E3;
	margin-bottom:10px;
	}

/* end Ragged exclusive code -----------------------------------*/

.left-column {
   width: 234px;
   margin: 6px 0 0 6px;
   float: left;
   }

.left-column p {
   margin: 0;
   padding: 0 0 7px 0;
   line-height: 150%;
   }

.left-column .craving { margin-top: 6px; }

.left-column .craving p {
   text-align: center;
   font-size: 12px;
   }

.left-column .craving .craving-pic {
   float: left;
   margin-right: 4px;
   }

.mid-content {
   float: right;
   margin: 6px 6px 0 0;
   width: 700px;
   }

#right-mid {
   float: right;
   margin: 0 0 0 6px;
   width: 260px;
   }

#menu-spotlight {
   height: 300px;
   background-repeat: no-repeat;
   background-color: #000;
   margin-bottom: 7px;
   }

#menu-spotlight .header {
   font-size: 12px;
   width: 98px;
   height: 54px;
   float:right;
   margin: 8px 11px 0 0;
   text-align: center;
   }

#menu-spotlight img {
   border: 1px #fff solid;
   margin: 0 0 0 11px;
   }

#menu-spotlight .description {
   color: #fff;
   text-align: center;
   margin: 11px 11px 0 11px;
   padding: 0;
   font-size: 10px;
   line-height: 10px;
   }

#twitter-feed-header, #vote-header {
   margin: 10px 0;
   }

#twitter-feed {
	background-color:#cccccc;
	background-image:url(http://www.raggedmag.com/images/news-background.gif);
	background-repeat:no-repeat;
	border:2px solid #E3E3E3;
	margin-bottom: 10px;
	}

#twitter-feed .tweet {
   clear: both;
   margin: 7px 7px 10px;
   }

#twitter-feed .date {
   float:right;
   }

#twitter-feed .button img {
   margin: 12px 0 0 0;
   }

#left-mid {
   width: 433px;
   }

#bottom-mid {
   margin: 6px 6px 6px 0;
   }

.music-player {
  margin-top: 10px;
   }

.youtube {
   }


/* Gallery */
.gallery-landing {
   border: 1px solid #999999;
   margin: 6px;
   padding: 30px 52px;
   }

/* Regular Pages */
.content-holder {
   width: 695px;
   }

.regular-content {
   border: 1px solid #999999;
   margin: 6px 0 6px 6px;
   padding: 30px 52px;
   float:left;
   }


/* New CSS End
------------------------------*/


#mailing-list-signup {
   padding: 0;
   float: right;
   color: #000000;
   font-weight: bold;
   }

#register-link {
   margin: 5px 0 0 0;
   padding: 4px 8px 4px 19px;
   float: right;
   background-repeat: no-repeat;
   background-color: #000000;
   color: #000000;
   font-size: 10px;
   }

#links{
   float: right;
   width: 190px;
   padding: 0;
   margin: 15px 0 0 0;
   }

#left-nav {
   float: left;
   padding: 0;
   width: 117px;
   height: 32px;
   background: url("http://www.raggedmag.com/images/nav-background-new.gif")
   }
#left-nav h3 {
   font-size: 15px;
   margin-left: 15px;
   margin-top: 8px;
   font-family: helvetica, arial, sans-serif;
   }   
#nav {
   float: left;
   padding: 0;
   width: 948px;
   height: 32px;
   background: url("http://www.raggedmag.com/images/nav-background-new.gif")
   }
#nav h3 {
   font-size: 15px;
   margin-top: 8px;
   font-family: helvetica, arial, sans-serif;
   }   
#nav h3 a:link, #nav h3 a:visited, #nav h3 a:hover, #nav h3 a:active{
   color: #000000;
   text-decoration: none;
   }   



#content {
   margin: 0;
   background-color: #ffffff;
   }

.index-feeds a:link{
   text-decoration: none;
   }

.feeds a:link{
   text-decoration: none;
   }

.index-feeds #NewsHorizontal1 {
   width: 477px;
   height: 16px;
   display: block;
   overflow: hidden;
   position: relative;
   }
   
.index-feeds #TickerHorizontal1 {
   width: 477px;
   height: 16px;
   display: block;
   list-style: none;
   margin: 0;
   padding: 0;
   }
   
.index-feeds #TickerHorizontal1 li {
   display: block;
   width: 477px;
   height: 16px;
   line-height: 16px;
   margin: 0;
   padding: 0;
   float: left;
   }


.feeds #NewsHorizontal1 {
   width: 200px;
   height: 16px;
   display: block;
   overflow: hidden;
   position: relative;
   }
   
.feeds #TickerHorizontal1 {
   width: 200px;
   height: 16px;
   display: block;
   list-style: none;
   margin: 0;
   padding: 0;
   }
   
.feeds #TickerHorizontal1 li {
   display: block;
   width: 200px;
   height: 16px;
   line-height: 16px;
   margin: 0;
   padding: 0;
   float: left;
   }

#footer {
   padding: 22px 0 17px 0;
   text-align: center;
   color: #000000;
   font-size: 10px;
   }
   
#footer a:link{
   text-decoration: none;
   color: #000000;
   }
#footer a:visited{
   text-decoration: none;
   color: #000000;
   }

#footer p{
   padding: 0 0 7px 0;
   }
   
#footer li{
   list-style: none;
   display: inline;
   padding: 0 10px 0 0;
   font-size: 10px;
   }
   
/* =Class
   ----------------------------------------------------*/
.input {
   font-size: 11px;
   }
   
.issue{
   width: 130px;
   float: left;
   margin: 20px 20px 0 20px;
   }
   
.important-text {
   font-size: 11px;
   }

.primary-content {
   padding: 0 6px 0 0;
   float: left;
   width: 515px;
   background-color: #ffffff;
   }

.wide .primary-content {
   padding: 0 6px 0 0;
   float: left;
   width: 100%;
   }

.frame h2 {
   text-align: center;
   font-size: 20px;
   color: #3db5dc;
   margin-top:8px;
   }

.featured-bands{
   margin-top:10px;
   }

.featured-bands h3{
   font-size:11px;
   }

.featured-bands a {
   color: #000;
   }
   
.featured .secondary{
   float: left;
   padding: 0 0 5px 0;
   }
   
.featured h1{
   color: #f0001f;
   font-family: Georgia, serif;
   font-size: 25px;
   }

.featured h3{
   color: #f0001f;
   font-family: Georgia, serif;
   font-size: 12px;
   }

.index-feeds {
   margin: 8px 0 8px 0;
   padding: 7px 9px 5px 9px;
   height: 17px;
   background-color: #333333;
   color: #000000;
   }
   
.index-feeds p {
   padding: 0;
   margin: 0;
   }

.index-feeds img{
   float: left;
   margin: 0 3px 0 0;
   }


.feeds {
   margin: 0 0 8px 0;
   padding: 7px 9px 5px 9px;
   height: 17px;
   background-color: #333333;
   color: #000000;
   }
   
.feeds p {
   padding: 0;
   margin: 0;
   }

.feeds img{
   float: left;
   margin: 0 3px 0 0;
   }

.adopted-bands{
   margin: 0 0 6px 0;
   padding: 8px;
   border: 1px #999999 solid;
   }

.adopted-bands .highlight a:link{
   color: #000000;
   text-decoration: underline;
   }

.adopted-bands .highlight a:visited{
   color: #000000;
   text-decoration: underline;
   }
   
.adopted-bands .highlight a:hover{
   color: #f0001f;
   text-decoration: underline;
   }

.daily-blog{
   width: 415px;
   padding: 8px 8px 0 8px;
   border: 1px #999999 solid;
   height: 611px;
   overflow-y: scroll;
   }

.daily-blog .main img{
   float: left;
   }

.primary-content h2 {
   padding: 5px 0 10px 0;
   font-size: 20px;
   }
   
.blog-closing {
   padding: 0 0 20px 0;
   border-bottom: 1px #999999 dashed;
   color: #999999;
   }
   
.secondary-content {
   float: right;
   width: 233px;
   color: #000000;
   }

.adopt-a-band {
   padding: 10px 0 10px 10px;
   margin: 0;
   background: url(images/adopt-a-band-bg.gif);
   height: 56px;
   width: 224px;
   }

.adopt-a-band img {
   padding: 0 10px 0 0;
   margin: 0;
   float: left;
   }

.left-adopt {
   float: left;
   color: #000000;
   position: absolute;
   }

.left-adopt-voting {
   float: left;
   color: #000000;
   }

.left-adopt2 {
   float: left;
   width: 33px;
   }
   
.left-adopt3 {
   float: left;
   width: 33px;
   }

.band-group {
   height:157px;
   width:500px;
   padding: 0 0 10px 0;
   margin: 0 10px 10px 0;
   border-bottom: 1px solid #999999;
   }

.adopt-a-band1 {
   padding: 10px 0 10px 10px;
   margin: 0;
   background: url(images/news-background.gif);
   height: 56px;
   width: 137px;
   line-height: 12px;
   }

.adopt-a-band1 img {
   padding: 0 5px 0 0;
   margin: 0;
   float: left;
   }

.adopt-a-band2 {
   padding: 40px 3px 10px 3px;
   margin: 0;
   background: url(images/adopt-a-band-bg.gif);
   height: 26px;
   width: 37px;
   }
   
.adopt-a-band3 {
   padding: 20px 0 10px 0;
   margin: 0;
   background: url(images/adopt-a-band-bg.gif);
   height: 46px;
   width: 33px;
   font-family: Georgia, serif;
   font-size: 11px;
   color:#000000;
   }

.adopt-a-band3test {
   padding: 20px 0 10px 0;
   margin: 0;
   background: url(images/adopt-a-band-bg.gif);
   height: 46px;
   width: 33px;
   font-family: Georgia, serif;
   font-size: 11px;
   }

.submit-your-band-index {
   padding: 5px 0 4px 0;
   }

.submit-your-band {
   padding: 0 0 4px 0;
   }

.bands-on-the-road {
   margin: 0 0 8px 0;
   background: url(images/bands-on-the-road.gif);
   width: 234px;
   height: 100px;
   }

.section {
   padding: 26px 21px 26px 21px;
   background-color: #333333;
   height: 798px;
   }
   
.clearer {
   clear: both;
   }
   
.visitor-gallery {
   background: url(images/visitor-gallery-new.jpg);
   width: 950px;
   height: 105px;
   margin: 0;
   }

.sub-header iframe, .sub-header p { display: inline; float: left; margin: 0 3px 0 0; padding: 0; }
.sub-header { clear: both;}

/* =Page Specific
   ----------------------------------------------------*/
#panes {
   border-style: none;
   width: 557px;
   margin: 10px 0 0 0;
   float: left;
   }

#panes div div {
   overflow: hidden;
   }

#previous { float: none;
   cursor: pointer;
   }

#next {
   float: none;
   cursor: pointer;
   }

.primary-content .adopted-bands {
   padding: 10px;
   border: 1px #999999 solid;
   }

.wide .primary-content .adopted-bands {
   padding: 20px 40px;
   border: 1px #999999 solid;
   width: 675px;
   }

   
.primary-content .adopted-bands .bands {
   margin: 17px auto 43px auto;
   width: 481px;
   }

.primary-content .wide .adopted-bands .bands {
   margin: 17px auto 43px auto;
   width: 100%;
   }


.primary-content .adopted-bands .bands .img-holder{
   margin: 0 10px;
   width: 96px;
   float: left;
   }
   
.img-holder{
   margin: 4px 0 4px 4px;
   width: 108px;
   float: left;
   }
   
.img-holder-botr{
   margin: 3px 6px 6px 7px;
   width: 132px;
   float: left;
   }
   
.full-blog{
   margin: 0;
   padding: 8px 8px 0 8px;
   border: 1px #999999 solid;
   }

.full-blog .main img{
   float: left;
   }
   
.form-titles input {
   outline-color: #999999;
   }

.tablesurvey tbody tr td {
      padding: 3px;
    }
.tablesurvey tbody tr th {
      padding: 3px;
    }

.surveyfix {
   margin: 0 0 0 -20px;
   float: left;
   }

.poll { position: absolute; width: 680px; }
.poll-option { width: 340px; float: left; }
.poll-image { width: 225px; height: 400px; margin: 0 auto; }
.poll-image p { width: 152px; float:right; margin-top:10px; }

.poll-buttons { width: 680px; }
.vote-button { padding-top: 320px; }
.vote-button img {
   cursor: pointer;
   position:relative;
   z-index:100;
}
.vote-percentage {}