/* ------------------------------
FRONT PAGE SPECIFIC */


#front-jimmy {
background-image: url(http://www.getrealphilly.org/images/stories/stories_homepage/4-accross/jimmy_home.gif);
background-repeat: no-repeat;
width: 180px;
height: 290px;
float: left;
position: relative;
top: 2px;
background-color: #80c2ff; 
}

#front-rashon {
background-image: url(http://www.getrealphilly.org/images/stories/stories_homepage/4-accross/rashon_home.gif);
background-repeat: no-repeat;
width: 180px;
height: 280px;
float: left;
position: relative;
top: 2px;
background-color: #80c2ff; 
}

#front-toby {
background-image: url(http://www.getrealphilly.org/images/stories/stories_homepage/4-accross/toby_home.gif);
background-repeat: no-repeat;
width: 180px;
height: 280px;
float: left;
position: relative;
top: 2px;
background-color: #80c2ff; 
}

#front-terry {
background-image: url(http://www.getrealphilly.org/images/stories/stories_homepage/4-accross/terry_home.gif);
background-repeat: no-repeat;
width: 180px;
height: 280px;
float: left;
position: relative;
top: 2px;
background-color: #80c2ff; 
}

#front-david {
background-image: url(http://www.getrealphilly.org/images/stories/stories_homepage/4-accross/david_home.gif);
background-repeat: no-repeat;
width: 180px;
height: 280px;
float: left;
position: relative;
top: 2px;
left: -3px;
background-color: #80c2ff; 
}

#front-andrew {
background-image: url(http://www.getrealphilly.org/images/stories/stories_homepage/4-accross/andrew_home.gif);
background-repeat: no-repeat;
width: 180px;
height: 280px;
float: left;
position: relative;
top: 2px;
left: -4px;
background-color: #80c2ff; 
}

#front-ra {
background-image: url(http://www.getrealphilly.org/images/stories/stories_homepage/4-accross/ra_home.gif);
background-repeat: no-repeat;
width: 180px;
height: 280px;
float: left;
position: relative;
top: 2px;
background-color: #80c2ff; 
}

#front-tim {
background-image: url(http://www.getrealphilly.org/images/stories/stories_homepage/4-accross/tim_home.gif);
background-repeat: no-repeat;
width: 180px;
height: 280px;
float: left;
position: relative;
top: 2px;
background-color: #80c2ff; 
}

#front-aiden {
background-image: url(http://www.getrealphilly.org/images/stories/stories_homepage/4-accross/aiden_home.gif);
background-repeat: no-repeat;
width: 180px;
height: 280px;
float: left;
position: relative;
top: 2px;
background-color: #80c2ff; 
}

#front-robert {
background-image: url(http://www.getrealphilly.org/images/stories/stories_homepage/4-accross/robert_home.gif);
background-repeat: no-repeat;
width: 180px;
height: 280px;
float: left;
position: relative;
top: 2px;
background-color: #80c2ff; 
}

#front-jerome {
background-image: url(http://www.getrealphilly.org/images/stories/stories_homepage/4-accross/jerome_home.gif);
background-repeat: no-repeat;
width: 180px;
height: 280px;
float: left;
position: relative;
top: 2px;
background-color: #80c2ff; 
}

#front-carl {
background-image: url(http://www.dev.getrealphilly.org/images/stories/stories_homepage/4-accross/carl_home.gif);
background-repeat: no-repeat;
width: 130px;
height: 200px;
float: right;
position: relative;
top: -79px;
background-color: #dbeeff; 
}

#front-james {
background-image: url(http://www.dev.getrealphilly.org/images/stories/stories_homepage/4-accross/james_home.gif);
background-repeat: no-repeat;
width: 130px;
height: 200px;
float: right;
position: relative;
top: -79px;
background-color: #dbeeff; 
}

#front-stephen {
background-image: url(http://www.dev.getrealphilly.org/images/stories/stories_homepage/4-accross/stephen_home.gif);
background-repeat: no-repeat;
width: 130px;
height: 200px;
float: right;
position: relative;
top: -79px;
background-color: #dbeeff; 
}

#front-justin {
background-image: url(http://www.dev.getrealphilly.org/images/stories/stories_homepage/4-accross/justin_home.gif);
background-repeat: no-repeat;
width: 130px;
height: 200px;
float: right;
position: relative;
top: -79px;
background-color: #dbeeff; 
}

#front-jimmy a {
position: relative;
top: 60px;
left: 40px;
}

#front-rashon a {
position: relative;
top: 40px;
left: 20px;
}

#front-toby a {
position: relative;
top: 80px;
left: 30px;
}

#front-terry a {
position: relative;
top: 30px;
left: 40px;
}

#front-david a {
position: relative;
top: 50px;
left: 20px;
}

#front-andrew a {
position: relative;
top: 10px;
left: 30px;
}

#front-ra a {
position: relative;
top: 30px;
left: 15px;
}

#front-tim a {
position: relative;
top: 80px;
left: 25px;
}

#front-aiden a {
position: relative;
top: 60px;
left: 20px;
}

#front-robert a {
position: relative;
top: 5px;
left: 9px;
}

#front-jerome a {
position: relative;
top: 53px;
left: 22px;
}

#front-carl a {
position: relative;
top: 103px;
left: 15px;
}

#front-james a {
position: relative;
top: 145px;
left: 41px;
}

#front-stephen a {
position: relative;
top: 142px;
left: 57px;
}

#front-justin a {
position: relative;
top: 112px;
left: 56px;
}



/* ------------------------------
STORIES  */

#storiesheader {
width: 740px;
height: 68px;
position: relative;
left: 0px;
text-align: center;
margin-right: auto;
margin-left: auto;
z-index: 6;
top: -10px;
overflow: hidden;
}

h1 {
font-size: 20px;
color: #01c2a0;
font-weight: bold; 
margin-left: 280px;
padding-top: 20px;
line-height: 28px;
margin-bottom: 20px;
font-family: Arial, Helvetica, sans-serif; 
}

h2 {
font-size: 12px;
color: #f354e0;
font-weight: bold; 
line-height: 24px;
margin-left: 280px;
}

#stories_jimmy ul, 
#stories_rashon ul, 
#stories_toby ul,
#stories_terry ul,
#stories_david ul,
#stories_andrew ul,
#stories_ra ul,
#stories_tim ul,
#stories_aiden ul,
#stories_robert ul,
#stories_jerome ul,
#stories_carl ul,
#stories_james ul,
#stories_stephen ul,
#stories_justin ul {
font-size: 11px;
line-height: 22px;
margin-left: 280px;
}

#stories_jimmy, 
#stories_rashon, 
#stories_toby,
#stories_terry,
#stories_david,
#stories_andrew,
#stories_ra,
#stories_tim,
#stories_aiden,
#stories_robert,
#stories_jerome,
#stories_carl,
#stories_james,
#stories_stephen,
#stories_justin {
padding: 0px 30px 0px 0px;
background-repeat: no-repeat;
margin: -5px 0px 20px -2px;
position: relative;
top: 0px;
border-bottom: 1px solid #80c2ff;
width: 670px!important;
}

#stories_toby {
background-image: url(http://www.getrealphilly.org/images/stories_pics/stories_toby.gif);
}

#stories_jimmy {
background-image: url(http://www.getrealphilly.org/images/stories_pics/stories_jimmy.gif);
}


#stories_rashon {
background-image: url(http://www.getrealphilly.org/images/stories_pics/stories_rashon.gif);
}

#stories_terry {
background-image: url(http://www.getrealphilly.org/images/stories_pics/stories_terry.gif);
}

#stories_david {
background-image: url(http://www.getrealphilly.org/images/stories_pics/stories_david.gif);
}

#stories_andrew {
background-image: url(http://www.getrealphilly.org/images/stories_pics/stories_andrew.gif);
}

#stories_ra {
background-image: url(http://www.getrealphilly.org/images/stories_pics/stories_ra.gif);
}

#stories_tim {
background-image: url(http://www.getrealphilly.org/images/stories_pics/stories_tim.gif);
}

#stories_aiden {
background-image: url(http://www.getrealphilly.org/images/stories_pics/stories_aiden.gif);
}

#stories_robert {
background-image: url(http://www.getrealphilly.org/images/stories_pics/stories_robert.gif);
}

#stories_jerome {
background-image: url(http://www.getrealphilly.org/images/stories_pics/stories_jerome.gif);
}

#stories_carl {
background-image: url(http://www.getrealphilly.org/images/stories_pics/stories_carl.gif);
}

#stories_james {
background-image: url(http://www.getrealphilly.org/images/stories_pics/stories_james.gif);
}

#stories_stephen {
background-image: url(http://www.getrealphilly.org/images/stories_pics/stories_stephen.gif);
}

#stories_justin {
background-image: url(http://www.getrealphilly.org/images/stories_pics/stories_justin.gif);
}

#stories_jimmy p,
#stories_rashon p, 
#stories_toby p, 
#stories_terry p,
#stories_david p,
#stories_andrew p,
#stories_ra p,
#stories_tim p,
#stories_aiden p,
#stories_robert p,
#stories_jerome p,
#stories_carl p,
#stories_james p,
#stories_stephen p,
#stories_justin p {
margin: 0px 0px 0px 280px;
}

.blogstories {
margin-top: 28px;
margin-bottom: 18px;
width: 690px!important; 
overflow: hidden;
}

.contentpaneopenstories h3 {
font-size: 13px;
margin: 10px 0px 10px 0px;
position: relative;
left: -13px;
}

.contentpaneopenstories h3 a:link, 
.contentpaneopenstories h3 a:visited {
text-decoration: none;
color: #ffffff;
background-color: #5B59E6;
padding: 0px 30px 0px 15px;
z-index: 10;

}

.contentpaneopenstories h3 a:hover {
color: #e3ff05;
}

.contentpaneopenstories h4 {
color: #01c2a0;
font-size: 12px;
}

.contentpaneopenstories h5 {
font-size: 11px;
font-weight: normal; 
line-height: 18px;
margin: 0px;
}

img#stories_thumb {
margin-right: 10px;
border: 2px solid #80c2ff;
border-left: 0px;
position: relative;
z-index: 9;
left: -2px;
}

.contentpaneopenstories {
width: 690px!important;
}




/* ------------------------------
STORY form  */


.leftcol, .leftcol2 {
width: 100px;
text-align: right;
color: #80c2ff;
}

.moduletableSform .inputbox{
border: 1px solid #ac2d93;
width: 500px !important; 
padding: 3px 0px 3px 3px;
}

.moduletableSform .req .inputbox {
width: 500px !important;
}


.moduletableSform .inputboxshort {
border: 1px solid #ac2d93;
width: 410px !important; 
padding: 3px 0px 3px 3px;
background-color: #E9FF8F;
}


.moduletableSform .inputboxshorter {
border: 1px solid #ac2d93;
width: 50px !important; 
padding: 3px 0px 3px 3px;
background-color: #E9FF8F;
}

.moduletableSform .button{
border: 1px solid #80c2ff;
width: 85px;
padding: 0px; 
background-color: #ffffff;
}

#ff_lbl13, #ff_lbl33 {
color: #ac2d93;
font-size: 11px;
}

.req_exp {
color: #0085ff;
font-size: 9px;
}


/* ------------------------------
footer */

#storyfooter {
width: 700px;
text-align: center;
background-color: #80c2ff;
padding: 0px; 
margin: 0px;
height: 40px;
padding-top: 10px;
margin-bottom: 10px;
position: relative;
left: 0px;
top: -35px;/*changed from to 0 FOR IE ONLY*/
}

#storyfooter img {
border: none;
}

.mod_contentitemstories_footer {
height: 40px!important;
padding: 0px;
margin: 0px;
}