/**********************************
Description...:Master Screen CSS
Copyright.....:Persona Ltd.
Author........:lewis@per-so-na.com
Last Changed..:12-11-2008
Notes.........:beta only: DO NOT MODIFY
/******************
Layout**/
* {padding:0;margin:0;border:0;}
body {
font-family:arial, tahoma, sans-serif;
font-size:100%;
text-align:center;
background:#dededd url(../img/bg.gif);
}
.container {
position:relative;
width:940px;
margin:0 auto;
padding:0 24px;
text-align:left;
background:#ededed url(../img/container_bg.gif) no-repeat;
}
/******************
Logo Area**/
#header {
float:left;
width:940px;
height:144px;
margin-top:9px;
background:#ddd url(../img/header_bg.gif);
}
#header h1 {
float:left;
width:174px;
height:126px;
background:#bbb url(../img/logo.gif);
margin:8px 20px;
}
#header h1 a {
display:block;
width:174px;
height:126px;
}
#header h1 span, #header p {display:none;}
/******************
Navigation**/
#nav {
float:right;
width:615px;
height:114px;
}
#nav ul {}
#nav li {
float:left;
display:inline;
width:110px;
height:106px;
list-style:none;
margin:14px 12px 0 0;
}
#nav li span {display:none;}
#nav li.abt {background:url(../img/navitem-abt.gif) bottom no-repeat;}
#nav li.com {background:url(../img/navitem-com.gif) bottom no-repeat;}
#nav li.res {background:url(../img/navitem-res.gif) bottom no-repeat;}
#nav li.blg {background:url(../img/navitem-blg.gif) bottom no-repeat;}
#nav li.wik {background:url(../img/navitem-wik.gif) top no-repeat;}
#nav li a {
float:right;
color:#fff;
width:34px;
height:62px;
text-align:center;
background:url(../img/navswitch_bg.gif) no-repeat;
}
#nav li a:active {background-position:bottom;}
#nav li.selected {background-position:top;}
#nav li.selected a {background:url(../img/navswitch_bg.gif) no-repeat bottom;}
/******************
Main Content**/
#breadcrumb {
float:left;
width:100%;
height:22px;
font-size:0.8em;
color:#2c2c2b;
}
#breadcrumb p {margin:0 70px;}
#breadcrumb a {font-weight:bold;color:#000;}
/******************
Homepage**/
.home-content {
float:left;
width:940px;
height:575px;
color:#000;
background:url(../img/test.png) no-repeat;/*f2f2f2*/
}
.home-content p {
font-size:0.75em;
margin:5px 0;
}
.home-content img {float:left;}
.home-content a:link, .home-content a:active, .home-content a:visited {color:#009ddc;text-decoration:none;}
.home-content a:hover {text-decoration:underline;}
/******************
Newsletter Sign-Up**/
#newsletter {
float:left;
width:250px;
padding:35px 20px 0 30px;
color:#727273;
}
#newsletter h2 {
width:200px;
height:22px;
margin-bottom:15px;
background:url(../img/home_head01.gif) no-repeat;
}
#newsletter h3 {
width:200px;
height:22px;
background:url(../img/home_head02.gif) no-repeat;
margin:20px 0 10px;
}
#newsletter h2 span, #newsletter h3 span {display:none;}
#newsletter p {
font-style:italic;
line-height:1.4em;
}
#newsletter form {
float:left;
width:260px;
margin:0px;
}
#newsletter label {float:left;clear:left;width:40px;}
#newsletter label.org {width:90px;height:35px;margin-bottom:10px;}
#newsletter label.com {width:90px;}
#newsletter input {
width:180px;
height:20px;
color:#666;
font:0.75em arial, tahoma, helvetica, sans-serif;
margin:5px 0 0 10px;
background:none;
/*background:url(../img/newsletter_input.png) bottom no-repeat;*/
}
#newsletter input.org {width:150px;margin-top:15px;}
#newsletter textarea {
font:0.75em arial, tahoma, helvetica, sans-serif;
color:#666;
width:250px;
height:50px;
margin:5px 10px 10px;
background:none;
}
#newsletter input.submit {
float:right;
width:auto;
height:auto;
margin:5px 15px 0 0;
}
/******************
Resources (HP)**/
#resources {
float:left;
position:relative;
width:250px;
}
#resources h3 {
display:block;
position:absolute;
width:200px;
height:50px;
top:-8px;
left:24px;
text-align:center;
background:url(../img/home_head03.png) no-repeat;
}
#resources h3 span {display:none;}
.preview img {margin:23px 23px 0;}
.preview cite {
font-size:0.8em;
font-style:normal;
color:#009ddc;
margin:0 35px;
}
/******************
Committee (HP)**/
#committee {
float:left;
position:relative;
width:160px;
}
#committee h3 {
display:block;
position:absolute;
width:170px;
height:40px;
top:5px;
left:-10px;
text-align:center;
background:url(../img/home_head04.png) no-repeat;
}
#committee h3 span {display:none;}
/******************
Widgets (Del./twitter feed)**/
#widgets {
float:left;
width:230px;
}
#del-feed {
float:left;
width:150px;
margin:60px 30px 0;
}
.delicious-posts h2 {display:none}
.delicious-posts ul {}
.delicious-posts ul li {
list-style:none;
font-size:0.7em;
font-weight:bold;
margin:0 0 5px 0px;
}
.delicious-posts a:link, .delicious-posts a:visited {color:#9f6614;}
#twitter-feed {
float:left;
width:150px;
color:#727273;
margin:70px 30px 0;
}
#twitter-feed ul li {
list-style:none;
font-size:0.7em;
margin:0 0 5px 5px;
}
#twitter-feed ul li a {
float:left;
margin:10px 0 0;
color:#9f6614;
}


/******************
Content Holders**/
#content-holder {
float:left;
width:580px;
margin:10px 30px;
}
.content-main {
float:left;
width:538px;
min-height:434px;
color:#727273;
padding:20px 20px 0;
margin-bottom:35px;
border:1px solid #afb0b0;
border-bottom:0;
}
.content-main h3 {
font-size:0.85em;
font-weight:normal;
margin-bottom:15px;
}
.content-main p {
font-size:0.75em;
margin:0 0 15px;
line-height:1.35em;
}

.manifesto {background:#fefdfd url(../img/about-holder.png) bottom repeat-x;}
.manifesto h3 {color:#f00;}

.committee {background:#fefdfd url(../img/com-holder.png) bottom repeat-x;}
.committee h3 {color:#6eb43f;}
.committee a:link, .committee a:active, .committee a:visited {color:#6eb43f;}
/******************
About**/
.manifesto-holder {
float:left;
width:940px;
/*height:575px;*/
background:url(../img/manifesto_bg.png) no-repeat;
}

/*.manifesto-content a:link, .manifesto-content a:active, .manifesto-content a:visited {
color:#009ddc;
text-decoration:none;
}
.manifesto-content a:hover {text-decoration:underline;}*/
/******************
Profiles**/
.profiles {
float:left;
width:264px;
margin:0 5px 25px 0;
}
.profiles h5 {
font-size:0.9em;
font-weight:normal;
}
.profiles p {
font-size:0.7em;
margin:0;
line-height:normal;
}
.profiles img {
float:left;
margin:0 10px 0 0;
}


/******************
Profiles**/
.orgs {
float:left;
width:265px;
color:#4f4f4f;
margin:0 5px 0px 0;
}
.orgs h5 {
font-size:0.9em;
font-weight:normal;
margin-bottom:10px;
}
.orgs p {
font-size:0.7em;
margin:0 0 15px 0;
line-height:normal;
}
.orgs img {
float:left;
margin:0 10px 0 0;
}


/******************
Notepad**/
#notepad {
float:left;
width:250px;
padding:35px 20px 0 30px;
color:#727273;
}
#notepad h2 {
width:200px;
height:22px;
margin-bottom:15px;
background:url(../img/home_head01.gif) no-repeat;
}
#notepad h2 span, #notepad h3 span {display:none;}
#notepad p {
font-size:0.75em;
margin:5px 0;
font-style:italic;
line-height:1.4em;
}



/******************
Footer**/
#footer {
float:left;
width:100%;
min-height:105px;
background:url(../img/footer_bg.gif) repeat-x;
}
#footer p {
font-size:0.7em;
text-align:center;
}
#footer a:link, #footer a:active, #footer a:visited {}
#footer a:hover {}
/******************
Global Styles**/
.line {
border-bottom:1px dashed #f00;
margin:-5px 0% 10px;
height:1px;
clear:both;
}
.clearing {clear:both;}
acronym, abbr {cursor:help;border-bottom:1px dotted #727273;}
fieldset {border:0;}
strong {font-weight:bold;}
em {font-style:italic;}
address {font-style:normal;font-size:0.8em;margin-bottom:10px;}
blockquote {font-size:1.2em;font-weight:bold;}
.error {color:#f00;font-weight:bold;}
/******************
Links**/
a:link, a:visited {color:#666;text-decoration:underline;}
a:hover {color:#666;text-decoration:none;}
a:active {color:#000;outline:none;}
a:focus {outline:none;}
a.rss {padding-right:12px;background:url(../img/icon-rss.gif) no-repeat 100% 2px;}
/******************
Clearfix**/
.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
/******************
Self clearing floats**/
#divname:after, #name:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}