/*  
Theme Name: GPi
Theme URI: http://creativeslice.com/
Description: Theme for General Plasma Inc., March, 2007
Author: Creative Slice
*/

@import url("strip.css");

body {
	font: 77% arial, verdana, sans-serif;
	text-align: center;
	color: #333;
	background:  url(images/background-ddd.jpg) repeat-x #ddd;
border-top: 6px solid #f7f7f7;
}

a:link {
	color: #666;
}
a:visited {
	color: #666;
}
a:hover {
	color: #cc0001;
}

input {
	padding:2px;
	font-size: .9em;
}

hr {
border-top: 1px solid #ccc;
border-bottom: 1px solid #eee;
border-right: none;
border-left: none;
clear: both;
}

blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000;
	padding:0 20px 0 0;
	line-height:18px;
}

.alignleft {float: left;}
.alignright {text-align: right;}

small {color: #999;
font-style: italic;}

#wrapper {
 margin: 0 auto;
 width: 960px;
 position: relative;
}


#header {
width: 960px;
margin: 0 auto;
}

#headerlogo {
float: left;
height: 180px;
}
#headerimage {
float: right;
height: 180px;
}

.flashmovie {
text-align: center;
}


/* --------- Search ------------- */

#searchform {
line-height: 80px;
}
#searchform input#s {
width: 100px;
}

#s, #s2 {
display: inline;
float: left;
margin: 20px 5px 0 0;
}

/* -------------------- Nav -------------------- */



#left {
margin: 22px 20px 0 0;
}
#left, #left ul {
	list-style: none;
	float : left;
	width : 160px;z-index: 100;
}

.page-item-8, .page-item-16, .page-item-42, .page-item-121 {
margin-left: 10px;
font-weight: normal;
}


.suckerdiv ul{
list-style-type: none;
font-weight: bold;
width: 160px; /* Width of Menu Items */
border-bottom: 1px solid #bbb;
}

.suckerdiv ul li ul {
font-weight: normal;
}
	
.suckerdiv ul li{
position: relative;
z-index: 100;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 160px; /*sub menu width*/
top: 0;
visibility: hidden;z-index: 100;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #444;
text-decoration: none;
padding: 5px 10px;
border-top: 1px solid #bbb;

}

.suckerdiv ul ul li a {
background: #ddd;
border-left: 1px solid white;
border-bottom: 1px solid white;
border-top: none;
border-right: none;
}

.suckerdiv ul li a:visited{

}

.suckerdiv ul li ul a:hover{
color: #fff;background-color: #c00;
}
.suckerdiv ul li a:hover{
color: #fff;background-color: #c00;
}

.suckerdiv .subfolderstyle{
background: transparent url(images/arrow_transparent.gif) no-repeat center right;
}
.suckerdiv ul li ul .subfolderstyle{
background: #ddd url(images/arrow_transparent.gif) no-repeat center right;
}

.subfolderstyle a:hover{
background: #c00 url(images/arrow_transparent.gif) no-repeat center right;
}	

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }



/* ------------------------------ Content ---------------------------- */
/*FEATURED */
#featuredtop{background:url(images/featuredtop.png) no-repeat;line-height:34px;margin:0;}
#featured{background:url(images/featuredbody.png) repeat-y;margin:0;height:440px;}
#featuredbottom{background:url(images/featuredbtm.png) no-repeat;line-height:40px;margin:0;padding:0;}
#slidebox{margin-left:5px;margin-right:0;width:730px;}
#featuredslider{margin-left:10px}
.slideinfo{margin-top:-283px;margin-left:460px;position:relative;width:250px;height:260px;padding:5px 5px 5px 15px;}
.slideinfo h3{font-size:19px;color:#ADAFB0;font-family:Geneva, Arial, Helvetica, sans-serif;margin:0;}
.slideinfo p{margin:5px 0 0;}
.slideinfo.hiddeninfo{margin-top:-283px;margin-left:460px;position:relative;width:250px;height:260px;padding:5px 5px 5px 15px;}
.slideinfo.hiddeninfo h3{font-size:19px;color:#ADAFB0;font-family:Geneva, Arial, Helvetica, sans-serif;margin:0;}
.slideinfo.hiddeninfo p{margin:5px 0 0;}
#ftnavigation{margin-left:30px;}
#ftnavigation ul{list-style:none;margin:0;}
#ftnavigation li{float:left;margin:0;padding:0;}
.featurednav {width:160px;float:left;text-align:center;}
.featurednav img{border:1px solid #c8c4c4;background:#dfdfe0 url(images/featured_bg.jpg) repeat-x;padding:4px;}
/*FEATURED */

.container{margin-left:auto;margin-right:auto;width:960px;}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_12p,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:5px;margin-right:5px;}
.grid_1{padding-top:10px;}
.container.grid_3{width:220px;}
.container.grid_6{width:460px;}
.container.grid_9{width:700px;}
.container.grid_12{width:940px;}
.alpha{margin-left:0;}.omega{margin-right:0;}
.container.grid_1{width:60px;}
.container.grid_12p{width:940px;}
.alpha{margin-left:0;}
.omega{margin-right:0;}
.container.grid_2{width:140px;}
.container.grid_4{width:370px;}
.container.grid_5{width:380px;}
.container.grid_7{width:540px;}
.container.grid_8{width:620px;}
.container.grid_10{width:780px;}
.container.grid_11{width:860px;}
.container.prefix_3{padding-left:240px;}
.container.prefix_6{padding-left:480px;}
.container.prefix_9{padding-left:720px;}
.container.prefix_1{padding-left:80px;}
.container.prefix_2{padding-left:160px;}
.container.prefix_4{padding-left:320px;}
.container.prefix_5{padding-left:400px;}
.container.prefix_7{padding-left:560px;}
.container.prefix_8{padding-left:640px;}
.container.prefix_10{padding-left:800px;}
.container.prefix_11{padding-left:880px;}
.container.suffix_3{padding-right:240px;}
.container.suffix_6{padding-right:480px;}
.container.suffix_9{padding-right:720px;}
.container.suffix_1{padding-right:80px;}
.container.suffix_2{padding-right:160px;}
.container.suffix_4{padding-right:320px;}
.container.suffix_5{padding-right:400px;}
.container.suffix_7{padding-right:560px;}
.container.suffix_8{padding-right:640px;}
.container.suffix_10{padding-right:800px;}
.container.suffix_11{padding-right:880px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}.clearfix{display:block;}* html 
.clearfix{height:1%;}


#liquid-round {
margin:0px auto;
width: 100%;
background:#fff url(images/leftside.gif) repeat-y left top;
}
.top {
width:100%;
height:18px;
background:url(images/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:18px;
background:url(images/top-right.gif) no-repeat right top;
}

.top-featured {
width:100%;
height:50px;
background:url(images/top-featured.gif) no-repeat left top;
}
#sidebar #featured h2 {
line-height: 48px;
font-size: 20px;
color: #fff;
}
.top-featured span {
display:block;
position:relative;
height:50px;
background:url(images/top-featured-right.gif) no-repeat right top;
}

.center-content {
background:url(images/rightside.gif) repeat-y right top;
margin:-1px 0 -10px 0;
}
.bottom {
width:100%;
height:55px;
background:url(images/bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:55px;
background:url(images/bottom-right.gif) no-repeat right top;
}

.top-small {
width:100%;
height:18px;
background:url(images/top-small.gif) no-repeat left top;
}
.top-small span {
display:block;
position:relative;
height:18px;
background:url(images/top-right-small.gif) no-repeat right top;
}
.center-content-small {
position:relative;
background:url(images/rightside.gif) repeat-y right top;
margin:-1px 0;
clear: both;
}
.bottom-small {
width:100%;
height:15px;
clear: both;
background:url(images/bottom-small.gif) no-repeat left bottom;
}
.bottom-small span {
display:block;
position:relative;
height:15px;
background:url(images/bottom-right-small.gif) no-repeat right top;
}


#main {
text-align: left;
}

#content {
margin-top: 20px;
text-align: left;
width: 550px;
float: left;
}

#content-thin {
margin-top: 20px;
text-align: left;
width: 430px;
float: left;
}

#content-wide {
margin-top: 20px;
text-align: left;
width: 780px;
float: left;
}

.entry {
padding: 0px 14px;
}

#content h1, #content-wide h1, #content-thin h1 {
font-size: 1.8em;
font-family: "Trebuchet MS","Lucida Sans Unicode",Arial,sans-serif;
text-align: left;
padding-bottom: 10px;
}

#content h2, #content-wide h2, #content-thin h2, #sidebar h2, #sidebar-wide h2 {
color: #cc0001;
font-family: "Trebuchet MS","Lucida Sans Unicode",Arial,sans-serif;
font-size: 1.8em;
text-align: left;
padding: 0 10px 0 20px;
}

#content h3, #content-wide h3, #content-thin h3 {
color: #cc0001;
font-family: "Trebuchet MS","Lucida Sans Unicode",Arial,sans-serif;
font-size: 1.8em;
text-align: left;
}

#content h4, #content-wide h4, #content-thin h4 {
font-family: "Trebuchet MS","Lucida Sans Unicode",Arial,sans-serif;
font-size: 1.2em;
padding-bottom: .4em;
clear: both;
}

#content p, #content-wide p, #content-thin p {
margin: 0 0 10px 0;
line-height: 1.4em;
}

#content em {
}

#content ul, #content-wide ul, #content-thin ul {
padding-bottom: .6em;
}

#content ol, #content-wide ol, #content-thin ul {
list-style-type:decimal;
}

#content ul li, #content-wide ul li, #content-thin ul li {
line-height: 1.3em;
background:url(images/arrow.gif) top left no-repeat;
padding-left: 15px;
padding-bottom: .5em;
list-style: none;
margin: 5px 0 5px 5px;
}

#content strong, #content-wide strong, #content-thin strong {
font-size: 1.1em;
}

#content ul ul, #content-wide ul ul {
padding-top: .5em;
padding-bottom: 0;
}

#content ol, #content-wide ol {
margin-left: 5px;
padding-bottom: 1em;
}

#content img, #content-wide img {
padding: 5px;
}

#tags {
padding: 10px 20px;
font-size: .9em;
font-style: italic;
color: #666;
}

/* ---------------------------------------- Sidebar ---------------------------- */

#sidebar {
	float: right;
	width: 210px;
margin-top: 20px;
text-align: left;
}

#sidebar-wide {
	float: right;
	width: 330px;
margin-top: 20px;
text-align: left;
}

#sidebar a {
text-decoration: none;
}

#sidebar h2, #sidebar-wide h2 {
padding: 0 20px;
}

#sidebar ul {
padding-bottom: 20px;
padding-left: 20px;
}


#news ul li {
line-height: 1.3em;
background:url(images/arrow.gif) top left no-repeat;
padding: 0px 15px 10px 15px;
list-style: none;
margin: 5px 0;
}

#sidebar #featured p, #sidebar-wide #featured p {
padding: 5px 20px;
}

#sidebar #featured img {
padding-right: 2px;
}

#sidebar #resources .resources,
#sidebar-wide #resources .resources {
font-weight: bold;
font-size: 1.1em;
}
#sidebar #photos .photos {
padding: 5px 18px;
text-align: left;
}
#sidebar #photos li {
display: inline;
}
#sidebar #photos img {
width: 80px;
height: 80px;
padding: 2px;
}

#sidebar #photos p {
padding-left: 20px;
font-size: .9em;
color: #666;
}

#sidebar #calendarblock {
padding: 0 20px;
}

#resources ul li {
margin: 5px 10px 5px 5px;
line-height: 1.3em;
padding-left: 25px;
background:url(images/pdf.gif) top left no-repeat;
padding-bottom: .5em;
list-style: none;
}

/* --------------------------- Meta Data ---------------------------- */

#postmetadata {
padding: 10px;
margin: 10px;
font-size: .9em;
font-style: italic;
color: #999;
}

.navigation {
padding-bottom: 15px;
color: white;
height: 12px;
}

.navigation a, .navigation a:visited {
text-decoration: none;
background: #eee;
padding: 3px 9px;
}

.navigation a:hover {}

/* --------------------------- Links ---------------------------- */

#links {
font-size: 1.2em;
line-height: 1.5em;
}

#links a {
font-weight: bold;
}


/* --------------------------- Comments ---------------------------- */

#commentbox {
padding: 5px 20px;
}

#commentbox h3 {
color: #333;
font-size: 1.6em;
padding: 5px 0;
}

#respond {
padding-bottom: 10px;
}

.commentlist li {
padding: 5px 10px;
background: #eee;
}

#content .commentlist em {
color: #ba9e43;
font-size: 1.5em;
}

.commentlist cite a, .commentlist cite a:visited {
font-style: normal;
text-decoration: none;

}

#comment {
border: 1px solid #ccc;
padding: 5px;
}

#commentform input#submit {
font-size: 1.2em;
background: #cc0001;
padding: 3px 6px;
color: #fff;
border: 1px solid #eee;
}

/* --------------------------- Footer ---------------------------- */

#footer {
padding-top: 20px;
margin-left: 180px;
clear: both;
font-size: .9em;
text-align: left;
line-height: 2em;
}

#footertext {
color: #666;
}

#footertext a, #footertext a:visited {
color: #888;
text-decoration: underline;
}

#footertext a:hover {
color: #000;
}