/*
Theme Name: S2CGlobal
Theme URI: http://www.s2cglobal.com/
Description: Custom theme for S2CGlobal Systems
Version: 1.0
Author: Bryan Chow
*/


/* Fix clearfix hack to remove unwanted space from bottom of page */

.clearfix:after, .container:after {
    content: "";
}


/* Basic elements */

body {
  background: #FFF;
  margin: 0;
  padding: 0;
}

a {
  color: #34A;
}
a:visited { 
  color: #72B; 
} 
a:hover {
  color: #B22;
} 
  
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
} 
  
h2 a:visited,
h3 a:visited,
h4 a:visited, 
h5 a:visited,
h6 a:visited {
  color: #34A;
}
  
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #B22;
  text-decoration: none;
}

th {
  background-color: #DDD;
}
td {
  background-color: #EEE;
} 


/* Common WP styles */

.center {
  text-align: center;
}

.hidden {
  display: none;
}

.navigation {
  display: block;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 60px;
}

.alignright {
  float: right;
}
    
.alignleft {
  float: left
}


/* Override image styles */

p img {
  float: none;
  clear: both;
  margin: 0 10px 10px 0;
  padding: 0; 
  max-width: 100%;
}

p img.right { 
  margin: 0 0 10px 10px;
}

p 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;
}


/* Container */

#container {
  background-color: #FFF;
}


/* Masthead */

#masthead {
  height: 116px;
  padding-top: 9px;
  padding-left: 18px;
  border-bottom: 1px solid #BBB;
  background: #FFF url('images/masthead.jpg') repeat-x;
}

#masthead .container {
  position: relative;
}

#masthead #logo {
  height: 100px;
  width: 287px;
  background: transparent url('images/logo.jpg') top left no-repeat;
}
#masthead #logo a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  padding-top: 100px;
  height: 0px !important;
  height /**/: 100px;
  width: 287px;
}

#masthead #description {
  position: absolute;
  top: 78px;
  left: 109px;
  color: #000;
}
#masthead #description a {
  color: #000;
  text-decoration: none;
}

#masthead #contact {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #000;
}
#masthead #contact li {
  float: left;
  list-style: none;
  list-style-image: none;
}
#masthead #contact li#address {
  padding-right: 20px;
  border-right: 1px solid #DDD;
}
#masthead #contact li#phone {
  padding-left: 20px;
}
#masthead #contact a {
  color: #000;
}


/* Main content area */

#main {
  padding: 20px 0;

}

#pagemenu {
  margin: 0;
  padding: 0 0 0 20px;
}
#pagemenu ul, #pagemenu li {
  margin: 0;
  padding: 0;
}
#pagemenu li {
  list-style: none;
  list-style-image: none;
  border-bottom: 1px solid #DDD;
}
#pagemenu li ul li{
  border-bottom: none;
}
#pagemenu a {
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 10px 0;
  color: #34A;
}
#pagemenu a:hover {
  text-decoration: underline;
}
#pagemenu li ul li a {
  padding-left: 10px;
  border-top: none;
}
#pagemenu li.current_page_item {
  font-weight: bold;
}
#pagemenu li.current_page_item .page_item {
  font-weight: normal;
}

#latestnews {
  margin: 0;
  padding: 0 20px 0 0;
}
#latestnews ul, #latestnews li {
  margin: 0;
  padding: 0;
}
#latestnews li {
  padding: 10px 0;
  list-style: none;
  list-style-image: none;
  border-bottom: 1px solid #DDD;
}
#latestnews a {
  text-decoration: none;
}
#latestnews a:hover {
  text-decoration: underline;
}
#latestnews li#feed {
  border-bottom: none;
}
#latestnews li#feed a {
  display: block;
  height: 28px;
  background: #FFF url('images/feed-icon-28x28.png') no-repeat;
  padding: 4px 0 0 32px;
}


/* Info bar */

#info {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #BBB;
  background: #FFE;
}
#info a {
  text-decoration: none;
}
#info-left {
  padding-left: 20px;
}
#info-right {
  padding-right: 20px;
}


/* Footer */

#footer {
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #BBB;
  background: #DDD;
}
#footer a {
  text-decoration: none;
}
#footer-left {
  padding-left: 20px;
  text-align: left;
}
#footer-right {
  padding-right: 20px;
  text-align: right;
}