/*
Theme Name: Jubbsilicous
Version: 1.0
Author: Jubbs
Tags: simple, clean, fixed width, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS

*/

body {
font-family : 'Trebuchet MS', Arial,Tahoma;
font-size : 13px;
color : #8D8D8D;
	margin: 0 0 20px 0;
	padding: 0;
	background: #50777f url("images/bg_body2.jpg") repeat-x top left; 
  overflow-x: hidden;
 
}


a {
color : #516C94;
text-decoration : none;
}
a:hover {
color : #4c4c4c;
text-decoration : none;
}
img {margin:0; padding:0;}
a img {border:0;}
p {
padding : 5px 0;
margin : 0;
}

/*  ====================== Page Structure ======================= */

#header-wrapper {
width : 100%;  height:90px;
background : url(images/bg_body2.jpg) repeat-x ;
}


#header {
width : 990px; height:90px;margin:0 auto;
background : url(images/bg_body2.jpg) repeat-x ;
}
#header .hleft{
width : 20px; height:90px;float:left;
}
#header .hmain{
width : 953px; height:90px;float:left;
background : url(images/bg_header2.jpg) no-repeat ;
}
#header .hrt{
width : 17px; height:90px;float:left;
}

#wrapper {
  width : 990px; margin:0 auto; padding:0;
}

#main-content {
width : 990px; 
background : #f0f0f0;
min-height:300px;
}

#front-content {
width : 990px; 
background : #f0f0f0;
}

#content{
width : 640px; float:left; margin:0;padding:20px;
background : #f0f0f0;
}


#sidebar {
width : 280px; float:left; padding:0 0 0 21px; margin-top:20px;
}

#footer {
width : 960px; height:50px;padding:4px 0 0 30px; background : url(images/footer-bg.gif) repeat-x;
}

/*  ====================== Header ======================= */

div#header h1 a {
	display: block;
	width: 510px;
	height: 80px;
}

div#header h1 a span { display: none; }

.hmain .htop{height:196px;}
.htop .htleft{height:196px;  width:633px;float : left;} 
.htop .htright{height:133px; width:319px;float : left; margin:63px 0 0 0;} 

#logo {position: relative; left: 10px; width:310px; height: 90px; background:url(images/cgeye_logo.jpg) no-repeat;}

.htop .htleft .logo h1{margin:0; padding:0; display:block; }
.htop .htleft .logo h1 a, .htop .htleft .logo h1 a:hover {display:block; width:200px;height:91px;text-decoration:none;}
.hmain #nave1{height:43px;}

.hmain #searchbox{
top: -78px;
width: 200px;
position: relative;
margin-left: 670px;
}
.hmain #feed{
top: -138px;
width: 200px;
position: relative;
margin-left: 860px;
}

#logo1{height:91px;margin:69px 0 0 0; color : #ffffff; }
#logo1 a {color : #ffffff; text-decoration : none; font-family : 'Trebuchet MS', Arial,Tahoma; font-size : 34px;}
#logo1 .description {color : #ffffff; font-family : Tahoma, Arial,'Trebuchet MS'; font-size : 16px; font-weight: bold; }

/* --------- Navigation -------- */
#nav1 ul {left:450px; top:-41px; position: relative; margin : 0; padding : 0; list-style : none;}
#nav1 li {
float : left; font-size : 14px; margin:2px; padding:0; background: #1f3f46;
text-align:center;
font-family : Arial,Tahoma;
font-weight:bold;
color : #516C94;
text-transform: uppercase;}

#nav1 .homenav {
float : left; font-size : 14px; margin:2px; padding:0; background: #f0f0f0 ;
text-align:center;
font-family : Arial,Tahoma;
font-weight:bold;
color : #516C94;
text-transform: uppercase;}

#nav1 .homenav a:hover{
display:block;
color : #516C94;
background: #f0f0f0 ;
width:85px;height:18px;
padding : 11px 5px 10px 5px;
}

#nav1 .page_item {
float : left; font-size : 14px; margin:2px; padding:0; background: #f0f0f0 ;
text-align:center;
font-family : Arial,Tahoma;
font-weight:bold;
color : #516C94;
text-transform: uppercase;}

#nav1 .page_item a:hover{
display:block;
color : #516C94;
background: #f0f0f0 ;
width:85px;height:18px;
padding : 11px 5px 10px 5px;
}

#nav1 li a {
color : #516C94;margin:0;
text-decoration : none;
display:block;
width:85px;height:18px;
padding : 11px 5px 10px 5px;
}
#nav1 li a:hover {
background : #1f3f46;
color : #FFFFFF;
text-decoration : none;
display:block;margin:0;
width:85px;height:18px;
padding : 11px 5px  10px 5px;
}

/*  ================================= Conatent ============================= */

/* -------------------------- Posts ----------------------------- */
.post {width:100%; padding-bottom:20px;}
.post h2 {margin:0;padding:0; font-size:21px; color:#000000; float:left; padding:0 0 3px 0;}
.post h2 a {color:#000000; text-decoration:none; }
.post h2 a:hover{color:#4c4c4c; text-decoration:none;}
.post p.by {font-size:13px; float:left; padding:7px 0 5px 10px; }

.entry {width:100%; padding:10px 0; color: #4c4c4c;}

.info {height:35px;font-weight:bold;}
.info a {text-decoration:none; }
.info a:hover{text-decoration:none;}
.info p{padding-top:7px;}

.info .left{height:35px; float:left; width:10px;
background : url(images/post-intro-left.gif) no-repeat;}

.info .rt{height:35px; float:left; width:9px;
background : url(images/post-intro-rt.gif) no-repeat;}

.info .sp{height:35px; float:left; width:22px;
background : url(images/post-intro-sp.gif) no-repeat;}

.info .main{height:35px; float:left;
background : url(images/post-intro-bg.gif) repeat-x;}

.info .category {
font-size : 16px;
font-family : Arial,Tahoma;
color : #516C94;
text-transform: uppercase;
}

.info .jubbs a{
display:block;
font-size : 14px;
font-family : Verdana,Tahoma;
text-decoration: none;
text-align: center;
width: 50px;
height: 50px;
padding : 8px 0 0 0;
color : #FFFFFF;
background : url(images/commentcount.gif) no-repeat;}
}


.entry {padding:5px 0 15px 0;}
/* --------------- SideBars ----------------*/

#sidebar ul {
list-style : none;
margin:0;padding:0;
}

#sidebar ul li {
list-style : none;
margin : 0;
padding : 0 0 0 0;
}


#sidebar ul li h2 {
margin:0; padding:5px 0 10px 10px;
width:181px;
line-height : 14px;
font-size : 14px;
font-family : Tahoma, Arial,'Trebuchet MS';
color : #476085;
font-weight : bold;
}

#sidebar ul ul {
list-style : none;
margin :5px;padding : 5px 0 37px 0;
border: solid 1px #c0c0c0;
background : #FFFFFF;
}
#sidebar ul ul ul{
list-style : none;
margin :0;padding : 0 0 0 0;
background : transparent;
}

#sidebar ul ul li {
list-style : none;
width:235px;
display:block;
margin : 0;
padding : 2px 0 0 22px;
background : url(images/articleicon.gif) no-repeat 10px 7px;
font-family : Tahoma, Arial,'Trebuchet MS';
font-size : 13px;line-height : 20px;
}
#sidebar ul ul li li {
list-style : none;
width:160px;
display:block;
margin : 0;
padding : 0 0 0 22px;
font-weight : bold;
background : url(images/li.gif) no-repeat 10px 7px;
font-family : Tahoma, Arial,'Trebuchet MS';
font-size : 13px;line-height : 20px;
}

#sidebar a {
margin : 0;padding : 0;
color : #4c4c4c;
text-decoration : none;
}
#sidebar a:hover {
color : #000000;
text-decoration :none;
}



/*  ================================= Footer ============================= */
#footer p{font-size: 13px; color:#eee;
  line-height:29px; margin:0; padding:13px 0 0 0;float:left;}
#footer a{ color:#CBD6E4; text-decoration:none;font-weight:bold;}
#footer a:hover{ color:#CBD6E4; text-decoration:underline;}

#footer a.f-l-logo {display:block;width:124px; height:29px;background:url(images/f-logo-2.gif) no-repeat;float:left;margin-top:29px;}
#footer a.f-l-logo:hover {text-decoration:none;}
#footer a.f-r-logo {display:block;width:352px; height:39px;float:right;margin:19px 20px 0 0;}
#footer a.f-r-logo:hover {text-decoration:none;}

/* Others */

.clr {clear : both; font-size:1px; line-height:1px;}

/* Search Form */
form {margin:0; padding: 0;}
.newsearchform {margin: 0 auto; width:162px; height:50px;
background:url(images/bg_searchbutton.jpg) repeat-x;
padding :5px 5px 5px 5px;
}
.newsearchform p{margin:0; padding :0; line-height:28px;}
.newsearchform input {float:left;}
.newsearchform input.txt {
margin :0 0 0 0; padding :0;
color : #516C94;background:white;
border : 0; width:160px;
font-size : 16px;
font-family: Arial;
height:22px;
}
.newsearchform input.btn {
width : 0;border : 0;
}



/* --------------------- common elements --------------------------- */
.navigation { display: block; color : #516C94; width:98%;padding-bottom:20px;}
h2.pagetitle, h2.center {margin:0;text-align: center; padding:10px 0 0 0; font-size:14px; color:#4A8336;}
h3 {padding: 0;margin: 5px; color : #4A8336; font-size:14px;}
.more-link {font-weight:bold;text-align:right;}
a.more-link, a:hover.more-link {float:right;}

p.postmetadata {margin:0; padding:10px;}
.alt { 	background-color: #F2F3F6;
border-top: 2px solid #516C94;
border-bottom: 2px solid #516C94;
	}

input, select, textarea {
   border: 1px solid #c0c0c0; color:#000000; background:#FFFFFF;
}
#commentform #submit {border:1px solid #000000; margin: 0; color:#FFFFFF; background:#254f7c; font-weight:bold;}

blockquote { border-left: 3px solid #516C94;}

ol.commentlist {margin:0;padding:0;}
.commentlist li { font-weight:normal;}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	}
code { font: 1.1em 'Courier New', Courier, Fixed; background:#ddd;}

/* Begin Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 80%;	}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;	}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { background-color: #424242; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;	}
#wp-calendar a {text-decoration: none;	}
#wp-calendar caption { 	text-align: center; }
#wp-calendar th { font-style: normal;text-transform: capitalize;}
#wp-calendar #today {font-weight:bold;color:#4E8A39;}
/* End Calendar */
.smallattachment {text-align: center; float: left;margin: 5px 5px 5px 0px;}
.attachment {text-align: center; margin: 5px 0px;}

/* Begin Images */
p img {	padding: 0;	max-width: 90%;	}
img.centered { display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;	}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
/* End Images */

/* Begin Lists */
.entry ol,.entry ul {padding: 5px 0 5px 35px; }
.entry ol,.entry ul a {color: #4c4c4c; }
.entry ol,.entry ul a:hover {color: #000000; }
.entry li {margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style: none;}

/* Begin Form Elements */
.entry form { text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 80%; padding: 2px;}
/* End Form Elements */

/* Begin Comments*/
.alt { 	margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify;}
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p {margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0;	}
.nocomments { text-align: center;}
.commentmetadata {display: block;font-size:10px;font-weight:normal;}
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { 	cursor: help;}
acronym, abbr { border-bottom: 1px dashed #424242; }
blockquote { margin: 15px 30px 0 10px;padding-left: 20px;}
blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center;}

hr { border: 0;
color: #c0c0c0;
background-color: #c0c0c0;
height: 1px;
width: 100%;
}

.alignright { float: right;	}
.alignleft { float: left;}
.navigation .alignright { width:48%; text-align:right; 	}
.navigation .alignleft {width:48%; text-align:left;}
/* End Various Tags & Classes*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }