/*
Theme Name: The Advent - Clean and Modern Business WP Theme
Theme URI: http://themeforest.net/user/wpstall/portfolio
Description: This theme is a combination of a modern, web 2.0, modern style of Business template.
Version: 1.3
Author: Joefrey Mahusay
Author URI: http://themeforest.net/user/wpstall
Tags: php, css, coroporate, business, clean, web 2.0
*/

.content .textwidget { padding-top:20px; }
.content .textwidget blockquote{ margin-top:20px; }
.wrap .columns .textwidget { padding-top:0px; padding-left:0px;}
.wrap .columns .textwidget p { padding-left:0px; color: #78a1b1; }

.wrap .textwidget { padding-top:0px; padding-left:0px;}
.wrap .textwidget p { padding-left:0px; color: #414141; }
.wrap .textwidget blockquote  { color: #8a8a8a; }
.wrap .textwidget blockquote  p.quote{color: #8a8a8a; }

/* sidelink */

#sidebar .sidebox ul          { padding:0 0 20px 0; margin:0; float:left; width:100%; }
#sidebar .sidebox ul li        { padding:0; margin:0; display:block; list-style:none; line-height:18px; }
#sidebar .sidebox ul li a        { display:block; padding:10px 0 10px 10px; width:95%; color:#575757; background:url(http://opencolorado.org/wordpress/wp-content/themes/the-advent/default/line_horizontal.gif) bottom repeat-x;  }
#sidebar .sidebox ul li a:hover,
#sidebar .sidebox ul li a.current    { text-decoration:none; padding-left:10px; width:95%; color:#282828; background:#fbfcf9 url(http://opencolorado.org/wordpress/wp-content/themes/the-advent/default/line_horizontal.gif) bottom repeat-x;  }
#sidebar .sidebox ul li a.current    { font-weight:bold; }

#main_nav li.current_page_item   a      { color:#fff; }

#blog .entry .excerpt h3      { float:left; padding-bottom:4px; width:314px;}

.wp-pagenavi a                { font-size:14px; text-transform:uppercase; text-decoration:underline; }
.wp-pagenavi a:hover              { font-size:14px; text-transform:uppercase; background:#3487b7; color:#fafdff; text-decoration:none; }
/*.columns img    { max-width:50px;}*/

#flickr{

  position: relative;

  overflow: hidden;
  
  margin-left: -16px;

  padding-top: 10px;

  width: 256px;  

}





#flickr li{

  float: left;

  margin: 0 0 12px 16px;

  height: 68px;

  width: 68px;

  list-style: none;

}



#flickr li a{

  float: left;

  height: 64px;

  width: 64px;

  border: 4px solid #e5e5e5;

}



#flickr li a img{

  float: left;

  height: 64px;

  width: 64px;

}



#flickr .flickr_badge_image{

  float: left;

  margin: 0 0 12px 16px;

  height: 68px;

  width: 68px;

  list-style: none;

}



#flickr .flickr_badge_image a{

  float: left;

  height: 64px;

  width: 64px;

  border: 4px solid #e5e5e5;

}

  

#flickr .flickr_badge_image a img{

    float: left;

    height: 64px;

    width: 64px;

}



/*blog comment post*/

/*------------->>> comment list <<<----------------*/

#commentform textarea {

  width: 100%;

}



#respond h3,

h3#comments {

  color: #000;

  font-size: 24px;

  margin: 0;

  padding: 0;

  margin-bottom: 2px;

  clear: left;

}  



ol#commentlist { 

  list-style-type: none; 

  margin:0; 

  padding:0 0 40px 0; 

  background: none;

  /*width:580px;*/

  float:left;

}



.avatar {

  float:left; 

  margin:0 12px 0 0;

}



ol#commentlist li {

  clear:both;

  margin:20px 0;

  padding:5px 0 5px 0px;

  list-style-type:none;

  float:left;

  width:100%;

}

ol#commentlist li .author-meta{

  border-top: solid 1px #a3a3a3;

  float:left;

  width:150px;

  padding:20px 20px 0 0;

}

ol#commentlist li .author-meta cite, ol#commentlist li .author-meta cite a, ol#commentlist li .author-meta cite span {

  display:block;

}



ol#commentlist li .author-meta cite {

  font-family: arial, verdana, tahoma;

  font-size: 10px;

  font-style: normal;

  color:#c2c2c2;

  display:block;

  margin-bottom:10px;

}

ol#commentlist li .author-meta cite a, ol#commentlist li .author-meta cite span{

  font-size:12px;

  font-weight:bold;

  text-decoration:underline;

}

ol#commentlist li .author-meta cite a:hover{

  text-decoration:none;

}

ol#commentlist li .author-meta cite span {

  color:#999;

  text-decoration:none;

}





 

ol#commentlist li .author-comment{

  border-top: solid 1px #e5e5e5;

  float:right;

  width:460px;

  padding:20px 0 0 20px;

}





ol#commentlist li.alt {  

  background: none;

  border: none;

}



ol#commentlist li p {

  margin: 6px 0 0 0; 

  padding: 0 20px 0 0; 

  line-height: 14pt;

}




.slider_bg  {clear:both; background:url(images/slideshow_bg1.png) no-repeat bottom center; width:100%; text-align:center; height:360px; margin-bottom:20px;}
.slider_bg2  {clear:both; background:url(images/slideshow_bg1.png) no-repeat bottom center; width:100%; text-align:center; height:420px; margin-bottom:60px;}
#cuser_container { width:960px; margin:0 auto; height:351px; outline:0; }
#piecemaker_container { width:1200px; margin:0 auto; height:550px; outline:0; margin-top:-60px;}


#nivo_slider_bg  {background:url(images/slideshow_bg2.png) no-repeat bottom center; width:100%; text-align:center; margin-bottom:60px;}
/*
  #nivo_container { width:960px; text-align:center; margin:0 auto; height:513px;}
*/

/*slideshowHolder_outer*/
#slideshowHolder_outer{
  clear:both;
  margin:0 auto;
  background:url(images/slideshow_bg1.png) no-repeat bottom center;
  width:960px;
  height:389px;
  text-align:center;
  margin-bottom:60px;
}
* html #slideshowHolder_outer{
  margin:0px 0 0 0px;
}



/*slideimage*/
#slideimage {
  list-style:none; 
  width:960px; 
  height:370px; 
  display:block; 
  overflow:hidden;
}
#slideimage li {
  float:left;
  display:inline; 
  overflow:hidden; 
  margin:0; 
  padding:0;
}
#slideimage li .slide{
  position:relative;
  overflow:hidden; 
}
#slideimage li .slide .shadow{
  position:absolute;
  z-index:100;
  width:50px;
  height:370px;
  background:url(images/slideshow_bg1.png) no-repeat;
  right:0;
}
*:first-child+html #slideimage li .slide .shadow{
  right:0px;
}
#slideimage li .slide .small-caption{
  background:#000;
  opacity:50%;
  position:absolute;
  z-index:200;
  right:0;
  padding:20px;
  display:none;
}
#slideimage li .slide .small-caption h2{
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:11px;
  line-height:20px;
  text-transform:uppercase;
  color:#fff;
  margin-bottom:0px;
}
#slideimage li .slide .big-caption{
  display:yes;
  background:#000;
  opacity:30%;
  position:absolute;
  z-index:200;
  left:0;
  bottom:5px;
  padding:20px;
  width:762px;
  text-align:left;

}
* html #slideimage li .slide .big-caption{
  margin-right:20px;
}
#slideimage li .slide .big-caption h2{
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:20px;
  line-height:24px;
  color:#fff;
}
#slideimage li .slide .big-caption p{
  margin-bottom:0px;
  color:#fff;
}


/*pre  {
  background:#eeeeee; 
  border:1px solid #cccccc; 
  color:#777777; 
  padding:8px 15px 8px 15px; 
  margin-bottom:23px; 
  font-size:12px;
  -moz-border-radius:5px; 
  -webkit-border-radius:5px; 
  border-radius:5px; 
}*/

a.button {
  padding:8px 15px;
  font-size:12px;
  line-height:18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: url(images/overlay_btn.png) top left repeat-x #265274;
  margin:0 20px 10px 0;
  -webkit-box-shadow: 1px 2px 2px #AAA;
  -moz-box-shadow: 1px 2px 2px #AAA;
  box-shadow: 1px 2px 2px #AAA;
}

a.button:hover {
  background-color: #333!important;
  background-image: url(images/overlay2_btn.png);
  background-position: bottom left;
}


.informationbox {
  display:block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*background: url(http://opencolorado.org/wordpress/wp-content/themes/the-advent/images/buttonoverlay.png) top left repeat-x;*/
  padding:10px;
  overflow: hidden;
}

.informationbox img {
  background: transparent;
  border: 0px;
  padding:0px;
  float:left;
  display: block;
  margin:0 10px 0 0;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
}

.informationbox span {
  line-height:24px;
  float:left;
  display: block;
  font-size:13px;
}

.error {
  background-color: #d7a4a4;
  border: 1px solid #a06464;
  color: #622525;
}

.info {
  background-color: #cee6f8;
  border: 1px solid #87b6da;
  color: #4d7694;
}

.warning {
  background-color: #f9f2cf;
  border: 1px solid #e0d18a;
  color: #9c9055;
}

.success {
  background-color: #bbf2bc;
  border: 1px solid #83df85;
  color: #3b783c;
}

.rss-box{
  background:#F2F8F2;
  border:2px #D5E9D5 solid;
  font-weight:bold;
  padding:10px;
  margin-bottom:10px;
}

/*#blog .entry h3      { margin-top:35px; }*/



/* ----------------------------------------------------------------------*/
/* --------------->>> COLUMNS for pages with sidebar<<<------------------*/
/* ----------------------------------------------------------------------*/
.one-half h2, .one-third h2, .one-fourth h2, .three-fourth h2, .two-third h2{
  font-size:15px;
  font-weight:bold;
}
.one-half h3, .one-third h3, .one-fourth h3, .three-fourth h3, .two-third h3{
  font-size:10px;
  font-weight:none;
}
.one-whole{
  width:650px;
  float:left;
  margin-bottom:40px;
}
.one-half{
  width:310px;
  float:left;
}
.one-third, .one-half{
  padding-right:40px;
  margin-bottom:40px;
}
.one-third{
  width:190px;
  float:left;
}
.one-third div{
  float:right;
  width:190px;
}
.one-fourth{
  width:146px;
  float:left;
  padding-right:21px;
  margin-bottom:40px;
}
.three-fourth{
  width:460px;
  float:left;
  padding-right:20px;
  margin-bottom:40px;
}
.two-third{
  width:410px;
  float:left;
  padding-right:40px;
  margin-bottom:40px;
}

.last{
  padding-right:0px;
  padding-left:0px;
}
#content .one-half{
  float:left;
  width:305px;
  margin-bottom:20px;
}
#content .one-half p{
  clear:both;
}
/*#content .one-half h3{
  font-size:12px;
  font-weight:bold;
}*/


/* ---------------------------------------------------------------*/
/* --------------->>> COLUMNS for full pages <<<------------------*/
/* ---------------------------------------------------------------*/
.one-half-fullpage h2, .one-third-fullpage h2, .one-fourth-fullpage h2, .three-fourth-fullpage h2, .two-third-fullpage h2{
  font-size:15px;
  font-weight:bold;
}
.one-half-fullpage h3, .one-third-fullpage h3, .one-fourth-fullpage h3, .three-fourth-fullpage h3, .two-third-fullpage h3{
  font-size:10px;
  font-weight:none;
}
.one-whole-fullpage{
  width:960px;
  float:left;
  margin-bottom:40px;
}
.one-half-fullpage{
  width:455px;
  float:left;
}
.one-third-fullpage, .one-half-fullpage{
  padding-right:40px;
  margin-bottom:40px;
}
.one-third-fullpage{
  width:290px;
  float:left;
}
.one-third-fullpage div{
  float:right;
  width:290px;
}
.one-fourth-fullpage{
  width:223px;
  float:left;
  padding-right:21px;
  margin-bottom:40px;
}
.three-fourth-fullpage{
  width:700px;
  float:left;
  padding-right:20px;
  margin-bottom:40px;
}
.two-third-fullpage{
  width:630px;
  float:left;
  padding-right:40px;
  margin-bottom:40px;
}

.last{
  padding-right:0px;
  padding-left:0px;
}
/*
#content .one-half-fullpage p{
  clear:both;
}
#content .one-half-fullpage h3{
  font-size:12px;
  font-weight:bold;
}*/


pre {
  white-space:pre;
  font-size:11px;
  padding-left:5px;
  border-left:3px solid #e0e0e0;
  background:#eee url(images/line.gif) repeat;
  margin-bottom:20px;
}

.border-bottom{
  border-bottom:1px solid #ccc;
  margin-bottom: 20px;
}

.dropcap{ 
  display:block; 
  float:left; 
  font-size:44px; 
  font-weight: bold;
  line-height:40px; 
  margin:0 5px 0 0;
}

/* Gallery Page Template */
#content .thumb_gallery{ 
  display:block; 
  float:left; 
  margin: 0 20px 20px 0;   
  width:132px; 
  height:132px; 
  padding:3px; 
  background:#fff; 
  position:relative;  
  border:1px solid #ccc; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px;
}
#content .thumb_gallery:hover{
  border-color:#aaaaaa; 
  background:#d6d9d0;
}

#breadcrumbs{
  width:600px;
}


/* Pricing shortcodes styles */

.colorbox {
  padding:0px;
  margin:0px 0px 10px 0px; 
  position:relative; 
  overflow: hidden; 
  height: 100%;
  border:1px solid #ccc !important;
  background-color:#fff;
  background:-moz-linear-gradient(bottom, #f2f2f2 0px, #fff 100%);
  background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #fff));
  -moz-box-shadow:0px 1px 1px #aaa;
  -webkit-box-shadow:0px 1px 1px #aaa;
  box-shadow:0px 1px 1px #aaa;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px; 
}

.one-third .colorbox .boxcontent { 
  padding-left: 25px;   
}

.one-fourth .colorbox .boxcontent ul{ 
  clear:both; 
  margin:0px; 
  margin-bottom:20px; 
  margin-top: -40px;   
  padding:0px 5px 0px 5px; 
  color:#585858; 
}

.one-fourth-fullpage .colorbox .boxcontent ul{ 
  clear:both; 
  margin:0px; 
  margin-bottom:20px; 
  margin-top: -40px;   
  padding:0px 15px 0px 15px; 
  color:#585858; 
}

.one-third .colorbox .boxcontent ul{  
  clear:both; 
  margin:0px; 
  margin-bottom:20px; 
  padding:0px 10px 0px 10px; 
  color:#585858; 
}

.one-third-fullpage .colorbox .boxcontent ul{  
  clear:both; 
  margin:0px; 
  margin-bottom:20px; 
  padding:0px 20px 0px 20px; 
  color:#585858; 
}

.one-half .colorbox .boxcontent ul{  
  clear:both; 
  margin:0px; 
  margin-bottom:20px; 
  margin-top: -20px; 
  padding:0px 20px 0px 20px; 
  color:#585858; 
}

.one-half-fullpage .colorbox .boxcontent ul{  
  clear:both; 
  margin:0px; 
  margin-bottom:20px; 
  margin-top: -20px; 
  padding:0px 20px 0px 20px; 
  color:#585858; 
}
.one-whole .colorbox .boxcontent ul, .one-whole-fullpage .colorbox .boxcontent ul{  
  clear:both; 
  margin:0px; 
  margin-bottom:20px; 
  margin-top: -20px; 
  padding:0px 20px 0px 20px; 
  color:#585858; 
}


.colorbox .boxcontent ul li{ 
  padding-bottom:10px;
}

.colorbox .boxcontent a.button{
  margin-left:20px;
  display:block;
  margin-top:-20px;
  margin-bottom:-20px;
  text-align:center;
  height: 15px;
  font-size: 14px;
}

.colorbox .boxcontent a.button:hover{
  text-decoration:none;
}


.colorboxtitle { 
  font-size:1px; 
  text-align:center; 
  color:#fff; 
  padding: 10px 0px; 
  letter-spacing:1px;
  -moz-border-radius-topleft: 5px; 
  -moz-border-radius-topright: 5px; 
  -webkit-border-top-right-radius: 5px; 
  -webkit-border-top-left-radius: 5px; 
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  border-radius: 5px; 
  border-bottom:0px;
}

.one-fourth .priceboxtitle , .one-fourth-fullpage .priceboxtitle {  
  font-size:30px; 
  text-align:center; 
  margin-bottom:20px; 
  margin-top:20px; 
}

.one-third .priceboxtitle, .one-third-fullpage .priceboxtitle {  
  font-size:30px; 
  text-align:center; 
  margin-bottom:20px; 
  margin-top:20px; 
}

.one-half .priceboxtitle, .one-half-fullpage .priceboxtitle {  
  font-size:30px; 
  text-align:center; 
  margin-bottom:0px; 
  margin-top:20px; 
}

.one-whole .priceboxtitle, .one-whole-fullpage .priceboxtitle {  
  font-size:30px; 
  text-align:center; 
  margin-bottom:0px; 
  margin-top:20px; 
}

.priceboxtitle span { 
  font-size:14px; 
  vertical-align:none; 
}