/* 
Title:pglo.org
Description:Single column simple layout with top navigation bar. Full width pages without sidebar,responsive for compatibility with mobile devices
URL:https://www.pglo.org
Created:1.0 March 2015
*/
body {
margin:0 auto;
padding:0;
background:#fff;
color:#222;
font-size:1em;
font-family:Arial,Helvetica,Sans-Serif;
}
a,a:visited {
color:#171796;
text-decoration:none;
}
a:hover {
color:#6D625C;
text-decoration:none;
}
.alignright {
float:right;
padding:6px 0 0 8px;
border:none;
}
.alignleft {
float:left;
padding:6px 8px 0 0;
border:none;
}
.smalltext {
font-size:0.9em;
}
.largetext {
font-size:1.5em;
font-weight:bold;
text-align:center;
color:#6D625C;
}
.aligncenter {
display:block;
margin:0 auto;
padding:0.2em;
border:none;
}
.breadcrumb {
font-size:0.9em;
padding:8px 0 0 ;
}
/*
header section
*/
#head {
background:#171796 url('img/header.jpg') top center no-repeat;
width:100%;
max-width:1060px;
height:200px;
margin:10px auto 0;
padding:0;
}
#head h1,#head h1 a,#head h1 a:visited {
font-family:Times New Roman,Arial,Helvetica,Sans-Serif;
font-size:35px;
color:#171796;
text-decoration:none;
text-align:center;
text-shadow:#222 1px 1px 1px;
padding:50px 0 0 ;
margin:0 auto;
font-weight:bold;
}
#head h1 a:hover {
color:#6D625C;
text-shadow:#eee 1px 1px 1px;
text-decoration:none;
}
#head h2,#head h2 a,#head h2 a:visited {
font-family:Times New Roman,Arial,Helvetica,Sans-Serif;
font-size:35px;
color:#171796;
text-decoration:none;
text-align:center;
text-shadow:#222 1px 1px 1px;
padding:50px 0 0 ;
margin:auto;
font-weight:bold;
}
#head h2 a:hover {
color:#6D625C;
text-shadow:#eee 1px 1px 1px;
text-decoration:none;
}
/*
Navigation bar
*/
#nav {
background:transparent;
width:100%;
max-width:1060px;
height:28px;
text-align:center;
margin:-36px auto 0;
padding:0 0 20px;
}
#nav ul {
margin:0;
padding:4px 0 0 8px;
}
#nav li {
display:inline;
list-style-type:none;
margin:0;
padding:0;
}
#nav ul li a,#nav ul li a:visited {
font-family:Arial,Helvetica,Sans-Serif;
background:transparent;
font-size:1.1em;
font-weight:normal;
color:#eee;
padding:0 8px;
margin:0;
text-decoration:none;
}
#nav ul li a:hover {
color:#eee;
background:#171796;
font-weight:normal;
text-decoration:none;
}
/*
Container
*/
@media screen and (max-width:800px) {
#container {
width:100%;
}
}
@media screen and (min-width:801px) {
#container {
width:91%;
max-width:1060px;
}
}
#container {
margin:0 auto;
background:#fff;	
}
/*
Main section
*/
#main {
width:97%;
max-width:1040px;
margin:0 10px;
padding:0 0 10px;
}
#main p {
border:none;
padding:0 0 15px;
margin:0;
line-height:1.4em;
text-align:justify;
}
#main h1 {
color:#171796;
font-size:1.4em;
font-family:Arial,Helvetica,Sans-Serif;
font-weight:bold;
margin:0;
padding:15px 0 20px;
}
#main h2 {
color:#171796;
font-size:1.3em;
font-family:Arial,Helvetica,Sans-Serif;
font-weight:normal;
margin:0;
padding:15px 0;
}
#main h3 {
color:#171796;
font-size:1.26em;
font-family:Arial,Helvetica,Sans-Serif;
font-weight:normal;
margin:0;
padding:15px 0;
}
#main h4 {
color:#171796;
font-size:1.24em;
font-family:Arial,Helvetica,Sans-Serif;
font-weight:normal;
margin:0;
padding:15px 0;
}
#main h1 a {
color:#171796;
text-decoration:none;
}
#main h1 a:hover {
color:#6D625C;
text-decoration:none;
}
#main ol {
margin:0 0 14px 20px;
padding:0;
}
#main ol li {
margin:0 0 6px 20px;
padding:0;
font-size:1em;
font-family:Arial,Helvetica,Sans-Serif;
line-height:1.5em;
text-align:justify;
}
#main ul {
margin:0 0 14px 20px;
padding:0 0 10px;
}
#main ul li {
list-style-type:disc;
margin:0 0 6px 20px;
padding:0;
font-size:1em;
font-family:Arial,Helvetica,Sans-Serif;
line-height:1.5em;
text-align:justify;
}
#main img {
max-width:95%;
}
/*
Widget section
*/
@media screen and (max-width:800px) {
#widget ol li {
font-size:1.2em;
line-height:2em;
}
#widget ul li {
font-size:1.2em;
line-height:2em;
}
}
@media screen and (min-width:801px) {
#widget ol li {
font-size:1em;
line-height:1.5em;
}
#widget ul li {
font-size:1em;
line-height:1.5em;
}
}
#widget {
background:#fff;
width:95%;
height:100%;
margin:0 10px;
padding:0 0 10px;
}
#widget p {
border:none;
padding:0 0 15px;
margin:0;
line-height:1.4em;
text-align:justify;
margin:0 0 0 20px;
}
#widget h3 {
color:#171796;
font-size:1.28em;
font-family:Arial,Helvetica,Sans-Serif;
font-weight:normal;
padding:14px 0;
margin:0 0 0 20px;
}
#widget h3 a {
color:#171796;
text-decoration:none;
}
#widget h3 a:hover {
color:#6D625C;
text-decoration:none;
}
#widget ol {
color:#171796;
margin:0 0 14px 20px;
padding:0;
}
#widget ol li {
margin:0 0 6px 20px;
padding:0;
font-family:Arial,Helvetica,Sans-Serif;
text-align:justify;
}
#widget ul {
margin:0 0 0 20px;
padding:0;
}
#widget ul li ,#widget ul li a {
color:#171796;
margin:0 0 2px;
padding:0;
text-decoration:none;
list-style:none;
}
#widget ul li a:hover {
color:#6D625C;
}
/*
left column section
*/
@media screen and (max-width:800px) {
#widgetleft {
width:95%;
}
}
@media screen and (min-width:801px) {
#widgetleft {
float:left;
width:50%;
max-width:500px;
}
}
#widgetleft {
background:inherit;
margin:0;
padding:0 0 10px;
}
#widgetleft img {
max-width:95%;
border:none;
margin:0;
padding:0;
}
/*
right column section
*/
@media screen and (max-width:800px) {
#widgetright {
width:95%;
}
}
@media screen and (min-width:801px) {
#widgetright {
float:right;
width:50%;
max-width:500px;
}
}
#widgetright {
background:inherit;
margin:0;
padding:0 0 10px;
}
#widgetright img {
max-width:95%;
border:none;
margin:0;
padding:0;
}
/*
Social buttons section
*/
#share {
width:98%;
margin:0;
padding:0 0 0.9em;
}
#share ul {
margin:0;
padding:0.9em;
}
#share ul li {
list-style-type:none;
display:inline;
padding:0 10px 0 0;
margin:0;
}
/*breadcrumbs*/
#breadcrumb {font-size:0.9em;padding:0}
#breadcrumb ol {margin:0;padding:8px 0.4em 0 0}
#breadcrumb ol li {list-style-type:none;display:inline;padding:0 5px 0 0;margin:0}
#breadcrumb ol li:before {content:"›";padding:0 4px 0 1px}
/*
footer section
*/
#foot {
background:#171796;
width:100%;
max-width:1060px;
height:auto;
color:#eee;
font-family:Arial,Helvetica,Sans-Serif;
font-size:0.9em;
margin:0 auto 10px;
padding:8px 0 4px;
}
#foot ul {
text-align:center;
margin:0 0 4px;
padding:0;
}
#foot ul li {
display:inline;
list-style-type:none;
margin:0 0 2px;
padding:0 10px 0 0;
}
#foot ul li a {
color:#ffff00;
}
#foot ul li a:hover {
color:#6D625C;
text-decoration:none;
}