@font-face {
	font-family: 'MicroFLFBold';
	src: url('/themes/site_themes/ccboxv2/images/Font-Micro/MicroFLF-Bold.eot');
	src: local('MicroFLF Bold'), local('MicroFLF-Bold'), url('/themes/site_themes/ccboxv2/images/Font-Micro/MicroFLF-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSansRegular';
	src: url('PT_Sans.eot');
	src: local('PT Sans Regular'), local('PTSans-Regular'), url('PT_Sans.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSansBold';
	src: url('PT_Sans_Bold.eot');
	src: local('PT Sans Bold'), local('PTSans-Bold'), url('PT_Sans_Bold.ttf') format('truetype');
}


::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track-piece{
    background-color: rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb{
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

::-webkit-scrollbar-thumb:hover{
    background-color: rgba(0, 0, 0, 0.5);
}

body{
  margin: 0;
  text-align: center;
  overflow: hidden;
  background: #757B7F;
}

body, td, th, div, input, textarea, select{
  font-family: "PTSansRegular", "Tahoma", "Arial", "Lucida Sans", "Helvetica", Sans-serif;
  font-size: 11px;
  color: #484C51;
}

@media only screen and (max-device-width:480px) {
#scrollbar_wrapper{
	overflow: auto;
}
}


#scrollbar_wrapper{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: none;

}

@media only screen and (max-device-width:480px) {
#scrollbar_wrapper{
   position: relative;
   top: auto;
   right: auto;
   bottom: auto;
   left: auto;
   overflow: auto;
}
}

#repeat_background{
  background: #757B7F url(/themes/site_themes/ccboxv2/images/page_bg.jpg) top left repeat-x;
}

#fullpage_background{
  background: transparent url(/themes/site_themes/ccboxv2/images/background.jpg) top center no-repeat;
}

p{
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
  line-height: 1.6em;
}

img{
  border: 0;
}

div#topnav{
  position: relative;
  width: 792px;
  height: 175px;
  margin: 0 auto;
  background: transparent url(/themes/site_themes/ccboxv2/images/main_header.jpg) center top no-repeat;
}

div#topnav ul.menu{
  position: absolute;
  top: 28px;
  left: 583px;
  list-style: none;
  margin: 0;
  padding: 0;
}

div#topnav ul.menu li{
  list-style: none;
  margin: 0;
  padding: 0;
  background-position: left top;
  background-repeat: no-repeat;
  height: 146px;
  float: left;
}

div#topnav ul.menu li a{
  display: block;
  width: 100%;
  height: 100%;
}

div#topnav ul.menu li.hi a{
  background-position: left -146px;
}

div#topnav ul.menu li.home{
  width: 55px;
}

div#topnav ul.menu li.home a{
  background-image: url(/themes/site_themes/ccboxv2/images/topnav_home.jpg);
}

div#topnav ul.menu li.about{
  width: 48px;
}

div#topnav ul.menu li.about a{
  background-image: url(/themes/site_themes/ccboxv2/images/topnav_about.jpg);
}

div#topnav ul.menu li.showcase{
  width: 37px;
}

div#topnav ul.menu li.showcase a{
  background-image: url(/themes/site_themes/ccboxv2/images/topnav_showcase.jpg);
}

div#topnav ul.menu li.blog{
  width: 38px;
}

div#topnav ul.menu li.blog a{
  background-image: url(/themes/site_themes/ccboxv2/images/topnav_blog.jpg);
}

div#wrapper{
  width: 792px;
  margin: 0 auto;
  background: transparent url(/themes/site_themes/ccboxv2/images/main_content_repeat.jpg) left top repeat-y; 
}

div#top{
  background: transparent url(/themes/site_themes/ccboxv2/images/main_content_header.jpg) center top repeat-x;
}

div#container{
  padding: 0 5px;
  text-align: left;
}

div#footer, div#full_shade_footer, div#no_shade_footer{
  margin: 0 auto;
  width: 792px;
  height: 40px;
}

div#footer{
  background: transparent url(/themes/site_themes/ccboxv2/images/main_content_footer.jpg) center bottom no-repeat;
}

div#no_shade_footer{
  background: transparent url(/themes/site_themes/ccboxv2/images/main_content_footer.jpg) center bottom no-repeat;
}

div#full_shade_footer{
  background: transparent url(/themes/site_themes/ccboxv2/images/main_content_footer_fullshade.jpg) center bottom no-repeat;
}

div#content{
  float: left;
  width: 550px;
  padding: 0 20px;
  margin-top: 10px;
}

div#sidebar{
  float: right;
  width: 190px;
}

div#common_side{
  margin-right: 10px;
  padding-top: 10px;
  background: transparent url(/themes/site_themes/ccboxv2/images/sideblock_t.jpg) left top no-repeat;
}

div#common_side div.header{
  padding: 0 10px;
  padding-bottom: 5px;
  background: transparent url(/themes/site_themes/ccboxv2/images/sideblock_r.jpg) left top repeat-y;
}

div#common_side div.footer{
  padding-bottom: 10px;
  background: transparent url(/themes/site_themes/ccboxv2/images/sideblock_b.jpg) left bottom no-repeat;
}

a, a:link, a:visited, a:active{
  color: #6EB61A;
  text-decoration: none;
}

a:hover{
  color: #8CD438;
}

div.clear{
  clear: both;
}

/*============= INDEX CONTENT =============*/

div#content div.index_section{
}

div#content div.index_section div.date{
  float: right;
  color: #FFF;
  font-size: 16px;
  background: transparent url(/themes/site_themes/ccboxv2/images/content_dateplate.png) left top no-repeat;
  width: 50px;
  height: 20px;
  padding: 0 5px;
  padding-top: 0px;
  line-height: 20px;
  text-shadow: #000 0 1px 0;
  text-align: center;
}

div#content div.index_section div.date span{
  font-size: 11px;
  font-weight: bold;
}

div#content div.index_section a.headline, div#content div.index_section span.headline{
  font-family: 'MicroFLFBold';
  color: #484C51;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  float: left;
  margin-bottom: 3px;
  text-shadow: #FFF 0 1px 0;
}

div#content div.index_section a.headline:hover{
  color: #757B7F;
}

div#content div.index_section div.textbody{
  clear: both;
  line-height: 1.5em;
  margin-bottom: 5px;
}

/*div#content div.index_section div.textbody img{
  margin: 5px 0;
}*/

div#content div.comment_buttons{
  float: right;
}

div#content div.comment_buttons a{
  display: block;
  height: 20px;
  line-height: 20px;  
}

div#content div.comment_buttons a.add_comments{
  width: 23px;
  background: transparent url(/themes/site_themes/ccboxv2/images/content_addcomment.png) left top no-repeat;
}

div#content div.comment_buttons a.view_comments{
  font-size: 9px;
  font-weight: bold;
  width: 16px;
  padding-left: 2px;
  padding-right: 5px;
  background: transparent url(/themes/site_themes/ccboxv2/images/content_viewcomment.png) left top no-repeat;
  text-align: center;
  color: #FFF;
  text-shadow: #507212 0 1px 0;
}

div#content ul.related_topics{
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 18px;
  margin-bottom: 5px;
  background: transparent url(/themes/site_themes/ccboxv2/images/content_links.jpg) left top no-repeat;
}

div#content ul.related_topics li{
  background: transparent url(/themes/site_themes/ccboxv2/images/content_links_arrow.jpg) left center no-repeat; 
  padding-left: 10px;
  line-height: 13px;
}

div#content ul.related_topics li a{
  font-size: 10px;
  color: #484C51;
}

div#content ul.related_topics li a:hover{
  color: #757B7F;
}

div#content div.tag_links{
  background: transparent url(/themes/site_themes/ccboxv2/images/icon_tag.png) left center no-repeat; 
  padding-left: 15px;
  line-height: 14px;
}

div#content div.tag_links a{
  font-size: 10px;
  color: #484C51;
}

div#content div.tag_links a:hover{
  color: #757B7F;
}

div#content div.sep_bar{
  clear: both;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #D6D8D9;
}

div#content.last div.sep_bar{
  display: none;
}

/*================ BLOCKS =================*/

/* search block */
div#sidesearch{
  padding: 10px;
  height: 22px;
  line-height: 22px;
  margin-bottom: 15px;
}

div#sidesearch input.keywords{
  float: left;
  padding: 0 5px;
  margin: 0;
  width: 125px;
  height: 22px;
  border: 0;
  vertical-align: middle;
  color: #666;
  background: transparent url(/themes/site_themes/ccboxv2/images/searchfield_bg.png) left center no-repeat;
}

div#sidesearch input.out_focus{
  color: #CCC;
}

div#sidesearch a.searchbtn{
  float: left;
  display: block;
  width: 22px;
  height: 22px;
  background: transparent url(/themes/site_themes/ccboxv2/images/btn_search.png) center center no-repeat;
}

/* recent topic block */
div#recent_topic{
  margin-bottom: 15px;
  margin-right: 10px;
}

div#recent_topic div.header{
  background: transparent url(/themes/site_themes/ccboxv2/images/subheader_recenttopic.png) 5px center no-repeat;
  height: 16px;
  margin-bottom: 5px;
}

div#recent_topic div.content{
  margin: 0 5px; 
}

div#recent_topic div.content a{
  display: block;
  padding: 2px 5px;
  padding-left: 45px;
  color: #484C51;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.3em;
}

div#recent_topic div.content a span.date{
  font-size: 10px;
  color: #757B7F;
  font-weight: normal;
  float: left;
  margin-left: -40px;
}

div#recent_topic div.content a:hover{
  background-color: #484C51;
  color: #FFF;
}

div#recent_topic div.content a:hover span.date{
  color: #C0C4C1;
}

div#recent_topic div.buttonset{
  margin: 0 5px;
  margin-top: 5px;
  height: 20px;
}

div#recent_topic div.buttonset a{
  display: block;
  float: left;
  height: 20px;
  margin-right: 5px;
}

div#recent_topic div.buttonset a.more{
  float: right;
  background: transparent url(/themes/site_themes/ccboxv2/images/btn_old.png) left top no-repeat;
  width: 49px;
}

div#recent_topic div.buttonset a.rss{
  background: transparent url(/themes/site_themes/ccboxv2/images/btn_rss.png) left top no-repeat;
  width: 27px;
}

/* flickr stream block */
div#flickr_stream{
  margin-bottom: 15px;
}

div#flickr_stream div.blockheader{
  height: 16px;
  margin-bottom: 5px;
  background: transparent url(/themes/site_themes/ccboxv2/images/subheader_flickr.png) left top no-repeat;
}

div#flickr_stream div.blockcontent{
  text-align: center;
}

div#flickr_stream div.blockcontent a.photo{
  display: block;
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 3px;
  margin-bottom: 3px;
  border: 1px solid #757B7F;
}

div#flickr_stream div.blockcontent a.largep{
  width: 150px;
  height: 150px;
}

div#flickr_stream div.blockcontent a.smallp{
  width: 75px;
  height: 75px;
}

div#flickr_stream div.blockcontent div.clear{
  clear: both;
}

/* Last.fm block */
div#last_fm{
  margin-bottom: 15px;
}

div#last_fm div.blockheader{
  height: 16px;
  margin-bottom: 5px;
  background: transparent url(/themes/site_themes/ccboxv2/images/subheader_as.png) left top no-repeat;
}

div#last_fm div.blockcontent ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

div#last_fm div.blockcontent ul li{
  margin-bottom: 2px;
}

div#last_fm div.blockcontent ul li a{
  font-size: 11px;
  line-height: 14px;
  background: transparent url(/themes/site_themes/ccboxv2/images/icon_music.jpg) left top no-repeat;
  color: #484C51;
  padding-left: 16px;
}

div#last_fm div.blockcontent ul li a:hover{
  color: #757B7F;
}

div#last_fm div.blockcontent ul li span.artist{
  font-size: 10px;
  color: #757B7F;
}

/* friends link block */
div#friends_link{
  margin-bottom: 15px;
}

div#friends_link div.blockheader{
  height: 16px;
  margin-bottom: 5px;
  background: transparent url(/themes/site_themes/ccboxv2/images/subheader_links.png) left top no-repeat;
}

div#friends_link div.blockcontent{
  margin: 0;
}

div#friends_link div.blockcontent a.img-link, div#friends_link div.blockcontent a.text-link{
  display: block;
  width: 125px;
  padding: 0;
  margin: 0;
  margin-bottom: 2px;
}

div#friends_link div.blockcontent a.text-link{
  color: #C0C4C1;
  background: transparent url(/themes/site_themes/ccboxv2/images/friendslink_bg.png) left top repeat-y;
  text-shadow: #3C4042 0 1px 0;
  line-height: 20px;
  text-align: center;
}

div#friends_link div.blockcontent a.text-link span{
  padding: 5px;
}

div#friends_link div.blockcontent a.text-link:hover{
  color: #FFF;
}

div#friends_link div.blockcontent a.img-link{
  height: 20px;
  background-position: left top;
  background-repeat: no-repeat;
}

div#friends_link div.blockcontent a.img-link span{
  display: none;
}

/* recent comment block */
div#recent_comment{
  /*margin-bottom: 15px;*/
}

div#recent_comment div.blockheader{
  height: 16px;
  margin-bottom: 5px;
  background: transparent url(/themes/site_themes/ccboxv2/images/subheader_recentcomment.png) left top no-repeat;
}

div#recent_comment div.blockcontent{
  padding: 0;
}

div#recent_comment div.blockcontent a.own_comment, div#recent_comment div.blockcontent a.guest_comment{
  display: block;
  width: 100%;
  margin-bottom: 3px;
}

div#recent_comment div.blockcontent div.c_avatar{
  width: 24px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/themes/site_themes/ccboxv2/images/gravatar_na.jpg);
}

div#recent_comment div.blockcontent div.c_arrow{

}

div#recent_comment div.blockcontent div.c_round{
  color: #C0C4C1;
  padding-top: 5px;
}

div#recent_comment div.blockcontent span.c_name{
  color: #FFF;
  margin-right: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}

div#recent_comment div.blockcontent span.c_date{
  font-size: 10px;
}

div#recent_comment div.blockcontent span.c_topic{
  font-size: 10px;
}

div#recent_comment div.blockcontent span.c_topic span.emp{
  font-weight: bold;
}

div#recent_comment div.blockcontent a.own_comment div.c_avatar{
  float: left;
  margin-left: -40px;
}

div#recent_comment div.blockcontent a.own_comment div.c_arrow{
  margin-left: 30px;
  background: transparent url(/themes/site_themes/ccboxv2/images/rc_mybubble_arrow.jpg) left top no-repeat;
}

div#recent_comment div.blockcontent a.own_comment div.c_round{
  padding-left: 10px;
  padding-right: 5px;
  background: transparent url(/themes/site_themes/ccboxv2/images/rc_mybubble_top.jpg) right top no-repeat;
}

div#recent_comment div.blockcontent a.own_comment div.c_round span.c_name{
  text-shadow: #000 0 1px 0;
}

div#recent_comment div.blockcontent a.own_comment div.c_round_bottom{
  padding-bottom: 5px;
  background: transparent url(/themes/site_themes/ccboxv2/images/rc_mybubble_bottom.jpg) right bottom no-repeat;
}

div#recent_comment div.blockcontent a.guest_comment div.c_avatar{
  float: right;
  margin-right: -40px;
}

div#recent_comment div.blockcontent a.guest_comment div.c_arrow{
  margin-right: 30px;
  background: transparent url(/themes/site_themes/ccboxv2/images/rc_bubble_arrow.jpg) right top no-repeat;
}

div#recent_comment div.blockcontent a.guest_comment div.c_round{
  padding-left: 5px;
  padding-right: 10px;
  background: transparent url(/themes/site_themes/ccboxv2/images/rc_bubble_top.jpg) left top no-repeat;
  color: #CCC;
}

div#recent_comment div.blockcontent a.guest_comment div.c_round span.c_name{
  text-shadow: #484C51 0 1px 0;
}

div#recent_comment div.blockcontent a.guest_comment div.c_round_bottom{
  padding-bottom: 5px;
  background: transparent url(/themes/site_themes/ccboxv2/images/rc_bubble_bottom.jpg) left bottom no-repeat;
}

/* meromero */
div#meromero{

}

div#meromero div.blockheader{
  height: 16px;
  margin-bottom: 5px;
  background: transparent url(/themes/site_themes/ccboxv2/images/subheader_meromero.png) left top no-repeat;
}

div#meromero div.blockcontent{
  margin: 0 5px;
  text-align: center;
}

/*============= CONTENT STYLE =============*/
div.photoWithTitle{
  margin: 10px 0;
}

div.photoWithTitle a img{
  margin: 0;
  padding: 0;
  line-height: 0;
}

div.photoWithTitle span{
  line-height: 1.2em;
  display: block;
  padding: 0 5px;
  font-style: italic;
}

div.alignL{
  float: left;
}

div.alignR{
  float: right;
}

/*============= 2 Column =================*/

ul.photo2Column{
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.photo2Column li{
  padding: 0;
  margin: 0;
  display:-moz-inline-box;
  -moz-box-orient:vertical;
  display:inline-block;
  vertical-align:top;
  word-wrap:break-word;
  margin: 0 5px;
  margin-bottom: 10px;
  width: 250px;
}

* html ul.photo2Column li{
  display:inline;
}

* + html ul.photo2Column li{
  display:inline;
}

ul.photo2Column li > * {
  display:table;
  table-layout:fixed;
  overflow:hidden;
}

* html ul.photo2Column li {
  width: 250px;
} 

ul.photo2Column li img{
  margin: 0;
  padding: 0;
  border: 0;
  display: inline;
}

ul.photo2Column li br,
ul.photo2Column li a
{
  display: inline; 
}

ul.photo2Column li em {
  display: inline;
  font-weight: bold;
  font-style: normal;
}