/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
body { margin: 0px; padding: 0; color: #313131; background: #DAD2CB url('images/back_brownfade.jpg') repeat-x top left; font-family: Verdana; font-size: 14px; line-height: 20px; }
a:link, a:visited { text-decoration: none; color: #B32F2D; }
a:hover { color: #660B0B; }
h1 { margin: 0px 0px 20px 0px; padding: 0 0 10px 0; color: #646057;  font-family:"Georgia", serif; font-size:50px; font-style:italic; font-weight:bold; text-transform:lowercase; line-height:40px; }
h2 { margin:10px 0 10px 0; font-weight: normal; font-size: 35px; font-family:"Georgia", serif; color: #BB3330; font-style:italic; font-weight:bold; line-height: 30px;}
h3 { margin: 30px 0px 10px 0px; font-weight: normal; font-size: 24px; font-family: "Georgia", serif; font-weight: bold; font-style: italic; color: #A80401;}
h3.home { margin: 0 0px 10px 0px; font-weight: normal; font-size: 35px; font-family: "Georgia", serif; font-weight: bold; font-style: italic; color: #A80401;}
h4 { margin: 0px 0px 20px 0px; font-weight: normal; font-size: 27px;}
blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; background: #EBE7E2; border: 2px solid #D7CFC6; }
p img { padding: 0; max-width: 100%; border:0 none;}
a { outline: 0; }

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

#social-icons {
	float: right;
	height: 50;
	width: 350px;
}


#bgdiv { }
#topsection {  background: url('images/back_header.jpg') repeat-x top left;  }
#logobg {  margin: 0; padding: 0;}
.headings { width: 194px; background-color: #222222; display: block; height: 28px; font-weight: bold; color: #fff; padding-left: 20px; padding-top: 3px; clear: both; }
#wrapper2 { width: 950px; margin: auto; padding: 0px 0px 0px 0px; }
.post-wrapper { padding: 0 0 50px 0; }
.rule { clear: both; border-top: 1px solid #222222; width: 636px; margin: 15px 0px; float: left; }
#page-wrapper { margin-top: 15px; }
#home-wrapper { width: 660px; float: left; margin-top: 30px; }
#work-wrapper { width: 850px; margin-top: 15px; }
#follow { height:75px; width: 873px; margin: 20px 0 0 0;  float:right; background: url(images/follow_back.jpg) right no-repeat;}
#follow-icons { float: right; }

.follow-text { 	
	color:#fff;
	float:left;
	font-family:georgia;
	font-size:25px;
	font-style:italic;
	font-weight:bold;
	margin:15px 0 0 170px;}
	
#home-about { width: 250px; height: 287px; float: left; margin-right: 10px; margin-top:30px; padding:15px 15px 15px 15px; background: #FAFAFA;}
.home-left { width: 420px; border-right: 1px solid #222222; float: left; }
.home-post-wrap { width: 395px; border-bottom: 1px solid #222222; padding: 15px 25px 25px 0px; }
.home-post-wrap-2 { width: 636px; border-bottom: 1px solid #222222; padding: 15px 0px; }
.home-post-wrap-3 { width: 636px; border-bottom: 1px solid #222222; padding: 0px; }
.home-right { width: 214px; float: left; }
.readmore { background-image: url(images/readmore-bg.png); padding: 5px 10px; color: #fff; font-size: 10px; margin: 0 0 0 40px; display: block; float: right; }
.readmore a:link, .readmore a:hover, .readmore a:visited { color: #FFFFFF; font-size: 10px; }

.readmore2 { background-image: url(images/readmore-bg.png); padding: 5px 10px; color: #fff; font-size: 10px; margin: 111px 0 0 40px; display: block; float: right; }
.readmore2 a:link, .readmore2 a:hover, .readmore2 a:visited { color: #FFFFFF; font-size: 10px; }

.titles a:link, .titles a:visited, .titles a:active { text-decoration: none; font-size: 20px; font-family: Georgia; margin-top: 10px; color: #6a909f; float: left; margin-bottom: 15px; clear: both; }
.post-title { line-height:40px; margin: 15px 0px 20px 0px; }
.post-title2 { margin: 0px 0px 20px 0px; }
.blog-title { margin:20px 0 10px 115px;  }
.blog-title-big { font-size: 35px; margin: 5px 0 10px 0px;  text-transform: lowercase; line-height: 30px; }
#header { width: 950px; margin-top: 0px; height: 219px; background-color: #373434; background-image: url(images/header-bg.gif); background-repeat: repeat-x; float: left; }
#container { float: left; width: 950px;  }
#container2 { float: left; width: 900px; margin: 25px 0 0 0; background-color: #FBFAF9; padding: 35px 25px 25px 25px; }
#left-div { float: left; }
#left-div2 { width: 600px; float: left; padding: 0 0 0 0; }
#left-inside { float: left; padding: 0px 0px 0px 19px; }
.right { float: right; }
.adwrap { margin-left: -5px; float: left; width: 270px; }
.adwrap a, .adwrap a:hover, .adwrap a:visited { margin-right: 5px; margin-bottom: 5px; display: block; float: left; }
#about-image { float: left; display: inline; margin-right: 10px; border: 5px solid #313131; }
.author-image { display:block; float:left; border:5px solid #DAD2CB;}
.author-image2 { display:block; float:left; border:5px solid #DAD2CB; margin:0 10px 0 0;}
.post-info { color: #646057; font-size: 12px; float: left; height: 22px; font-weight: bold; margin: 0 0 0 0; padding: 5px; background-color: #EBE7E2;}
.post-info-main { color: #646057; font-size: 12px; float: left; height: 22px; font-weight: bold; margin: 0 0 0 0; }
.post-info2 { height: 22px; float: left; border-right: 1px solid #3d3d3d; border-top: 1px solid #3d3d3d; border-bottom: 1px solid #3d3d3d; background-image: url(images/ratings-bg.gif); color: #fff; padding: 4px 10px; }
.post-info a:link, .post-info a:visited { color: #9E8981; }
.logo { border: none; float: none; margin: 20px 0 18px 320px; }
#animate a { background:url(images/pages-bg.jpg) repeat -80px 35px; }
.current-category { background-color: #313131; color: #fff; border: 1px solid #424242; padding: 5px 10px; display: block; margin-bottom: 10px; width: 625px; font-family: "Georgia", serif; font-weight: bold; }
.ad_468 { position: absolute; left: 403px; top: 20px;}
.bottom-post-bar { background-color: #F4F2F0; border: 1px solid #DED8CF; height: 20px; padding: 5px; }
.bottom-cattag-bar { background-color: #F4F2F0; border: 1px solid #DED8CF; height: 40px; padding: 5px; }
.continue-reading { float: right; }
.comments-bar { float: left; }

/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/
#footer { clear: both; float: left; padding-top: 14px; padding-bottom: 20px; margin: 25px 0 0 0; font-size: 11px; background-color: #161616; width: 100%; height: 50px; }
.footer-inside { margin: auto; width: 940px; padding: 0px 10px 0px 0px; text-align: right; color: #FFFFFF; font-family: "Georgia", serif; font-size: 16px; }
.footer-subtext { margin: auto; width: 940px; padding: 0px 10px 0px 0px; text-align: right; color: #FFFFFF; font-family: "Georgia", serif; font-size: 12px; }
.footer-insie a:link, .footer-insie a:visited { color: #fff; }
#bottom { padding: 15px 0 15px 0; float: left;  }
.bottom-box { width: 450px;  float: left; margin-right: 17px; }
.bottom-box2 { width: 294px; background-color: #212121; border-bottom: 5px solid #1d1d1d; float: left; margin-right: 17px; min-height: 299px; }
.bottom-box2 h3 { color: #868686; font-size: 20px; margin-left: 10px; }
.bottom-box-inside { margin-left: 10px; padding: 10px 0px; float: left;  }
.bottom-box h3 { color: #646057; font-family: "Georgia", serif; text-transform: lowercase; font-size: 25px; margin-left: 10px; }
.bottom-span { display: block; color: #939393; float: left; }
.bottom-span a:link, .bottom-span a:visited { font-size: 14px; font-weight: bold;  }
.bottom-span2 { width: 193px; color: #646057; display: block; float: left; font-size:11px; font-weight:bold; text-transform:uppercase;}
.bottom-span3 { color:#646057; display: block; float: left; }
.bottom-span3 a:link, .bottom-span3 a:visited { color: #646057; }
.bottom-thumbnail { background-color: #313131; border: 1px solid #464646; padding: 4px; float: left; display: inline; margin-right: 12px; position: relative; }
.bottom-thummbail-hover-wrap { position: relative; display: none; }
.bottom-thumbnail-hover { width: 59px; height: 59px; background-image: url(images/thumbnail-overlay.png); z-index: 5; position: absolute; float: left; }

/*------------------------------------------------*/
/*--------------------[Who We Are]-------------------*/
/*------------------------------------------------*/
#aboutleft {float:left; width: 590px;}
#ourteam {  width:250px; background-color:#EDE9E4; border:1px solid #DED8CF; padding: 0 10px 10px 10px;}
#partners { width:250px; background-color:#EDE9E4; border:1px solid #DED8CF; padding: 0 10px 10px 10px;}
.teamfont { font-size: 12px; line-height: 15px; color: #6C5F55;}
.teamphotos { margin: 10px 0 0 0; }
.teamname { font-size: 14px; line-height: 16px; font-weight: bold; color: #6C5F55; }
#ourworkbox { float: right; width:220px; background-color:#EDE9E4; border:1px solid #DED8CF; padding: 0 10px 10px 10px; margin:100px 0 0 0;}
.partnerlogos { text-align: center; padding: 10px 0 5px 0;}
#who-sidebar { float: right; }

/*------------------------------------------------*/
/*--------------------[OUR WORK]-------------------*/
/*------------------------------------------------*/

/* for use on case study pages */

.intropad { height: 80px; }

/* position list chunks side by side */
div.work-wrapper { float: left; width: 280px;}
div.work-wrapper ul { list-style-type: none; }

/* clear float after lists */
br { clear: left; }

/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/

#twtr-widget-1 .twtr-tweet-text { font-size: 14px; margin-left:0;}

#avhec-widget-line { }

#sidebar { float: right; width: 270px; background-color:#EDE9E4; border: 1px solid #DED8CF; }
.sidebar-box { float: right; width: 272px; margin-bottom: 10px; }
.sidebar-box-inside {width: 242px; float: right; padding: 13px 15px; }
.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active { width: 215px; color: #fff; display: block; background-color: #646057; border: 1px solid #4D4A44; padding: 3px 8px 5px 8px; }
						.sidebar-box ul li { margin: 5px 3px 3px 5px; clear: both; }
						.sidebar-box ul { list-style-type: none; clear: both; margin-left: 0px; padding-left: 0px; margin-top: 0px; padding-top: 0px; }
						.sidebar-box ul li a:hover { color: #fff; background-color: #222222;}
						.sidebar-box-title { font-family: "Georgia", serif; font-size: 30px; color: #646057; float: left; text-transform: lowercase; padding: 10px 0 10px 0;}
						.sidebar-box-title2 { font-family: "Georgia", serif; font-size: 40px; color: #646057; float: left; text-transform: lowercase; padding: 10px 0 10px 0;}

#rss-icon { float:right; margin:0 10px 10px;}

/*------------------------------------------------*/
/*------------------[THUMBNAILS]------------------*/
/*------------------------------------------------*/
.thumbnail-wrap-home { float: left; margin: 0px 20px 18px 0px; width: 145px; height: 145px; }


.thumbnail-wrap { float: left; margin: 0px 18px 18px 0px; width: 151px; height: 151px; }
.thumbnail-category { margin: 0px 14px 18px 0px; }
.thumbnail-div { float: left; width: 141px; height: 141px; border: 6px solid #FAFAFA;  }
.thumbnail-div .sections-overlay { background: url(images/thumbnail-overlay.png) no-repeat -40px -300px; width: 141px; height: 141px; margin-top: -33px; float: left; }
.thumbnail-shadow { width: 100%; float: left; height: 33px; }
.thumbnail-div .sections-overlay .zoom { margin: 22px 0px 0px 30px; }
.thumbnail-single .sections-overlay { width: 624px; height: 364px; }
.thumbnail-single embed, .thumbnail-single object { width: 624px; height: 364px; }
.thumbnail-bottom { margin: 5px 0px 0px -5px; }
.thumbnail-single { border: 10px solid #313131; width: 624px; height: 364px; }
.single-photo { border: 5px solid #313131; width: 500px; height: 300px; float: left; margin:0 25px 5px 0;}
.blogthumbnail { border: 10px solid #313131; display: inline; float: left; margin-right: 15px; }


/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/
.comments-wrapper {  padding: 35px 15px 15px 15px; float: left; background-repeat: repeat-x; margin: 25px 0 0 0; }
#commentform { margin: 0; }
#commentform textarea { border: 1px solid #D7CFC6; width: 550px; padding: 10px; color: #222222; }
#commentform #email { font-size: 13px; background: #FFFFFF; border: 1px solid #D7CFC6; width: 207px; height: 20px; padding-left: 13px; padding-top: 6px; margin-bottom: 3px; color: #222222; }
#commentform #author { font-size: 13px; background: #FFFFFF; border: 1px solid #D7CFC6; width: 207px; height: 20px; padding-left: 13px; padding-top: 6px; margin-bottom: 3px; color: #222222; }
#commentform #url { font-size: 13px; background:#FFFFFF; border: 1px solid #D7CFC6; width: 207px; height: 20px; padding-left: 13px; padding-top: 6px; margin-bottom: 3px; color: #222222; }
.commentmetadata { text-transform: uppercase; color: #fff; font-size: 12px; text-transform: uppercase; margin-top: 5px; display: block; background-color:#646057; padding: 2px 10px; width: 350px;}
#comments { margin: 0px 0px 35px 6px; color: #646057; text-transform:lowercase; }
.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited { color: #fff; }
.fn, .fn a:link, .fn a:hover, .fn a:visited, .says { color: #A80401; font-family: Georgia; font-size: 25px; font-style: normal; }
.avatar { border: 5px solid #646057; margin:10px 10px 5px; width: 40px; height: 40px; float: left;}
.comment { margin-bottom: 15px; float: left; clear: both; list-style: none; background-color: #EBE7E2; padding: 10px; min-width:570px;}
.children .comment { border-top: 1px solid #222222; border-bottom: none; padding-top: 15px; margin-bottom: 0px; }
.comment-reply-link, .comment-reply-link:visited { color: #171717 !important; display: block; font-weight: bold; background-color: #c4c4c4; padding: 2px 7px; float: right; text-transform: lowercase; font-size: 11px; border: 1px solid #fff; margin-bottom: 10px; margin-top: -10px; }
.commentlist { float: left; padding: 0; margin: 0; }
.comment-reply-link:hover { background-color: #fff; }
.cancel-comment-reply a:link, .cancel-comment-reply a:visited { color: #171717 !important; display: block; font-weight: bold; background-color: #c4c4c4; border: 1px solid #fff; padding: 0px 5px; text-transform: lowercase; font-size: 10px; float: left; clear: both; }
#commentform { clear: both; float: left; }
.cancel-comment-reply a:hover { background-color: #fff; }
#respond { float: left; width: 100%; }
#respond h3 {  margin: 25px 0 0 0;  text-transform:lowercase;}


/*------------------------------------------------*/
/*-----------------[FEATURED SLIDER]--------------*/
/*------------------------------------------------*/
.featured { background-color: #1d1d1d; border: 10px solid #F9FFFF; background-image: url(images/slider-bg.gif); width: 930px; height: 364px; margin: 25px 0 0 0; float: left; }
.featured-info { color: #56adff; background-color: #313131; border: 1px solid #424242; padding: 0px 10px; margin: 15px 0px; }
#sections { width: 655px; height: 364px; float: left; overflow: hidden; }
#sections ul { width: 10000px; padding: 0; margin: 0; height: 364px; float: left; list-style-image: none; display: block; }
#sections li { width: 655px; height: 364px; display: block; float: left; }
.sections-overlay { background-image: url(images/readmore-bg.png); width: 655px; height: 364px; }
.sections-overlay .zoom { margin: 135px 0px 0px 287px; border: none; }
#featured-right { width: 262px; height: 364px; float: right; }
#sections2 { width: 262px; height: 296px; float: right; overflow: hidden; }
.featured-readmore { background-color: #353535; padding: 0px 10px 3px 10px; display: block; float: right; margin-top: 15px; color: #CCCCCC; }
.featured-readmore a:link, .featured-readmore a:hover, .featured-readmore a:visited { color: #CCCCCC; }
.featured-readmore a:hover { color: #FFFFFF; }
#sections2 ul { width: 262px; padding: 0; margin: 0; height: 5000px; float: left; list-style-image: none; display: block; }
#sections2 li { width: 227px; height: 257px; display: block; float: left; padding:20px 10px 20px 5px; color: #F5F5F5; }
.featured-title a { color: #fff; font-size: 50px; text-transform: lowercase; font-family: "Georgia", serif; line-height: 40px;}
.client-title  { color: #646057; font-size: 50px; text-transform: lowercase; font-family: "Georgia", serif; line-height: 40px;}
.client-pre  { color: #646057; font-size: 30px; text-transform: lowercase; font-family: "Georgia", serif; line-height: 40px;}
#featured-button { width: 261px; height: 66px;  float: right; }
.prev { width: 40px; height: 40px; cursor: pointer; float: left; background-image: url(images/arrow-left.gif); margin-top: 18px; margin-left: 10px; }
.next { width: 40px; height: 40px; cursor: pointer; float: right; background-image: url(images/arrow-right.gif); margin-top: 18px; margin-right: 10px; }
.prev-hover { width: 40px; height: 40px; cursor: pointer; background-image: url(images/arrow-left-hover.gif); }
.next-hover { width: 40px; height: 40px; cursor: pointer; background-image: url(images/arrow-right-hover.gif); }


/*------------------------------------------------*/
/*-------------[CAPTIONS AND ALIGNMENTS-----------*/
/*------------------------------------------------*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
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; }
.alignright { float: right; }
.alignleft { float: left }


/*------------------------------------------------*/
/*------------------[NAVIGATION]------------------*/
/*------------------------------------------------*/
.logowrap { width: 950px; }
.logowrap ul { float: left; margin: 0 0 0 0; }
.logowrap ul li { float: left; display: block; margin-right: 10px; }
.logowrap ul li a:link, .logowrap ul li a:visited { padding: 5px 10px; color: #fff; display: block; }
.logowrap ul li a:hover { color: #000; }
		/*------------------[DROPDOWN MENU]------------------*/
				.nav ul { position:absolute; top:-999em; }
		.nav li { float:left; position:relative; z-index:9; }
		.nav ul li { width: 100%; }
		.nav li:hover ul, ul.nav li.sfHover ul { left:-40px; top:7px; }
		.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:161px; top:-26px; }
		.nav li:hover ul, .nav li li:hover ul { top: -999em; }
		.nav li li { padding: 0px; }
		.nav li:hover { }
		.nav li li a:link, .nav li li a:visited { width: 180px; display: block; background-image: url(images/pages-bg-2.gif) !important; background-position: 400px 0px; }
		.nav li li a:hover { }

/*------------------------------------------------*/
/*------------------[SEARCH FORM]-----------------*/
/*------------------------------------------------*/
#searchform { margin-right: 20px; margin-bottom: 15px; }
.search_bg { float: right; margin-top: 18px; margin-left: 10px; }
.search_bg #s { background: #FFF; font-size:11px; color:#fff; font-family: Arial; width:150px; vertical-align:middle; padding:10px; border: 1px solid #e5e3d3; }
.search_bg #searchsubmit { background-color: #56adff; color: #fff; font-weight: bold; cursor: pointer; border: 5px solid #f6f6e9; vertical-align:middle; text-transform: lowercase; margin-left: 10px; height: 30px; padding-bottom: 10px; }

/*------------------------------------------------*/
/*---------------[PAGES DROPDOWN]--------------*/
/*------------------------------------------------*/
ul#page-menu { z-index: 100; height: 43px; margin: 0 0 0 0; display: block; text-transform: lowercase; font-family: "Georgia", serif; font-size: 18px; font-weight:bold; font-style:italic; }
		ul#page-menu li { float:left; }
			ul#page-menu li a { padding: 9px 15px 10px; color: #ffffff;  }
				ul#page-menu li a:hover { text-decoration: none; }
			ul#page-menu li.current_page_item a { background:transparent url(images/active-page-bg.png) repeat-x scroll top left; border-left:1px solid #FFFFFF; color:#000000; font-weight:bold; padding: 11px 15px 15px; height: 17px; }
	ul#page-menu li li { background:#253c48; background-image:none; margin:0; padding: 0px; width: 240px; }
		ul#page-menu li li a, ul#page-menu li.current_page_item li a, ul#page-menu li.current_page_parent li.current_page_item a { background: none; text-align: left; height:auto; padding:10px 12px; display: block; width: 216px; border: 0px; color: #ffffff; font-weight: normal; }
	#page-menu ul { background-image: url(images/pages-bottom.png); padding-bottom: 18px; }
	#page-menu li:hover ul, ul#page-menu li.sfHover ul { top:39px; }
		#page-menu li li { background-image: none; margin: 0px; }
		ul#page-menu > li:hover > a { background-color: #2C2B29; }
			#page-menu li li:hover ul, ul#page-menu li li.sfHover ul { top:0px; }
			#page-menu li li a:hover, ul#page-menu li.current_page_item li a:hover { background-color: #2a4757; border: none; }
	ul#page-menu li.current_page_item  > a:hover { background:transparent url(images/active-page-bg.png) repeat-x scroll top left; }

/*------------------------------------------------*/
/*---------------[CATEGORIES DROPDOWN]------------*/
/*------------------------------------------------*/
#categories-button { float: right; cursor: pointer; margin: 0; }
#categories-dropdown { width: 227px; position: absolute; left: 736px; top: -15px; display: none; }
.categories-inside { width: 227px; background-image: url(images/categories-bg.gif); background-repeat: repeat-x; background-color: #101010; float: left; }
.categories-inside ul { width: 227px; padding: 0px; margin: 0px; float: left; list-style-type: none; }
.categories-inside ul li { display: block; float: left; padding: 0px; margin: 0px; list-style-type: none; }
.categories-inside ul li a:link, .categories-inside ul li a:visited { display: block; float: left; padding: 5px 10px; margin: 2px 0px; width: 190px; border: 1px solid #464646; background-color: #2c2c2c; margin-left: 8px; }
.categories-inside ul li a:hover { background-color: #353535; color: #fff; }
.categories-top { float: left; }
.categories-bottom { float: left; }


/*------------------------------------------------*/
/*-----------------[WP PAGE NAVI]-----------------*/
/*------------------------------------------------*/
.wp-pagenavi { margin: 15px 0 15px 0; }
.wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #424242; color: #FFF; background-color: #646057; }
.wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #424242; color: #FFF; background-color: #646057; }
.wp-pagenavi a:hover { border: 1px solid #fff; color: #000; background-color: #c9c9c9; }
.wp-pagenavi a:active { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #424242; color: #FFF; background-color: #646057; }
.wp-pagenavi span.pages { padding: 5px 7px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #424242; color: #FFF; background-color: #646057; }
.wp-pagenavi span.current { padding: 5px 7px; margin: 2px; font-weight: bold; border: 1px solid #fff; color: #000; background-color: #c9c9c9; }
.wp-pagenavi span.extend { padding: 5px 7px; margin: 2px; border: 1px solid #fff; color: #000; background-color: #c9c9c9; }