/*  
Theme Name: Red
Theme URI: ```````````````
Description: The Red Version: theme
Author: Tasos Baltas
Author URI: ````````````````

*/


html, body { margin: 0; padding: 0;}
html { background: #380101 url(images/page_top.gif) top left repeat-x; color: #666; font: 76% Arial, Helvetica, sans-serif; text-align: center;	}
body { text-align: left; width: 925px; margin: 0 auto; line-height: 1em;	}

/*  Baseline values for browser consistency */

p, div, h1, h2, h3, h4, h5, ul, li { margin: 0; padding: 0;	}
img { margin: 0; padding: 0; border: 0;	}
ul { list-style: none;	}

a:link, a:visited, a:active { color: #0e7fc7; text-decoration: none; outline: 0;	}
a:hover { text-decoration: none
color:;
	color: teal;
}

blockquote {
 background-color: transparent;
 border-left: 2px solid #ccc;
 margin: 4px 0 15px 4px;
 padding: 1px 8px 1px 12px;
}

.clear { clear: both; height: 0px;	}
.hide { display:none;	}

.left {float: left;}
.right {float: right;}

/* @end */
#header {
margin: 45px 0 20px 0;
}
/* @group SuperNav */

#masthead { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: right; width: 925px; margin: 0 auto;}

#login { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 73px; float: right; height: 73px; color: #8B321F;}
	#login img { vertical-align: sub; padding-right: 3px;	}
	#login .greeting { color: #fff;	}
	#login a:link, #login a:visited { color: #E73800;	}

/* @end */

/* @group SiteNav */

#siteNav { background: #DE2600 url(images/nav_bg00.gif) top left no-repeat;	}

	#siteNav li a:link, #siteNav li a:visited { background: transparent url(images/site_nav.gif) bottom right no-repeat; color: #fff;	}
	#siteNav li a:hover { background: #EE724A url(images/site_naw.gif) bottom left repeat-x; color: #fff;	}
#siteNav li.current a:link ,#siteNav li.current a:hover { background-color: #ffffff; background-image: none; cursor: default; color: #37454e; border-bottom: 1px solid #fff;	}




/* @group Page Structure */

#header { clear: both;	}

#wrapperWit { background: transparent url(images/wrapper_.gif) top left repeat-y; border-top: 1px solid #fff;	}
	#wrapperWit #content { width: 577px; padding:0 0 40px 25px;float:left; }
	#wrapperWit #gooey { background: transparent url(images/wrapper_.gif) bottom left no-repeat;}

/* HOME PAGE*/
#home #wrapperWit { background-color: #fff; background-image: none; border-top: 1px solid #fff;	}
#home #wrapperWit #gooey { background: transparent url(images/wrapper_.gif) bottom left no-repeat;	}

#home #content h3 { font-family: Arial, Verdana, sans-serif; 
    font-weight: normal; 
    letter-spacing: -.01em; 
    line-height: 1em; 
    text-align: left; 
    font-size: 25px; 
    padding: 25px 0 10px 0; 
    margin: 0;
    height:30px;
    color:#FF3A00;	
   }
   
#home #content h4 {  margin: 0; padding: 0; line-height: 1em; font-size: 14px; padding: 10px 0 5px 0; margin: 0;color:#333;	}
	


	

#gooey:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;	}

#home_banner { background: #ffffff url(images/ci_main0.jpg) top left no-repeat;height: 120px; width: 925px;}
	#home_banner ul { float: right; width: 286px; color: #fff; margin-top: 27px; line-height: 14px;	}
	#home_banner ul li { clear: left;}
	#home_banner ul li a { color: #fff; padding: 9px 0 10px 0; display: block; width: 250px;height:31px;	}
	#home_banner ul li a:hover { background-color: #3E0000; text-decoration: none;}
	#home_banner ul img { float: left; clear: left; padding: 0 10px 0 6px; position: relative; top: -3px; left: 0; }
	#home_banner ul a em { font-size: 11px; color: #F46830; font-style: normal;}

#content { color: #444; padding-top: 1px;	}
	#content p{ line-height: 16px; }
	#content h2 { font-family:  Arial, Verdana, sans-serif; font-weight: normal; line-height: 1em; text-align: left; font-size: 25px; padding: 25px 0 10px 0; margin: 0;color:#FF3A00;	}
	#content h3 { line-height: 1em; font-size: 14px; padding: 15px 0 5px 0; margin: 0;color:#333;	}
	#content .date {color:#999;font-size:12px;}
	#content .entries h3{padding:0;}
	#content .entries {padding: 0 0 30px 0;}
	#content .entries p {padding: 4px 0;}

#column1,#column2 {width: 43%;float: left;padding: 5px 0 20px 40px;line-height: 16px;list-style-image: url("images/bullet00.gif");}
#column1 {padding-left: 20px;}
#column2 {padding-left: 45px;}

#column1 li, #column2 li { padding: 5px 0;}

#home #news { float: right; width: 250px;padding: 0 25px;	margin: 35px 0;	border-left: 1px solid #ccc;}

/*News Image Replacement */
#home #news h4{	background: url(images/text_cod.gif) top left no-repeat;	width: 165px;	height: 16px;	overflow: hidden;	}
	#home #news h4 span{ height: 0px;width: 0px;overflow: hidden;display: block;font-size: 1px;}

#home #news h5{ font-size: 13px;padding: 15px 0 2px 0;}
#home #news em.date {font-size: 11px;color: #999;font-style: normal;}
#home #news p{margin:0;padding: 4px 0;line-height: 15px;}
#home #news p.archives{	margin:0;	padding: 15px 0 10px 0;	line-height: 15px;}

/* @end */


#footer { margin: 25px 0;	color: #C4BAB2;font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; text-align: center; }	
	#footer a:link, #footer a:visited { color: #fff;	}


.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 0;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}


/* @end */



/* code elements */

code {
	white-space:			nowrap;
}

.codeblock {
	background-color:		#fbfbfd;
	border:					1px solid #dae0e4;
	font-size:				10px;
	margin:					10px 4px;
	padding:				8px;
	overflow:				auto;
}

.comments .codeblock {
	width: 470px;
}

/* useful stuff for blogging about code, matches User Guide styles */

#content dfn {
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 color: #00620C;
 font-weight: bold;
 font-style: normal;
}
#content var {
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 color: #8F5B00;
 font-weight: bold;
 font-style: normal;
}
#content samp {
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 color: #480091;
 font-weight: bold;
 font-style: normal;
}
#content kbd {
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 color: #A70000;
 font-weight: bold;
 font-style: normal;
}
ul#imgLinks {
list-style:none;
margin:5px 0;
}

#imgLinks li {
color:#7F7F7F;
line-height:1.2em;
padding:0 0 1px;
}

#imgLinks li a img {
border:3px solid #EEE;
width:145px;
height:74px;
color:#333;
font-weight:700;
}

#imgLinks li a:hover img {
border-color:#DDD;
}

#introIMG {
float:left;
margin:6px 8px 0 0;
overflow:hidden;
}

#introIMG img {
border:none;
padding:4px;
border:1px solid #BDBDBD;
width:140px;
}
#singleproduct {
float:left;
margin:6px 8px 0 0;
overflow:hidden;	
}
#singleproduct img{
border:none;
padding:4px;
border:1px solid #BDBDBD;
width:250px;
}

.rss_links h3 {
margin-bottom:5px;
}

.rss_links {
margin-bottom:20px;
}

.rss_links ul li {
background:url(images/rss.gif) no-repeat 0 3px;
color:#7F7F7F;
line-height:1.2em;
border-top:1px solid #BBB;
padding:3px 0 4px 16px;
}

.user_links h3 {
margin-bottom:5px;
}

.user_links {
margin-bottom:20px;
}

.user_links ul li {
background:url(images/user.gif) no-repeat 0 3px;
color:#7F7F7F;
line-height:1.2em;
border-top:1px solid #BBB;
padding:3px 0 4px 16px;
}

#featured {
padding:2px;
}

#featured img{
width:100px;
padding:4px;
margin:-2px;
border:1px solid #B6B6B6;
}

/* wordpress entries styling - main content column */
#postMain {
height:272px;
overflow:hidden;
margin-bottom:15px;
margin-top: 15px;
}

.postMeta {
background:url(images/dot.gif) repeat-x left center;
text-transform:uppercase;
font-size:11px;
text-align:right;
margin-bottom:5px;
}

.postMeta span.date {
background:#FFF;
color:#7F7F7F;
padding:0 2px 0 4px;
}

.postMeta span.comments {
background:#FFF url(images/user.gif) no-repeat left center;
padding-left:15px;
margin-left:2px;
}

.postMeta span.comments a,.postMeta span.date a {
color:#555;
}

.post {
margin:10px 0 0 10px;
}

.post h2 {
line-height:1.2em;
}

.post h2 a {
width:100%;
display:block;
outline:none;
}

.entry h3 {
margin:1em 0;
}

.post .entry {
line-height:1.8em;
overflow:hidden;
}

.post .entry p {
margin:5px 0;
}

.post .entry p a {
background:url(images/dot.gif) repeat-x bottom left;
font-weight:700;
}

.entry blockquote {
margin:0 1.3em;
}

.entry ul {
margin:0 1.3em;
list-style:none;
}

.entry li a {
color:#333;
font-weight:700;
background:url(images/dot.gif) repeat-x bottom left;
}

.entry ul li {
background:url(images/li.gif) no-repeat 0 1px;
padding-left:18px;
margin-bottom:7px;
}

.entry ol {
margin:0 1em 0 3em;
}

.entry ol li {
margin:0 0 7px;
}

.entry img,.entry a img {
/*border:3px solid #EEE;*/
}

.entry a:hover img {
border-color:#DFDFDF;
}

.entry table tr {
padding:15px 0;
}

.entry table tr.alt {
background:#eee;
}

/* style pagination buttons */
#more_reading {
color:#7F7F7F;
font-size:11px;
text-transform:uppercase;
margin-bottom:15px;
margin-top:15px;
text-align:right;
}

span.navback{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/arrow_prev.gif) top right no-repeat;
cursor:pointer;
}

span.navforward{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/arrow_next.gif) top right no-repeat;
cursor:pointer;
}

/* style me some comments and inputs */
#comments {
width:435px;
padding:12px 0 0;
}

#comment {
width:458px;
overflow:auto;
font:12px arial,helvetica,verdana,sans-serif;
}

h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color:#333 !important;
}

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}

ol.commentlist p {
margin-bottom:10px;
line-height: 20px;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
}

ol.commentlist li {
padding: 20px 10px 10px 10px;
}

ol.commentlist li.alt {
padding: 10px 10px 5px 10px !important;
border:1px solid #BBBBBB;
}

input#submit {
cursor:pointer;
margin:5px 0 15px 0;
}

#comment,#author,#email,#url {
border:1px solid #BBBBBB;
padding:2px;
margin:0 0 5px 0;
}

.labeltext {
padding:0 0 10px 0;
}
/* Tips */
.tool-tip {
color:#ccc;
width:150px;
z-index:13000;
}

.tool-title {
font-weight:700;
font-size:11px;
margin:0;
color:#fff;
padding:8px 8px 0 8px;
background:#192227;
text-align:left;
}

.tool-text {
font-size:11px;
padding:0 8px 8px 8px;
background:#192227;
text-align:left;
}

/******* table data ******/
.data{
	font-size:130%;
	text-decoration:underline;
}

/* tables of products */
.mytable {
	width: 100%;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}
th.none {
	border: 0;
	background: none;
}


td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}