/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ page css */ 
body{  
padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
background-color:#fff;
background-image:url(/images/body-bg.jpg);
background-repeat:repeat;
background-position:left top;
background-attachment: fixed;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#6A3813;
font-weight:normal;
text-decoration:none;
}
#top-bg{
background-image:url(/images/bg_body.jpg);
background-repeat:repeat-x;
background-position:left top;
}

a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF3333; font-weight:normal; text-decoration:none; }
a:hover{ text-decoration:underline; }

h1, h2, h3, h4, h5, h6, p { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
img{ border:none; }

.ads-left{ padding:20px 0px 20px 20px; }
.ads-right{ padding:20px 0px 20px 30px; }
.line{ height:1px; background-color:#6A3813;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general css */ 



ul{ padding:0px 0px 0px 20px; margin:0px 0px 0px 0px; }

p, ul li, table tr td, ul li a{ 
font-family:Arial, Verdana, Arial Narrow, Helvetica, Sans-serif, Times New Roman; 
text-align:left; 
font-size:16px; 
line-height:20px; 
color:#602600; 
padding:0px 0px 10px 0px;
font-weight:bold;
}

h1, h1 a{ 
font-family:Trebuchet MS, Arial, Verdana, Arial Narrow, Helvetica, Sans-serif, Times New Roman; 
font-size:22px; 
line-height:30px; 
color:#602600; 
font-weight:bold; 
text-decoration:none; 
padding:8px 0px 10px 0px;
}

h2, h2 a{ 
font-family:Trebuchet MS, Arial, Verdana, Arial Narrow, Helvetica, Sans-serif, Times New Roman; 
font-size:16px; 
line-height:20px; 
color:#602600; 
font-weight:bold; 
text-decoration:none; 
padding:0px 0px 10px 0px;
}

h3, h3 a{ 
font-family:Trebuchet MS, Arial, Verdana, Arial Narrow, Helvetica, Sans-serif, Times New Roman; 
font-size:14px; 
line-height:18px; 
color:#602600; 
font-weight:bold; 
text-decoration:none; 
padding:0px 0px 0px 0px;
}

h4, h4 a{
font-family:Arial, Verdana, Arial Narrow, Helvetica, Sans-serif, Times New Roman;
font-size:12px; 
line-height:16px; 
color:#fff; 
font-weight:bold; 
text-decoration:none; 
padding:3px 0px 3px 10px; 
margin:5px 0px 0px 0px;
background-color:#5a3a09;
}

h5, h5 a{
text-align: center;
font-family:Trebuchet MS, Arial, Verdana, Arial Narrow, Helvetica, Sans-serif, Times New Roman; 
font-size:16px; 
color:#602600; 
font-weight:bold; 
text-decoration:none; 
line-height:18px; 
padding:5px 0px 5px 0px;
}

.links{
color:#000000;
font-size:12px !important;
font-weight:normal !important;
line-height:16px !important;
padding:3px 0px 0px 0px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ page css */ 

#page{
width:1100px;     /*1240*/
text-align:left;
margin:0px 0px 0px 97px;
padding:0px 0px 0px 0px;
background-image:url(/images/bg_page.jpg);
background-repeat:no-repeat;
background-position:left top;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */ 

#header{ height:175px; position:relative; 
}
#header .logo{ position:absolute; top:30px; left:22px; }
#header .twitter{ position:absolute; top:70px; left:695px; }
#header .data{ position:absolute; top:105px; left:880px; }
#header .verset{ position:absolute; top:20px; left:800px; }
#header .data, #header .verset{
font-family:Georgia, Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
font-weight:normal;
color:#dbb761;
font-style:italic;
text-decoration:none;
}

#header .share-this{ position:absolute; top:18px; left:690px; }
#header .share-this a{
color:#6A3813;
font-weight:bold;
}

#header .header-nav{
display:none;
position:absolute; top:80px; left:290px;
width:511px;
height:34px;
background-image:url(/images/bg_topnav_511x34.gif);
background-repeat:no-repeat;
background-position:left top;
}

#header .header-nav a{
font-family:Arial, Verdana, Arial Narrow, Helvetica, Sans-serif, Times New Roman;
font-size:13px;
color:#DABB82;
font-weight:bold;
text-decoration:none;
line-height:16px;
padding:0px 23px 0px 23px;
text-transform:uppercase;
}
#header .header-nav a:hover{ text-decoration:underline; }
#header .header-nav-wrapper{ padding:7px 0px 0px 60px; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ page-nav css */ 

#page-nav{ padding:0px 0px 20px 0px; width:160px; }
#page-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none;}
#page-nav ul li{ 
background-image:url(/images/sb-marker.gif);
background-repeat:no-repeat;
background-position:left 5px;
padding:0px 0px 0px 10px;}
#page-nav ul li a{
font-family:Verdana, Arial, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#6A3813;
text-decoration:none;
}
#page-nav ul li a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle css */ 

#middle{ width:1100px;}
#middle .middle-wrapper{ padding:0px 0px 20px 0px; }

#left-column{
width:849px;
float:left;
}

#left-column .left-column-bg{
background-image:url(/images/content-bg.jpg);
background-repeat:repeat;
background-position:left 70px;
}

#bg-bottom{
background-image:url(/images/bg_footer.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left css */ 

#left{ float:left; width:240px; }
#left .left-wrapper{ padding:0px 15px 30px 15px; }
#left .left-line{height:11px; background-image:url(/images/line_left_207x11.gif); background-repeat:no-repeat; background-position:left top;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */ 

#content{ float:left; width:588px; border-left:1px solid #602600; }
#content .content-wrapper{ padding:0px 30px 30px 20px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right css */ 

#right{ float:left; width:250px; }
#right .right-wrapper{ padding:0px 0px 30px 10px; }

#right .main-page-wrapper{ padding:40px 110px 0px 40px; }
#right .main-page-wrapper p{ line-height:25px !important; }

#right-ads{ float:left; width:120px; }
#right-ads .right-ads-wrapper{ padding:50px 0px 0px 0px; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ bottom css */ 

#bottom{ height:60px; position: relative;}
#bottom .note{ position:absolute; top:7px; left:300px; }
#bottom .note, #bottom .note a{
font-family:Verdana, Arial, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
font-weight:normal;
color:#888;
text-decoration:none;
}
#bottom .trafic{ position:absolute; top:5px; left:10px; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ css */ 

.search-box{ width:220px; text-align:left; }
.search-box .search-box-wrapper{ padding:0px 10px 5px 0px; }
.search-box form{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.search-box table{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.search-box table tr td{ 
font-family:Verdana, Arial, Arial Narrow, Helvetica, Sans-serif, Times New Roman; 
font-size:13px; 
color:#5a3010; 
font-weight:bold; 
text-decoration:none; 
line-height:14px; 
padding:2px 0px 0px 0px;
}
.search-box table tr td input, .search-box table tr td select{ 
width:114px; 
height:18px;
font-family:Arial, Verdana, Arial Narrow, Helvetica, Sans-serif, Times New Roman;
font-size:12px; 
color:#000; 
font-weight:normal; 
text-decoration:none; 
border:none;
}
.search-box table tr td .radio{ width:25px !important;}
.search-box table tr td .cauta{ width:114px; height:19px;}
.search-box table tr td .search_term{ width:180px !important;}
.search-box table tr td .google-submit{ width:25px !important; height:18px !important;}
.chapter_text{height: 500px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ exceptions css */ 
.no-border{ border:none !important; }
.no-background{ background:none !important; }
.bolder{ font-weight:bold; }
.italic{ font-style:italic; }
.ucase{ text-transform:uppercase; }
.red{ color:#f00 !important; }
.brown{ color:#6A3813 !important; }
.magic{ clear:both; }
.referinta{ font-weight:bold !important; font-style:italic; text-decoration:underline;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ contact form css */ 





.back{
background : url(/images/body-bg.jpg) repeat top left;
}

  .sb-bot  {
position : relative;
background : url(/images/sidebar-bottom.jpg) repeat-x center bottom;
margin-top : 15px;
}
.sb-top {
position : relative;
background : url(/images/sidebar-top.jpg) repeat-x center top;
}
.sb-right {
position : relative;
background : url(/images/sb-border.gif) repeat-y right top;
}
.sb-left {
position : relative;
background : url(/images/sb-border.gif) repeat-y left top;
}
.sb-rb {
position : relative;
background : url(/images/sidebar-rb.jpg) no-repeat right bottom;
}
.sb-lb {
position : relative;
background : url(/images/sidebar-lb.jpg) no-repeat left bottom;
}
.sb-rt {
position : relative;
background : url(/images/sidebar-rt.jpg) no-repeat right top;
width : 100%;
}
.sb-lt {
position : relative;
background : url(/images/sidebar-lt.jpg) no-repeat left top;
padding : 10px 10px 15px 10px;
overflow : hidden;
} 

.content  {
background-image:url(/images/bg_content.jpg);
background-repeat:repeat-x;
background-position:left top;
}
.cont-r {
background : url(/images/border.gif) repeat-y right top;
}
.cont-l {
background : url(/images/border.gif) repeat-y left top;
} 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ css folosit cu jQuery */ 

#mask { 
    background:#7c511a url(/images/mask_gradient_1000.png) no-repeat; 
    background-position:100px 100px; 
}