/**------------------------------------------------------
* www.nafpaktia.com
*------------------------------------------------------**/
/* PAGE LAYOUT
--------------------------------------------------------*/
body{
background:#F5F5F5 url(h_bg.jpg) 0 0 repeat-x;
font-family:verdana, sans-serif;     font-size:12px;
text-align:center;
}
*{
margin:0;  padding:0;
text-align:left;
}
#topheader{
visibility: hidden;
}
#header{
background:url(header_bg.jpg) no-repeat;
height:110px; width:100%;
}
#wrapper{
width:90%;
}
#inner{
}
#inner-plain{
}
#float-wrap {
width:100%;
}
#left{
visibility: hidden;
}
#center{
margin:0 auto 0 200px; padding:10px;
float:right; width:100%;
}
#right {
visibility: hidden;
}
#footer{
visibility: hidden;
}
* html #inner{
width:100%;
}
/* FLOATS
------------------------------------------------------------------------*/
.clear{clear: both;}
.clr{clear: both; line-height:1px; height:1px;}
.fltright{float:right;}
.fltleft{float:left;}
.img-right{float:right; margin: 0 0 0 7px;}
.img-left{float:left; margin: 0 7px 0 0;}
/* SECONDARY CLASEES
-------------------------------------------------------------------------*/
.col-50{width:49%;}
.col-70{width:69%;}
.col-30{width:29%;}
.col-25{width:24%;}
.link-col{width:48%;}
h1{
font-size:1.4em;
font-weight: 600;
}
em{
font-size:1.1em;
font-weight: 600;
font-style: normal;
}
p{
text-align: justify;
margin:0 0 15px 0;
}
.half{ /*for blocks*/
width:240px;
margin:10px 10px 10px 0;
}
.half-left{ /*for blocks*/
width:240px;
margin:10px 0 10px 20px;
}
.taller{/*for lists and blocks*/  height:150px; }
.grey{
color: #666;
font-size: .9em;
}
.red {
color: #d00030;
font-weight: 700;
font-size: .7em;
}
.center{text-align:center; }
.center-div{
width:950px;
margin: 0 auto 0 auto;
}
.new{
font-size: .77em;
color:red;
}
.beta{
font-size: .77em;
color:green;
}

/* IMAGES
------------------------------------------------------------------------*/
img{
background: #f0f0f0;
padding:3px;
border:1px solid #aaa;
}
.tabcontent img, .featured img, .intro_article img, a img{
float:left;
margin:0 7px 0 0;
}
.thub{
float:left;
width:40px;
height:35px;
}
.bigger_thub{
width:55px;
height:50px;
}
.intro img{
float:left;
width:30px;
height:30px;
margin: 0 10px 0 0;
}
/* ANCHORS
--------------------------------*/
.tabcontent a.read-more:link,
.tabcontent a.read-more:visited,
.we-suggest a.read-more:link,
.we-suggest a.read-more:visited{
/*background:url("icon_more.jpg") no-repeat top right;*/
padding:1px 20px 3px 0;
font-weight: 600;
color:#fd7f32;
margin: 0 0 0 370px;
}
.tabcontent  a.read-more:hover,
.tabcontent a.read-more:active,
.we-suggest a.read-more:hover,
.we-suggest a.read-more:active
{ color: #999; }
a:link,
a:visited{
color: #fd7f32;
text-decoration: none;
}
a:hover,
a:active{
text-decoration: none;
color: #999;
}
a.archive {
padding: 0 0 0 55px;
font-size:.9em;
}
.dots{
color: #fd7f32;
font-weight: 600;
font-size:.7em;
}
/* TOP
------------------------------------------------------------------------*/
.logo{
margin-top:5px;
display: block;
float:left;
width:276px;
height:77px;
}
.logo img{
border:0px;
background-color: transparent;
padding:0;
}
.small-logo img{
margin-top:20px;
width:145px;
border:0px;
background-color: transparent;
padding:0;
}
.flash-header{  float:right;  }
#topheader a:link,
#topheader a:visited,
#topheader a:active{
padding: 0 6px 0 7px;
font-size: .9em;
color:#fd7f32;
text-decoration: none;
}
#topheader a:hover{
color:#000;
text-decoration: none;
}
.top-search{
text-align: right;
float:right;
margin: 30px 5px 0 0;
}
.top-search .search-btn, .search-btn{
padding: 0 0 2px 0;
background: url(btnbg.jpg);
width: 95px;
height:21px;
border:0;
text-align: center;
font-size: .8em;
}
.top-search input{
border:0;
background: url(inputbg.jpg);
height:21px;
}
a.blue{
background: url(style_blue.gif);
width:17px height:17px;
}
a.green{
background: url(style_green.gif);
width:17px height:17px;
}
a.red{
background: url(style_red.gif);
width:17px height:17px;
}
a.orange{
background: url(style_orange.gif);
width:17px height:17px;
}
a.yellow{
background: url(style_yellow.gif);
width:17px height:17px;
}

/* CENTER
--------------------------------------------------------------------------------*/

/* ARTICLES PAGE
--------------------------------*/
a.article-list:link,
a.article-list:visited{
color: #fd7f32;
}
a.article-list:hover,
a.article-list:active{
font-weight:600;
color: #fd7f32;
}
h1.place, h2{
font-size:1.4em;
font-weight: 600;
border-bottom: 1px solid #fd7f32;
padding: 0 0 4px 0;
}
.details{
padding: 3px 0 10px 0;
color: #666;
font-size: .9em;
}
.bottom-details{
border-top: 1px solid #f0f0f0;
padding: 8px 0 8px 0;
color: #666;
font-size: .9em;
text-align: right;
}
blockquote{
float: left;
width: 33%;
font-style: oblique;
background-image:url(starquote.gif);
background-position:top left;
background-repeat:no-repeat;
font-size: 1.7em;
padding-left:5px;
}
blockquote p{
text-indent:15px ;
background-image:url(endquote.gif);
background-position:bottom right;
background-repeat:no-repeat;
padding-right:10px;
}
/*pagination*/
ul#pages{
margin:0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
display: inline;
}
ul#pages li{
list-style-type: none;
display: inline;
}
ul#pages a, ul#pages a:visited{
padding: 0 5px;
text-decoration: none;
color: #fd7f32;
}
ul#pages a:hover, ul#pages a:active, ul#pages li.pgCurrent{
font-weight: bold;
padding: 0 5px;
color: #999;
}
/* COMMENTS
------------------------------------------------------------------------------------------------*/
.commentbox{
background-color: #ececec;
padding: 10px;
}
.commentfooter{
background: url(arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding: 1px 0 2px 58px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
div.comments-wrapper label{
float: left;
width: 120px;
font-weight: bold;
}
div.comments-wrapper input, div.comments-wrapper textarea{
width: 180px;
margin-bottom: 5px;
}
div.comments-wrapper textarea{
width: 250px;
height: 150px;
}
div.comments-wrapper .boxes{
width: 1em;
}
div.comments-wrapper .button{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}
div.comments-wrapper br{
clear: left;
}
h3.your-comments, h3.comments-invite{
margin: 20px 0 10px 0;
padding: 0 0 3px 0;
color:#444;
font-size: 1.3em;
border-bottom:1px solid  #fd7f32;
}
.button{
padding: 0 0 2px 0;
background: url(btnbg.jpg) top left no-repeat;
width: 100px;
height:21px;
border:0;
text-align: center;
font-size: .8em;
}