/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
	background:#669900 url(images/bg1.jpg);
	margin:0 auto;
	background-position:center;
	
}

a {
	color:#669900;
	text-decoration:none;
}

img {
	border:none;
}

a:hover {
	text-decoration:underline;
} 

ol{
	margin-left:40px;
	}
/* main layer */



#wrapper{
	width:990px;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	background:#f6f7f7;
	
	}
	
	
/* header */

#header {
	width:100%;
	overflow:hidden;
/*	background:url(../images/bg-body.gif) repeat-x;*/


}

#header h1, .description {
	margin:0;
	text-indent:-9999px;
}

/* main logo */

#header h1 a {
	float:left;
	display:inline;
	position:relative;
	height:66px;
	width:600px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(images/logo.jpg) no-repeat;
	margin:20px 0 0 20px;
}

/* header navigation */

.header-nav {
	float:right;
	display:inline;
	position:relative;
	width:300px;
	margin:0px 0 0;
}

/* header navigation list */


.header-nav span {
	width:230px;
	height:100px;
	display:block;
	background:url(images/bg-header-text.gif) no-repeat;
	text-indent:-9999px;
	float:right;
	display:inline;
	position:relative;
}


#nav {
	width:100%;
	margin:0;
	padding:10px 0 0 0;
	background:#fff;
	padding-left:20px;
}

#inner #nav {
	margin:23px 0 0px;
	width:100%;
}



#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	z-index:120;
	width:100%;
	height:31px;
}

#nav ul li {
	float:left;
	height:31px;
	display:inline;
	position:relative;
}

#nav ul li a {
	margin-top:0px;
	height:31px;
	display:block;
	text-indent:-9999px;
}

#nav ul li a.home {
	background:url(images/home.gif) no-repeat;
	width:54px;
}

#nav ul li a.mobile {
	background:url(images/mobile1.gif) no-repeat;
	width:63px;
}

#nav ul li a.internet {
	background:url(images/internet1.gif) no-repeat;
	width:72px;
}



#nav ul li a.fixedline {
	background:url(images/fixedline1.gif) no-repeat;
	width:82px;
}

#nav ul li a.about {
	background:url(images/aboutus.gif) no-repeat;
	width:77px;
}

#nav ul li a.chat {
    background:url(images/chat.gif) no-repeat;
    width:51px;
}

#nav ul li a.tender {
    background:url(images/tender.gif) no-repeat;
    width:72px;
}

#nav ul li a.downloads {
    background:url(images/downloads.gif) no-repeat;
    width:89px;
}

#nav ul li a.links {
    background:url(images/links.gif) no-repeat;
    width:56px;
}

#nav ul li a.contact {
	background:url(images/contact.gif) no-repeat;
	width:91px;
}

#nav ul li a:hover {
	background-position:0 -30px;
}

/* content wrapper */

#content-wrapper {
	width:747px;
	margin-left:9px;
	float:left;
	display:inline;
	position:relative;
	font-family:Georgia, Times, serif;
	font-size:11px;
}



#banner{
	margin-bottom:10px;
	}
	
#banner img{ 
width:748px;
 background: #fff; 
 border-top: 2px solid #e0a213; 
 border-bottom: 2px solid #e0a213; margin: 0; }

.column-box {
	overflow:hidden;
	margin-left:-10px;
	width:748px;
	position:relative;
	margin-top:0px;

}

.column {
	width:226px;
	background:#f7f7f7;
	height:140px;
	border-top:0px solid #e0c101;
	float:left;
	margin:0 0 0 11px;
	display:inline;
	padding:5px 0px 10px 12px;
	position:relative;
}

/*news and column2 */

.news-column{
	overflow:hidden;
	margin-left:0px;
	width:740px;
	float:left;
	position:relative;
	margin-top:10px;
	display:inline;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:7px;
	color:red;
	
	}
	
.news {
	width:735px;
	background:#f7f7f7;
	min-height:100%;
	/*border-top:1px solid #e0c101;*/
	float:left;
	margin:0 0 0 0px;
	display:inline;
	padding:9px 0 0px 0px;
	position:relative;
	
}


* html .news{
	height:100%;
}

.news p{
	color:#333;
	text-align:justify;
	padding-left:9px;
	padding-right:0px;
	margin:10 0 0 0 0px;
	line-height:20px;
}

#newstable{
	border:0;
	margin-left:0px;
	width:740px;
	}
	
#newstable td{

	}
	
.news img{
	margin-left:10px;
	}
/* end column 1 and column2 */

/*quicklinks*/
dt, dd { margin:0;padding:0;}
.column{  }
.column dt { padding-bottom:5px; padding-top:10px; border-bottom:1px solid #b2b2b2; position:relative; top:-10px;  font-size:15px; color:#990; letter-spacing:0px; font-weight:bold; font-family:Helvetica, sans-serif; }
.column dd { line-height:1.2em; background:url(images/arrow.gif) no-repeat 1px 5px; padding-left:12px; padding-bottom:5px; font-family:helvetica, arial, serif;
	font-size:11.5px;}
.column a { color:#669900; text-decoration:none; font-size:12px; }
.column a:hover { color:#C93; }


/***post***/

.news h2{
	color:#669900;
	font-size:16px;
	margin-top:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-bottom:0px;
	padding:0px 0 5px 10px;
	font-family:helvetica, arial, serif;
	 border-bottom:1px solid #e0a213; 
	 
	/*
	padding:10px 0 5px 15px;
	font-size:15px;
	color:#666;
	text-decoration:underline;
	*/}
	
.news h3{
	color:#693;
	font-size:15px;
	margin-top:10px;
	letter-spacing:1px;
	margin-bottom:0px;
	padding:0px 0 0px 10px;
	font-family:helvetica, arial, serif;
	}
	
.post{
	text-align:justify;
	color:#333;
	
	}

.post p{
	margin-bottom:15px;
	font-family:helvetica, arial, serif;
	font-size:11.5px;
	line-height:20px;
	}
	
#date{
	margin-left:0px;
	font-style:italic;
	color:#666;
	font-size:11px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
	
	}


#content{
	float:left;
	display:inline;
	position:relative;
	padding:0 10px 0 10px;
	width:500px;
	font-family:Georgia, Times, serif;
	font-size:12px;
	line-height:20px;
	 border-top:1px solid #e0a213; 
	}

#content_single{
	float:left;
	display:inline;
	position:relative;
	padding:0 10px 0 30px;
	width:715px;
	font-family:Georgia, Times, serif;
	font-size:12px;
	line-height:20px;
	 border-top:1px solid #e0a213;
	}
	
#content h2, #content_single h2{
	color:#693;
	font-size:18px;
	margin-top:10px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	margin-bottom:15px;
	padding-bottom:5px;
	font-family:helvetica, arial, serif;
	}

#content h3, #content_single h3{
	color:#693;
	font-size:15px;
	margin-top:10px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	margin-bottom:5px;
	border-bottom:1px solid #ccc; 
	font-family:helvetica, arial, serif;
	}

	
/**table**/
table{
	border:1px solid #333;
	border-collapse:collapse;
	margin-bottom:20px;
	}
tr{
	height:25px;
	}
	
.first{
	font-size:14px;
	font-weight:bold;
	color:#666;
	background-color:#cc9;
	}
	
td{
	padding:5px;
	}
	
/* sidabar layer */

#sidebar {
	vertical-align:top;
	float:left;
	display:inline;
	position:relative;
	width:215px;
	overflow:hidden;
	margin-left:10px;
	
	font-family:helvetica, arial, serif;
	font-size:12px;
	
}

.webmail{
	background:url(images/mail.jpg) repeat-x 0 100%;
	position:relative;
	top:0px;
	height:225px;
	padding:0px;
	margin:5px 0 5px 0;
	border-top:2px solid #e0c101;
	border-bottom:2px solid #e0c101;
	font-family:helvetica, arial, serif;
	font-size:12px;
}

.button{
	border:0;
	background:#693;
	padding:3px 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#fff;
	height:25px;
	margin-top:10px;
	cursor:pointer;
	}
	
.button:hover{
	color:#ccc;
	}
	
.webmail form{
	padding:20px;}

/* advertisements layer */

.ads {
	
	border:0px solid #efecec;
	margin:0px 0 7px 0;
	clear:both;
}

.ads img {
	width:215px;
	border-top:2px solid #e0c101;
	display:block;
}


#onestopshop{
	padding:0px;
	line-height:20px;
	margin-left:3px;}
	
#onestopshop table{
	border:1px solid #ccc;
	padding:5px;}

#onestopshop h3{
	color:#693;
	font-size:12px;
	margin-bottom:5px;
	margin-top:10px;
	text-transform:uppercase;}
/**sidebar1**/

#sidebar-back {
	vertical-align:top;
	float:left;
	display:inline;
	position:relative;
	width:215px;
	overflow:hidden;
	margin-left:10px;
	margin-right:10px;
	margin-top:15px;
	font-family:helvetica, arial, serif;
	font-size:12px;
	
}
	
	


/* footer */

#footer {
	clear:both;
	padding:25px 0px 0 60px;
	background:url(images/footer.jpg) no-repeat;
	width:990px;
	height:160px;
}


.copyright {
	font-size:14px;
	margin-left:160px;
	padding-top:10px;
	color:#333;
	font-weight:bold;
	margin-bottom:30px;
}


h4{
	font-size:14px;
	color:#669900;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration:underline;
	padding-bottom:10px;
}

/*News */
#news{
	color:#333;
	line-height:17px;
	}

/*side nav */

#side_nav{
	width:215px;
	}
	
#side_nav ul{
		margin-left:-10px;
}
	
#side_nav li{
	background:/*#99cc66 */ url(images/sidebar.jpg);	
	padding:7px;
	margin-top:2px;
	border-bottom:2px solid #e0c101;
	}
	
#side_nav li a{
	color:#fff;
	margin-left:30px;
	font-size:12.5px;
	font-weight:bold;
	}


/*google ad */
#google{
	width:215px;
	min-height:60px;
	}
	
#google_footer{
	margin-left:200px;
	}
