/*

Theme Name: INAICTA 2011

Theme URI: http://www.inaicta.web.id

Description: Theme for Indonesia ICT Award 2011

Author: Bima ST

Version: 0.6

*/



body {

  background: #f8f4f6 url('images/bg-top.jpg') top left repeat-x;

  font-family: 'Calibri', Tahoma, Verdana, Helvetica, Arial, sans-serif;

  font-size: 13px;

  line-height: 1.4em;

  color: #333;

}



a:link, a:visited {

  color: #36f;

}



a:hover {

  color: #39f;

}



.container {

  width: 980px;

  margin: 0 auto;

}



.clear {

  clear: both;

  font-size: 0;

  line-height: 0;

  padding: 0;

  margin: 0;

}



.divider {

  height: 7px;

  background: url('images/divider-color.jpg') top center no-repeat;

  clear: both;

  line-height: 0;

  font-size: 0;

}



h1 {

  font-size: 22px;

  font-weight: normal;

  color: #000;

  text-transform: uppercase;

}



h2 {

  font-size: 18px;

  font-weight: normal;

  color: #222;

}



#header {

  height: 45px;

  background: #363636;

}



#header #mainmenu {

  float: right;

  padding-top: 8px;

  padding-bottom: 7px;

  height: 30px;

}



#header #mainmenu ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



#header #mainmenu ul li {

  margin: 0;

  padding: 0;

  float: left;

}



#header #mainmenu ul li a, #header #mainmenu ul li a:visited {

  display: block;

  padding: 3px 11px;

  margin-right: 2px;

  text-decoration: none;

  text-transform: uppercase;

  color: #fff;

  font-size: 14px;

  border-radius: 4px;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

}



#header #mainmenu ul li a:hover {

  background: #666;

}



#header #mainmenu ul li.current-menu-item a, #header #mainmenu ul li.current-menu-item a:visited,

#header #mainmenu ul li.current-page-ancestor a, #header #mainmenu ul li.current-page-ancestor a:visited {

  background: #fff;

  color: #333;

}



#subheader {

  height: 240px;

}



#subheader #logo {

  float: left;

}



#subheader #slogan {

  float:right;

  margin-right: 310px;

  margin-top: 100px;

}



#main-content {

  background: #fff url('images/bg-content-bottom.jpg') bottom left no-repeat;

  padding-bottom: 50px;

  position: relative;

  border-top: solid 5px #bbb;

}



#main-content #ilustrasi {

  position: absolute;

  right: 0;

  top: -250px;

}



#main-content #leftcontent {

  float: left;

  width: 220px;

}



#main-content #rightcontent {

  float: right;

  width: 220px;

}



#main-content #leftcontent.main, #main-content #rightcontent.main {

  width: 740px;

}



#main-content #rightcontent.sidebar, #main-content #leftcontent.sidebar {

  

}



#main-content #rightcontent.sidebar .content {

  margin: 0 20px 0 0;

  padding: 20px 0;

}



#main-content #leftcontent.sidebar .content {

  margin: 0 0 0 20px;

  padding: 20px 0;

}



#subfooter {

  background: #444;

  color: #ddd;

  border-bottom: solid 3px #292929;

  margin-bottom: 10px;

}



#subsponsor {

  background: #f2f2f2ff;

  color: #ddd;

  border-bottom: solid 3px #292929;

  margin-bottom: 20px;

}



#subfooter h2 {

  font-size: 21px;

  color: #fff;

}



#subfooter #leftsubfooter {

  float: left;

  width: 640px;

}



#subfooter #rightsubfooter {

  float: right;

  width: 320px;

}



#subfooter #leftsubfooter .content, #subfooter #rightsubfooter .content {

  margin: 0 30px;

  padding: 20px 0;

}



#subfooter .col {

  float: left;

  width: 285px;

  margin: 30px 0 0 30px;

  background: #444;

}



#subfooter .col a, #subfooter .col a:visited {

  padding: 4px 9px;

  text-decoration: none;

  color: #fff;

  background: #308fcf;

  border-radius: 4px;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

}



#subfooter .col a:hover {

  background: #5bcae6;

}





/* Frontpage custom styling */



.home #welcome {

  margin: 0 30px;

  padding: 30px 0;

}

.home #welcome h2 {
  margin-bottom: 30px;
}

.home #welcome h4 {
  margin-top: 25px;
  margin-bottom: 5px;
  font-size: 14px;
  text-transform: uppercase;
  color: #444;
}

.home #acara {

  margin: 0 30px;

  padding: 0 0 30px 0;

}



.home #acara .col {

  width: 210px;

  float: left;

  margin-right: 20px;
  
  height: 325px;

  background: #eee;

  border-radius: 10px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

}



.home #acara .col .content h2 {

  margin-bottom: 5px;

}



.home #acara .col .content {

  margin: 0 15px;

  padding: 15px 0;

}



.home #acara .col.last {

  margin-right: 0;

}



.home #acara .col .content .readmore a, .home #acara .col .content .readmore a:visited {

  padding: 4px 9px;

  text-decoration: none;

  color: #fff;

  background: #308fcf;

  border-radius: 4px;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

}



.home #acara .col .content .readmore a:hover {

  background: #5bcae6;

}



.home #acara .col .content p {

  margin-bottom: 10px;

}



.home .big-register {

  text-align: center;

  clear: both;

  padding-top: 20px;

  font-size: 21px;

}



.home .big-register a, .home .big-register a:visited {

  padding: 9px 20px;

  color: #fff;

  background: #0b0;

  text-decoration: none;

  text-transform: uppercase;

  border-radius: 4px;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

}



.home .big-register a:hover {

  background: #0d0;

}



.home #subfooter .postlist {



}



.home #subfooter .postlist .post {

  margin-bottom: 20px;

}



.home #subfooter .postlist .post h3 {

  font-size: 16px;

  font-weight: bold;

  margin-left: 70px;

  margin-bottom: 10px;

}



.home #subfooter .postlist .post h3 a, .home #subfooter .postlist .post h3 a:visited {

  color: #fc0;

  text-decoration: none;

}



.home #subfooter .postlist .post h3 a:hover {

  color: #ff0;

}



.home #subfooter .postlist .post .date {

  float: left;

  padding: 3px 6px;

  background: #fff;

  border: solid 1px #666;

  width: 30px;

  text-align: center;

  line-height: 1.5em;

}



.home #subfooter .postlist .post .date .date-date {

  color: #000;

  font-size: 22px;

  display: block;

}



.home #subfooter .postlist .post  .date .date-month {

  color: #000;

  display: block;

}



.home #subfooter .postlist .post  .entry {

  margin-left: 70px;

}



.home #rightcontent.sidebar {

  

}



.home .frontsideitem {

  background: #444;

  color: #fff;

  padding: 15px;

  border-radius: 10px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

}



.home .frontsideitem a, .home .frontsideitem a:visited {

  color: #ff0;

}



/* Single Page Styling */

.page {



}



.page #main-content #singlepage {

  margin: 0 30px;

  padding: 30px 0;

}



.page #main-content #singlepage h1 {



}



.page #main-content #singlepage .wpcf7 {

  background: #eee;

  padding: 15px;

  border-radius: 10px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

}



.page #rightcontent.sidebar {

  

}



.page .sidebar .side-content {

  margin-bottom: 30px;

}



.page .sidebar .side-content .sidetext {

  background: #eee;

  padding: 15px;

  border-radius: 10px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

}



.page .sidebar .side-content .sidelist {

  background: #333;

  border-radius: 10px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

}



.page .sidebar .side-content .sidelist h2 {

  padding: 10px;

  margin-bottom: 0;

  color: #fff;

}



.page .sidebar .side-content .sidelist ul.subcontent {

  margin: 0 10px;

  padding: 0 0 10px 0;

}



.page .sidebar .side-content .sidelist ul.subcontent li {

  margin: 0;

  padding: 0;

  list-style: none;

}



.page .sidebar .side-content .sidelist ul.subcontent li a, .page .sidebar .side-content .sidelist ul.subcontent li a:visited {

  display: block;

  color: #fff;

  background: #555;

  text-decoration: none;

  padding: 5px 10px;

  margin: 0 0 5px 0;

  border-radius: 7px;

  -moz-border-radius: 7px;

  -webkit-border-radius: 7px;

}



.page .sidebar .side-content .sidelist ul.subcontent li a:hover {

  background: #6c6c6c;

  text-decoration: underline;

}



/* Posts */

.category #main-content .postlist {

  margin: 0 30px;

  padding: 30px 0;

}



.category #main-content .postlist .post {

  margin-bottom: 40px;

}



.category #main-content .postlist .post h3 {

  font-size: 18px;

  color: #000;

  margin-left: 70px;

  margin-bottom: 10px;

}



.category #main-content .postlist .post h3 a, .category #main-content .postlist .post h3 a:visited {

  color: #000;

  text-decoration: none;

}



.category #main-content .postlist .post h3 a:hover {

  color: #333;

}



.category #main-content .postlist .post .date {

  float: left;

  padding: 3px 6px;

  background: #333;

  border: solid 1px #666;

  width: 30px;

  text-align: center;

  line-height: 1.5em;

}



.category #main-content .postlist .post .date .date-date {

  color: #fff;

  font-size: 22px;

  display: block;

}



.category #main-content .postlist .post  .date .date-month {

  color: #fff;

  display: block;

}



.category #main-content .postlist .post  .entry {

  margin-left: 70px;

}



.category #main-content .postlist .post a.more-link, .category #main-content .postlist .post a.more-link:visited { 

  padding: 4px 9px;

  text-decoration: none;

  color: #fff;

  background: #308fcf;

  border-radius: 4px;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

}



.category #main-content .postlist .post a.more-link:hover {

  background: #5bcae6;

}



.archive #main-content .postlist {

  margin: 0 30px;

  padding: 30px 0;

}



.archive #main-content .postlist .post {

  margin-bottom: 40px;

}



.archive #main-content .postlist .post h3 {

  font-size: 18px;

  color: #000;

  margin-left: 70px;

  margin-bottom: 10px;

}



.archive #main-content .postlist .post h3 a, .archive #main-content .postlist .post h3 a:visited {

  color: #000;

  text-decoration: none;

}



.archive #main-content .postlist .post h3 a:hover {

  color: #333;

}



.archive #main-content .postlist .post .date {

  float: left;

  padding: 3px 6px;

  background: #333;

  border: solid 1px #666;

  width: 30px;

  text-align: center;

  line-height: 1.5em;

}



.archive #main-content .postlist .post .date .date-date {

  color: #fff;

  font-size: 22px;

  display: block;

}



.archive #main-content .postlist .post  .date .date-month {

  color: #fff;

  display: block;

}



.archive #main-content .postlist .post  .entry {

  margin-left: 70px;

}



.archive #main-content .postlist .post a.more-link, .archive #main-content .postlist .post a.more-link:visited { 

  padding: 4px 9px;

  text-decoration: none;

  color: #fff;

  background: #308fcf;

  border-radius: 4px;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

}



.archive #main-content .postlist .post a.more-link:hover {

  background: #5bcae6;

}



/* Sidebar */

.sidebar {

  padding-top: 180px;

}



.sidebar ul.xoxo {

  margin: 0;

  padding: 0;

  list-style: none;

}



.sidebar ul.xoxo li {

  margin: 0 0 30px 0;

  padding: 0;

}



.sidebar .widget_recent_entries {

  background: #333;

  margin-bottom: 20px;

  border-radius: 10px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  

}



.sidebar .widget_recent_entries h3 {

  font-size: 18px;

  font-weight: normal;

  color: #fff;

  margin-bottom: 0;

  padding: 15px;

}



.sidebar ul.xoxo .widget_recent_entries ul {

  margin: 0 10px;

  padding: 0 0 5px 0;

}



.sidebar ul.xoxo .widget_recent_entries ul li {

  margin: 0;

  padding: 0;

  list-style: none;

}



.sidebar ul.xoxo .widget_recent_entries ul li a, .sidebar ul.xoxo .widget_recent_entries ul li a:visited {

  display: block;

  background: #494949;

  text-decoration: none;

  color: #fff;

  padding: 4px 10px;

  margin-bottom: 5px;

  border-radius: 5px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

}



.sidebar ul.xoxo .widget_recent_entries ul li a:hover {

  background: #666;

}



.sidebar .widget_archive {

  background: #ddd;

  margin-top: 10px;

  border-radius: 10px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  

}



.sidebar .widget_archive h3 {

  font-size: 18px;

  font-weight: normal;

  color: #000;

  margin-bottom: 0;

  padding: 15px;

}



.sidebar .widget_archive ul {

  margin: 0 15px;

  padding: 0 0 10px 0;

}



.sidebar ul.xoxo .widget_archive ul li {

  margin: 0 0 2px 0;

  padding: 5px 10px;

  background: #eee;

  list-style: none;

}



.sidebar ul.xoxo .widget_archive ul li:first-child {

  border-radius: 5px 5px 0 0;

  moz-border-radius: 5px 5px 0 0;

  webkit-border-radius: 5px 5px 0 0;

}



.sidebar ul.xoxo .widget_archive ul li:last-child {

  border-radius: 0 0 5px 5px;

  moz-border-radius: 0 0 5px 5px;

  webkit-border-radius: 0 0 5px 5px;

}



.sidebar ul.xoxo .widget_archive ul li a, .sidebar ul.xoxo .widget_archive ul li a:visited {

  color: #444;

  text-decoration: none;

}



.sidebar ul.xoxo .widget_archive ul li a:hover {

  text-decoration: underline; 

  color: #308fcf;

}



/* Single Post */

#singlepost {

  margin: 0 30px;

  padding: 30px 0;

}



#singlepost .entry-meta {

  color: #666;

  padding: 4px 6px;

  border: solid 1px #ddd;

  border-width: 1px 0;

  margin-bottom: 30px;

}



#singlepost .entry-content {



}



#singlepsot #nav-below {



}



#singlepost #respond {

  background: #eee;

  padding: 15px;

  border-radius: 10px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

}



#singlepost #respond h3 {

  font-weight: normal;

}



#singlepost #respond #commentform {



} 



#singlepost #respond #commentform p {

  

}



#singlepost #respond #commentform p label {

  width: 100px;

  float: left;

}



#singlepost #respond #commentform p span.required {

  display: none;

}



/* Footer */

#footer {

  padding-bottom: 10px;

  color: #555;

  text-align: center;

}



#footer #footertext {

  text-align: right;

}