/*  
Theme Name: Pi
Theme URI: http://www.euphorish.com
Description: A theme titled "NAME" enjoy.
Version: 3.14159
Author: Alexander Stubbs
Author URI: http://www.euphorish.com/
*/


/* Global Settings */
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font:62.5% helvetica, arial, sans-serif;
background:#00133f url(img/bg.jpg) repeat-x;
}
 
/* Common Formatting */
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font:2em arial, helvetica, sans-serif;
}
 
h2 {
padding:20px 0;
letter-spacing:-1px;
font:1.5em arial, helvetica, sans-serif;
}
 
h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}
 
p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
 
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}
 
blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/* Links */
 
a, a:visited {
text-decoration:none;
}
 
/* Forms */
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em helvetica, arial, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
 
/* Wrapper */
 
#wrap {
width:960px;
margin:0 auto;
}
 
/* Global Classes */
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/* Layout */

.wrapp_ {
width:978px;
margin:0 auto;
height:auto;
}

.header {
margin:0 auto;
height:171px;
background:url(img/header.png) no-repeat;
}

.content {
width:100%;
background:url(img/bodybg.png) repeat-y;
min-height:1200px;
}

.navi {
width:100%;
background:url(img/navbg.png) repeat-x;
height:39px;
margin:0 auto;
width:960px;
}

.navi ul {
margin:0;
padding:0;
margin-left:15px;
padding-top:9px;
}

.navi ul li {
display:inline;
margin-right:20px;
}

.navi ul li a {
color:#0c3084;
font-size:1.5em;
}

.grab {
width:960px;
margin:0 auto;
}

.featured {
width:585px;
height:333px;
float:left;
background:#FFF url(img/sample.png) no-repeat;
margin:10px;
border:1px solid #ccc;
margin-right:0;
background-position:8px 5px;
}

.action {
width:345px;
height:333px;
float:right;
background:#fff;
border:1px solid #ccc;
margin:10px 10px 0 0;
}

.action ul {
margin:0;
padding:0;
}


.action ul li {
padding:5px 0 2px 10px;px;
}

/* Sidebar */

#sidebar {
width:344px;
min-height:800px;
float:right;
margin-top:15px;
margin-right:20px;
}

.twitter {
width:100%;
height:251px;
background:url(img/twitter_bg.png) no-repeat;
}

.featured_video {
margin-top:15px;
width:100%;
height:251px;
background:url(img/video_bg.png) no-repeat;
}


/* Content */

.content_home {
float:left;
width:583px;
margin:15px 0 0 20px;
min-height:600px;
}

.content_home_body {
width:100%;
height:100%;
min-height:400px;
background:#fff;
border:1px solid #ccc;
margin-top:10px;
clear:both;
}

.tabs {
	
}

.tabs ul {
padding:0; margin:0;	
}

.tabs ul li {
padding:10px 15px 10px 15px;
background:#333;
display:inline;
width:auto;
float:left;
border-right:1px solid #ccc;
}


.tabs ul li a {







color:#FFF;	
font-size:1.4em;
}

.tabs ul li.active {
background:#000;
}

.tabs ul li.active a {
color:#f2f2f2;
}

.tabs ul li:hover {
background:#000;	
}

/* Footer */


.footer {
height:50px;
float:right;
width:965px;
margin:0 auto;
}

.paidby {
color:#FFF;
border:1px solid #ccc;
width:250px;
padding:4px;
float:right;
margin-top:10px;
}

.featured img {
padding:5px 0 0 10px;
}

/* sidebar */

.video {
position:relative;
top:70px;
left:30px;
}

p.tweet {
font-size:1.4em;
line-height:160%;
width:300px;
position:relative;
top:83px;
left:30px;
}

.twitter img {
float:right;
padding-top:130px;
padding-right:15px;
}

.entry {
width:95%;
margin:0 auto;
padding-top:25px;
padding-bottom:10px;
}

.entry_header {
border-bottom:1px solid #ccc;
height:30px;
margin-bottom:10px;
}

.entry_header h2 {
margin:0; padding:0;
float:left;
font-family:verdana;
letter-spacing:1px;

}

.entry_header h2 a {
color:#00133f;
font-size:1.2em;
}

.entry_header .date {
float:right;
font-family:georgia, arial, helvetica;
font-size:2em;
color:#ccc;
}

.entry p {
font-size:1.1em;
color:#333;
line-height:150%;
}

.connecth {
width:381px;
height:80px;
background:url(img/connectbg.png) no-repeat;
position:relative;
top:20px;
right:10px;
overflow:hidden;
float:right;
clear:both;
}

.connecth ul {
margin:0; padding:0;	
position:relative;
top:45px;
}

.connecth ul li {
display:inline;
padding-left:14px;
padding-right:10px;
}

.surveyh {
float:right;
width:391px;
height:57px;
overflow:hidden;
}

.overlay_featured {
background:url(img/overlay.png) repeat;
width:97%;
height:100px;
margin:0 auto;
margin-top:228px;
border-top:1px solid #ccc;
}

.overlay_featured a {
color:#f2f2f2;
font-size:2em;
padding-left:20px;
position:relative;
top:8px;
font-family:verdana;
letter-spacing:1px;
}

.overlay_featured p {
color:#fff;
width:93%;
margin:0 auto;
margin-top:20px;
font-size:1.2em;
line-height:140%;
}

.photo_left img {
float:left;
margin-right:10px;
border:2px solid #ccc;
padding:0;
height:auto;
}

.content_page_body {
width:100%;
height:100%;
min-height:400px;
background:#fff;
border:1px solid #ccc;
margin-top:10px;
clear:both;
}

.content_page_body p {
	font-size:1.3em;
}

.content_page_body ul li {
margin-bottom:10px;
color:#333;
font-size:1.2em;
}

.login {
float:left;
position:relative;
top:10px;
}


#tabs1 {

}

#tabs1 ul {
padding:0;
}

#tabs1 ul li {
display:inline;
padding:13px 30px 10px 30px;
background:#FFF;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;

}

#tabs1 ul li a {
color:#333;
font-size:1.7em;
}

.hidden { display:none; }

.events {
margin:0 auto;
width:90%;
font-family:verdana, arial, helvetica;
}

.events h2 {

font-family:verdana, arial, helvetica;
}