#art_container
{
    width:620px;
    margin-left:5px;
    margin-right:5px;
}
.art_box
{
    width:600px;
    margin-bottom: 5px;
    clear:both;
    border:1px solid #aaa;
    height:auto;
}
.art_box p
{
	font-size:16px;
}


.art_box img
{
    width:auto;
}

.art_box h1, .art_box h1 a
{
    color:#BB3333;
    font-family:georgia;
    font-size:22px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:700;
    line-height:normal;
    text-align:right;
    font:700 22px georgia;
    color:#b33;
}
.art_box a:hover h1
{
text-decoration: underline;
}
.art_box h2, .art_box h2 a
{
    font-family:georgia;
    font-style:normal;
    font-weight:700;    
    font:700 18px georgia;
    color:#55f;
}

.art_box h3, .art_box h3 a
{
    font-family:tahoma;
    font-style:normal;
    font-weight:700;    
    font:700 14px georgia;
    color:#118;
}

.art_comment
{
display:block;
margin:5px;
border:1px solid #dedede;
background:#f3f3f3;
padding:3px;
}
.art_comment b
{
font:700 14px tahoma;
color:#006;
display:block;

width:100%;
}


.journal_add_ons
{
padding-left:10px;
float:left;
text-align:center;
}


#topbox
{
height:auto;
}
div#gal_box
{
border:5px solid #fff;
width:600px;
overflow:auto;
background:#003;
}
ul#gallery 
{
list-style: none;
display: block;
}

ul#gallery li
{
list-style: none;
display: block;
float: left;
width:130px;
height:130px;
overflow:hidden;
text-align:center;
vertical-align:middle;
}

ul#gallery li a img
{
margin:5px 10px 5px 10px;
border:1px solid #aaa;
padding:5px;
background:#eee;
}


#lavaLampBorderOnly {
    position: relative;
    width: 785px;
    background-color: #003;
    padding: 5px 20px 15px 20px;
    margin: 5px 0px 15px 0px;
    overflow: hidden;
    border: 5px solid #fff;
    text-align:center;
}
#lavaLampBorderOnly li {
    float: left;
    list-style: none;
}
#lavaLampBorderOnly li.back a {
	color:#000;	
}
#lavaLampBorderOnly li.current
{
    border: 1px solid #aaa;
    color:#fff;

}
#lavaLampBorderOnly li.back {
    border: 1px solid #aaa;
    border-bottom:3px solid orange;
    background-color:#f8f8f8;
    width: 9px;
    z-index: 8;
    position: absolute;
    color:#000;
}

#lavaLampBorderOnly li a {
    font: bold 12px arial;
    text-decoration: none;
    color: orange;
    outline: none;
    text-align: center;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    position: relative;    
    margin: auto 10px;
}


.sourat_box
{
    width:180px;
    font:700 30px arial;
    text-align:center;
    float:right;
    display:block;
    clear:none;
    margin:5px;
}

.recitation_box
{
    direction: rtl;
    font:700 14px tahoma;
}

.recitation_box a
{
    display:block;
}
.recitation_box a:hover
{
    direction: rtl;
    color:#b33;
    
}
.art_comment{
background-color: #ececec;
width: 550px;
padding: 10px;
font:14px tahoma;
color:#b33;
margin-bottom:0px;
}

.commentfooter{
background: url(../images/commentarrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #bbb;
height:18px;
font:700 14px tahoma;
}