/* CSS Document */

body
{
	background: #202020 url(http://www.1costadelsol.com/forums/graphite/misc/bg.gif);
	color: #adaeae;
	font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;	
	<!--changed from 5f7bb5-->
}
.link-button {
    border: 0;
    padding: 0;
    background: inherit;
    font: inherit;

    cursor:pointer;
    text-decoration:underline;
    color:#7d98d1;
	text-align:left;
    overflow: visible;
}
a:link, body_alink
{
	color: #5f7bb5;
}
a:visited, body_avisited
{
	color: #5f7bb5;
}
a:hover, a:active, body_ahover
{
	color:
}
.page
{
	background: #121212;
	color: #7e93bf;
	<--adaeae-->
}
td, th, p, li
{
	font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
	background: #000000;
	color: #cccc99;
	<!--555a5f forum last post threads-->
}
.tcat
{
	background: #000000  url(http://www.1costadelsol.com/forums/graphite/misc/cat_back.gif) repeat-x top left;
	color: #ff6600;
	font: bold 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	<!--changed from 8daada-->
}
.tcat a:link, .tcat_alink
{
	color: #8daada;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: #8daada;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #7d98d1;
	text-decoration: underline;
}
.thead
{
	background: #2b2b2b url(http://www.1costadelsol.com/forums/graphite/misc/strip_back.gif) repeat-x top left;
	color: #cccc99;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	<!--changed from 626262 ssems to effect table border font-->
}
.thead a:link, .thead_alink
{
	color: #cccc99;
}
.thead a:visited, .thead_avisited
{
	color: #cccc99;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #FF6600;
	text-decoration: underline;
}
.tfoot
{
	background: #121212;
	color: #adaeae;
}
.tfoot a:link, .tfoot_alink
{
	color: #5f7bb5;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #5f7bb5;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #5f7bb5;
}
.alt1, .alt1Active
{
	background: #181818;
	color: #8b8b8b;
	border-left: 1px solid #252525;
	border-top: 1px solid #252525;
	<!--changed from 626262-->
}
.alt2, .alt2Active
{
	background: #1d1d1d;
	color: #8b8b8b;
	border-left: 1px solid #252525;
	border-top: 1px solid #252525;
	<!--changed from 626262-->
}
td.inlinemod
{
	background: #000000;
	color: #5f7bb5;
}
.wysiwyg
{
	background: #2b2b2b;
	color: #8b8b8b;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	<!--changed from 7b7b7b-->
}
textarea, .bginput
{
	background: #2b2b2b;
	color: #7b7b7b;
	font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	<--7b7b7b->
}
.button
{
	background: #222222 url(http://www.1costadelsol.com/forums/graphite/misc/strip_back.gif) repeat-x top left;
	color: #7e93bf;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 2px solid #000000;
}
select
{
	background: #202020;
	color: #7e93bf;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000000;
	padding: 3px;
	<!--7e93bf-->
}
option, optgroup
{
	font-size: 11px;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
	color: #91aadf;
	font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
	color: #6a85be;
}
.navbar
{
	color: #cccc99;
	font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	<!--5d5d5e--Forums at top>
}
.highlight
{
	color: #FF0000;
	font-weight: bold;
}
.fjsel
{
	background: #3E5C92;
	color: #E0E0F6;
}
.fjdpth0
{
	background: #F7F7F7;
	color: #000000;
}
.panel
{
	background: #222222;
	color: #7b7b7b;
	padding: 10px;
	border: 1px solid #000000;
}
.panelsurround
{
	background: #222222;
	color: #7b7b7b;
	border: 1px solid #000000;
}
legend
{
	color: #ffcc66;
	font: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	<!--7b7b7b it looks good-->
}
.vbmenu_control
{
	background: #000000 url(http://www.1costadelsol.com/forums/graphite/misc/cat_back.gif) repeat-x top;
	color: #8daada;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #8daada;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #8daada;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #7d98d1;
	text-decoration: none;
}
.vbmenu_popup
{
	background: #000000;
	color: #777777;
	text-align: left;
	<!--changed from adaeae-->
}
.vbmenu_option
{
	background: #181818;
	color: #adaeae;
	font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	border-left: 1px solid #252525;
	border-top: 1px solid #252525;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #8daada;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #8daada;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #5f7bb5;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #1d1d1d;
	color: #ff6600;
	font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	border-left: 1px solid #252525;
	border-top: 1px solid #252525;
	<!--changed from aaaaaa-->
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #ff6600;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #ff6600;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #ff6600;
	text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 11pt; }


/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; 
border: 2px solid #000000;
padding: 4px;
}
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px;}

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }



/* ***** SETS LOGO AREA FOUND IN HEADER AND ALL OF IT'S PROPERTIES ***** */
#logo {
background-image: url(images/misc/randomlogos/rotate.php);
width: 780px;
height: 95px; 
float: left;
	margin: 0;
	padding: 0; 
}

/* ***** sets background for header area - No need to change this ***** */
#hdr {
background: #000000 url(http://www.1costadelsol.com/forums/graphite/misc/header_back.gif) ;
width: 100%;
height: 95px;
	margin: 0;
	padding: 0; 
}


/* ***** SETS HEADER RIGHT SIDE AREA FOUND IN HEADER AND ALL OF IT'S PROPERTIES ***** */


/* ***** NAVIGATION BOTTOM ***** */
#nav_btm {
background: #121212 url(http://www.1costadelsol.com/forums/graphite/misc/nav_btm_2.gif);
background-repeat: repeat-x;
width: 100%;
height: 10px; 
	margin: 0px;
	padding: 0px; 

}

#nav_shadow {
background: #121212 url(http://www.1costadelsol.com/forums/graphite/misc/nav_shadow_2.gif);
background-repeat: repeat-x;
width: 100%;
height: 3px; 
	margin: 0px;
	padding: 0px; 

}

/* ***** used to create shadow affect for sides ***** */
#brd_in {
border-left: 2px solid #0e0e0e;
border-right: 2px solid #0e0e0e;
}

/* ***** used to create shadow affect for sides ***** */	
#brd_outer {
border-left: 4px solid #191919;
border-right: 4px solid #191919;
}


/* ***** used for navigation background ***** */
#nav_back {
background: #28437c url(http://www.1costadelsol.com/forums/graphite/misc/nav_background_2.gif);
width: 100%;
height: 34px;
	margin: 0px;
	padding: 0px; 
	
}


.info {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #181818;
border-top: 1px solid #000000;
border-right: 2px solid #000000;
border-left: 1px solid #000000;
border-bottom: 2px solid #000000;
margin-bottom: 3px;
}

.announce_l {
background: #444444;
color: #c8c8c8;
border-left: 1px solid #252525;
border-top: 1px solid #252525;
}

.announce_r {
background: #2c2c2c;
color: #c8c8c8;
border-left: 1px solid #252525;
border-top: 1px solid #252525;
}

.stuck {
background: #2c2c2c;
color: #c8c8c8;
border-left: 1px solid #252525;
border-top: 1px solid #252525;
}

.spacer {
padding: 7px 7px 7px 7px;
} 


/* ***** Navigation Link Text Properties  ***** */
.h_nav	{
color: #767663;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-align: center;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.h_nav a:link
{
	color: #91aadf;
	text-decoration: none;
}
.h_nav a:visited
{
	color: #91aadf;
	text-decoration: none;
}
.h_nav a:hover, .h_nav	a:active
{
	color: #abc2f2;
	text-decoration: none;
}
-->
</style>

<!-- / CSS Stylesheet -->



<!-- vBlogetin Edit -->
<style type="text/css">
<!--
.invisibleBlog {
	background: #FFFFCC;
}

.deletedBlog {
	background: #FFCCD7;
}

.invisibleEntry {
	background: #FFFFCC;
}

.deletedEntry {
	background: #FFCCD7;
}

.invisibleComment {
	background: #FFFFCC;
}

.deletedComment {
	background: #FFCCD7;
}
-->
</style>
<!-- End vBlogetin Edit -->

#wrapper {
	text-align: left;
	width: 780px;
	margin: 0 auto;
	background-color: #121212;
	

}

#header, #welcome, #subnav, #footer {
	clear: both; 
	width: 100%;
}

#header {
	background-image: url(http://www.benarraba.com/images/New%20Folder/benarraba_title_1000x100.gif);
	height:100px;
	background-repeat: no-repeat;
}

#welcome
{
	background-color: #F6D675;
	color: #2A2F55;
	font-family: Arial;
	font-size: 12px;
	list-style: square;
	text-align: justify;
	text-decoration: none;
	border-top: 1px solid #BE932B;
	border-right: #BE932B;
	border-bottom: #BE932B;
	border-left: #BE932B;	
}
#subnav {
	background: url(http://www.benarraba.com/images/New%20Folder/linea.gif) repeat-x;
	padding: 1px 0;
	border-bottom: #86680C 1px solid;
	border-top: #BE932B 1px solid;
	list-style: square;
	text-align: justify;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 2px;
	}

#footer {
	background: #F4E2A7;
	color: #2A2F55;
	font-family: Arial;
	font-size: 12px;
	list-style: square;
	text-align: justify;
	text-decoration: none;
	border-top: #BE932B 1px solid;
	border-right: #BE932B 1px solid;
	border-bottom: #86680C 1px solid;
	border-left:  #BE932B 1px solid;
	}


/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper {
	text-align: left;
	width: 780px;
	margin: 0 auto;
	background-color: #121212;
	

}

#contentfloatholder {/* right faux column tab */
float: left;
width: 100%;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    display: block; 
	height: 0px;
    clear: both; 
    visibility: hidden;
}

#center {
	margin: 0 175px 0 175px;
}
#center img{
padding-left: 0px;
padding-right: 5px;
}


#centerwrap {
  	float:left;
  	width: 100%;
	margin: 0 -95% 0 0;
}

#left {
  float:left;
  width: 170px;
  margin: 0 0 0 -5%;
}

#left img{
padding-left: 5px;
padding-right:10px;
}

#right {
  float:right;
  width: 170px;
	margin: 0;
}

#right img{
padding-left: 5px;
padding-right:10px;
}

#myTable
{
	background-color: #1d1d1d;
	border-bottom: #000000 1px solid;
	border-left: #252525 1px solid;
	border-right: #000000 1px solid;
	font-size: 12px;
	list-style: square;
	text-align: left;
	letter-spacing: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 3px;
	text-decoration: none;
	margin-left: 10px;
	padding-left: 5px;		
		
		
}
#myTitle
{
	background-color: #181818;
	border-bottom: #000000 1px solid;
	border-left: #252525 1px solid;
	border-right: #000000 1px solid;
	border-top: #252525 1px solid;
	color: #dddd99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 3px;
	text-align: left;
	text-indent: 5px;
	text-decoration: underline;
	margin-left: 10px;
	}
.img
{
	float: left;
	position: relative;
	margin-right: 10px;
	display:  block;
	margin-bottom: 10px;
}


/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}

div h3, div p {
margin: 1em 0;
padding: 0 20px; 
}
.titlemain16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.titlesubmain14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.titlesubmain14red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #C62803;
}
.titlesubmain14redleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #C62803;
}
.titlesubmain10red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #C62803;
}
.titlesubmain12redleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #C62803;
}
.titlesubmain10redleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color: #C62803;
}
.titlesubmain12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}