/*
Theme Name: The Firm
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.1.1
Author: Obox Design
Author URI: http://www.obox-design.com/
*/


@import url(fonts/fonts.css);



/*--------------------------------------------------------------------------------------------------------------------------*/
/*- RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; font-size: 14px; font-family: 'Raleway', sans-serif; line-height: 1.8em; overflow-x: hidden;  }

h1, h2, h3, h4{
  margin: 0px 0px 5px; 
  padding: 0px 0px 5px; 
  font-family: 'Abel', sans-serif;
}

h1{font-size: 35px; line-height: 37px;}
h2{font-size: 25px; line-height: 29px; }
h3{padding-bottom: 5px; margin-bottom: 5px;  font-size: 15px;}
h4{font-size: 15px; line-height: 16px;  margin-bottom: 8px;}
h5{font-size: 12px; line-height: 15px;  margin-bottom: 8px;}
h6{font-size: 10px; line-height: 13px;  margin-bottom: 8px;}

h1 a, 
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #000;
  text-decoration: none;
}

h1 a:hover, 
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #555;
  text-decoration: none;
}

p {
  margin-bottom: 12px;
  line-height: 1.8em;
  font-family: 'Raleway', sans-serif;
}
  
textarea, input {
  font-size: 13px;
  font-family: 'Raleway', sans-serif;
}

b, 
strong { 
  font-weight: bold;
  font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
}

i, 
em { 
  font-style: italic;
  font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a {
  text-decoration: none;
  color: #000;
}

a:hover {
  text-decoration: none;
  color: #555 !important;
}

strong a {
  color: #555 !important
}
	
strong a:hover {
  color: #000 !important
}
	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}

strong{}
em{font-style: italic;}

.alignleft{float: left; margin: 0px 20px 10px 0px !important;}
.alignright{float: right; margin: 0px 0px 10px 20px !important;}
.aligncenter{text-align: center !important; margin: 0px 0px 10px 0px !important;}

.wp-caption{padding: 5px; width: auto !important;}
	.wp-caption img{display: block; margin-bottom: 5px; padding: 0px; border: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important;}
	.wp-caption p.wp-caption-text{clear: both; text-align: center; margin: 0px; padding: 0px; font-style: italic; font-size: 11px !important;}

h5.date {
  margin-bottom: 5px;
  font-size: 12px !important; 
  font-style:normal;
  font-family: 'Raleway', sans-serif;
}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#header-container{padding: 0px;}
	#header{width: 940px; padding: 10px 0px; margin: auto; position: relative; z-index: 5; text-align:center;}

	/*--------------------------*/
	/*- FEATURE ROWS -----------*/
	#feature-container{height: 220px;}
		#feature{width: 940px; padding: 30px 0px; margin: auto;}
	#feature-action-container{height: 137px;}
		#feature-action{width: 940px; padding: 20px 0px; margin: auto;}
	#feature-scroller-container{height: 40px;}
		#feature-scroller{width: 940px; padding: 14px 0px; margin: auto;}

	/*--------------------------*/
	/*- TITLE ROWS -------------*/
	#title-container{}
		#title{width: 940px; padding: 30px 0px; margin: auto;}
	#bread-crumb-container{height: 40px;}
		#bread-crumb{width: 940px; margin: auto;
		font-family: 'Abel', sans-serif;
		text-transform: capitalize !important;
		color:#1a1a1a !important;
		}

#content{width: 940px; padding: 10px 0px 60px; margin: 0px auto 0px;}
	.double-cloumn{padding-bottom: 30px;}
		#left-column{float: left; width: 600px;}
		
		#right-column {
		  padding-top: 28px;
		  float: right; width: 300px;
		}

#footer-container{clear: both;}
	#footer{width: 970px; padding: 30px 0px; margin: auto; background-color:#1a1a1a;}
	

/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{ padding: 10px 0px; margin: 0px;}
		.logo h1, .logo h1 a{margin: 0px; padding: 0px; display: block;}		


	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#nav{float: left; padding: 0px; margin: 5px 0px 0px 300px; position: relative; z-index: 5; bottom: 0px;}
		ul#nav li{float: left; padding: 0px; margin: 0px 0px 0px 5px; position: relative;}
			ul#nav li a{display: block; padding: 5px 10px 5px; margin: 0px;  font-size: 14px; line-height: normal;}
				ul#nav li a:hover, ul#nav li a.selected{-moz-border-radius: 5px; -webkit-border-radius: 5px;}

		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul#nav ul.sub-menu{display: none; width: 160px; position: absolute; top: 43px; z-index: 6; 
							-moz-border-radius: 5px; -webkit-border-radius: 5px;}
			ul#nav ul.sub-menu li a{display: block; width: 136px; padding: 8px;  font-size: 12px;}			
			ul#nav ul.sub-menu ul{float: left; position: absolute; left: 151px; top: 0px; margin-left: 10px;}


/*-------------------------------------------------------------------------------------------*/
/*- TITLE AND BREAD CRUMBS LAYOUT -----------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#title h2{margin: 0px; padding: 0px;}
#title h2, #title h2 a{margin: 0px; padding: 0px; font-size: 32px;  font-family: 'Abel', sans-serif;}
#bread-crumb li{float: left; margin: 0px 12px 0px 0px; padding: 0px;}
#bread-crumb a, #bread-crumb span{display: block; padding: 10px 20px 10px 0px;  font-size: 16px; color: #333;}
	#bread-crumb li:last-child a{background: none;}
	

/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE LAYOUT ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- FEATURES AREA ----------*/
	.image-container{float: left; width: 340px; height: 300px; margin-right: 20px; overflow: hidden; position: relative;}
		.image-container ul{position: relative; z-index: 1; height: 295px; top: 2px; left: 2px;overflow: hidden;}
				.image-container ul img{position: absolute; top: 0px; left: 0px;}
		.overlay{display: block; width: 340px; height: 300px; position: absolute; top: 0px; z-index: 2;}
		
	.copy-container{float: right; display: block; width: 580px; top: 40px; position: relative;}
			#feature h2{font-size: 32px;  font-family: 'Abel', sans-serif;}
			#feature p{font-size: 17px;  line-height: 1.6em;}
		
	#feature-action p{padding: 0px; margin: 0px 0px 10px; font-size: 11px; }
	#feature-action a{display: block; float: left; width: 160px; padding: 8px 0px 6px; margin-right: 20px;
						font-size: 15px; line-height: 22px; font-family: 'Abel', sans-serif;
						text-align: center;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}
						
	#feature-scroller a.scroller{display: block; float: left; width: 12px; height: 13px; margin-right: 15px; text-indent: -9999px; overflow: hidden;}
	#feature-scroller a.scroller:first-child{margin-left: 120px;}
		

	/*--------------------------*/
	/*- MINI FEATURES ----------*/
	ul.sub-features li{float: left; width: 290px; margin: 0px 20px 30px 0px;}
		ul.sub-features li img.feature-icon{float: left; margin-right: 10px;}
		ul.sub-features li h3, ul.sub-features li h3 a{padding: 0px; margin: 0px 0px 5px !important;}
		ul.sub-features li p{margin-bottom: 0px; clear: both;}
		ul.sub-features li:nth-child(2n+2){margin-right: 0px;}
				
			
	/*--------------------------*/
	/*- EXTRAS BLOCK -----------*/
	.sub-page-call{-moz-border-radius: 5px; -webkit-border-radius: 5px;}
		.sub-page-call h3{padding: 6px 15px 5px; margin: 0px; font-size: 15px; font-family: 'Abel', sans-serif;
							-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
							-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}
			.sub-page-call h3 a{font-size: 11px; float: right;}
		.sub-page-call .copy{padding: 15px;}
		

	/*--------------------------*/
	/*- INDEX 3 COL ------------*/
	.index-three-column{clear: both; padding-top: 30px;}
		.index-three-column li.column{float: left; display: block; width: 220px; margin-right: 20px;}
			.index-three-column li.column:first-child{width: 460px;}
			.index-three-column li.column:last-child{margin-right: 0px;}
			.index-three-column .column h4, .index-three-column .column h4 a{font-size: 12px;}

	.index-three-column li.column ul{margin-top: 10px;}
		.index-three-column li.column ul li{clear: both; margin-bottom: 20px;}
		.index-three-column li.column ul li h4{padding: 0px; margin: 8px 0; }
		.index-three-column li.column ul li h5.date{margin: 0px;}


	/*--------------------------*/
	/*- PAGINATION -------------*/
	ul.page_button_content{padding-top: 10px; margin-bottom: 30px;}
		ul.page_button_content li{float: left; margin-right: 10px;}
			ul.page_button_content li a{float: left; padding: 0px 8px 0px 8px;  font-size: 12px; 
			font-family:Arial;
										-moz-border-radius: 5px; -webkit-border-radius: 5px;}


/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
	.copy{font-size: 15px;}
	.copy ol, .copy ul{list-style: disc; margin: 0px 0px 15px 30px; line-height: 22px;}
		.copy ol li, .copy ul li{}
	.copy ol{list-style: decimal;}
	.copy code, .copy pre{}
	.copy img{}
	.copy h2{margin: 20px 0px 10px;}
	.copy h3{margin: 20px 0px 10px;}
	.copy blockquote{clear: both; min-height: 42px; margin: 20px 0px; padding: 0px 0px 0px 36px; text-align: left; line-height: 35px; font-size: 20px;  font-family: 'Abel', sans-serif;}

	/*------------------------------*/
	/*- POST PAGE POST CONTAINER ---*/
	h3.post-title{margin-bottom: 15px; padding: 0px; font-size: 26px !important; line-height: 26px !important; font-family: 'Abel', sans-serif;}
	h3.post-title a {color:#000;}
					
	/*------------------------------*/
	/*- POST PAGE META -------------*/
	.post-meta {
	  padding: 0px 0px 5px; 
	  margin-bottom: 10px; 
		margin-bottom: 15px;
		background: none !important;
		border-bottom: 1px solid #ccc;
	  font-family: 'Raleway', sans-serif;
	 }
	
		.post-meta h5.date{
		  float: left;  
		  margin-right: 30px; 
		  font-size: 11px;
		  line-height: 12px;
		  margin-bottom: 15px;
		  font-family: 'Raleway', sans-serif;
		  color:#999999;
		  font-weight: normal;
		}
		.post-meta ul{float: left; padding-left: 18px; font-size: 11px;}
			.post-meta ul li{float: left; margin-right: 8px; padding: 0px; line-height: 12px;}
	

		/*----------------------*/
		/*- AUTHOR META AREA ---*/
		.author{clear: both; margin-top: 40px;}
		.author-avatar{float: left; position: relative;}
			.author-avatar img{position: relative; z-index: 1;}
			.author-avatar span{display: block; width: 50px; height: 50px; position: absolute; top: 0px; left: 0px; z-index: 2;}

		.author-details{float: right; width: 530px;}
			.no-author-image{width: auto;}
			.author-details h4{padding: 0px; margin: 0px 0px 5px; line-height: normal; font-family: 'Raleway', sans-serif;}
				.author-details h4 a{display: block; margin-top: 3px; font-size: 14px; font-weight: normal;}
					

	.post{margin-bottom: 40px;}
	.post .post-image{margin-bottom: 20px; border: 10px solid #fff;}
		.post .post-image img{display: block;}
	.copy{padding: 0px;}
	

	/*--------------------------------------------------------*/
	/*- ACTION LINK ------------------------------------------*/
	a.action-link{padding: 4px 0px 4px 0px; font-size: 15px; font-weight: normal; cursor: pointer;
					-moz-border-radius: 5px; -webkit-border-radius: 5px;}
					

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comments {
  clear: both; 
  width: 600px; 
  margin-bottom: 30px;
}

h3.section-title {
  padding-bottom: 5px; 
  margin-bottom: 10px; 
  font-size: 16px; 
  font-weight: normal;
}

ul.comment-container{padding: 0px 0px 0px 0px;}
	#full-width ul.comment-container{padding: 0px 0px 0px 0px;}
	li.comment{padding: 20px 0px;}
	
		.comment-avatar{float: left; margin-right: 15px; position: relative;}
			.comment-avatar img{position: relative; z-index: 1;}
			.comment-avatar span{display: block; width: 50px; height: 50px; position: absolute; top: 0px; left: 0px; z-index: 2;}
			
		.comment-meta{clear: both; height: 30px; margin: 0px;}
			.comment-meta h4.comment-name{float: left; margin: 0px; padding: 0px; font-weight: normal; font-family: 'Raleway', sans-serif;}
			.comment-meta h5.date{float: right; padding-bottom: 0px; margin-bottom: 0px;}
			.reply-to-comment{display: block; clear: both; margin-bottom: 10px;  font-size: 10px;}

		.comment-post{float: left; width: 530px;}
		
	li.comment:first-child{padding-top: 10px;}
	li.comment:last-child{margin-bottom: 0px; border-bottom: none;}
	

	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments{clear: both; margin: 10px 0px 0px 64px;
						-moz-border-radius: 5px; -webkit-border-radius: 5px;}
		.threaded-comments li.comment{margin: 0px 0px 0px; padding: 15px;}
		.threaded-comments li.comment:last-child{margin-bottom: 0px;}
		.threaded-comments .comment-meta{clear: both; float: none; width: auto;}
			.threaded-comments .comment-meta h4.comment-name{float: left; margin-bottom: 0px;}
			.threaded-comments .comment-meta h5.date{float: right; margin: 2px 0px 0px;}
		.threaded-comments .comment-post{clear: both; float: none; width: auto;}


	.comment-post ol,.comment-post ul{list-style: disc; margin: 0px 0px 15px 30px; line-height: 22px;}
ul.comment-container .leave-comment{float: right; width: 425px;}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.logged-in-as{width: 296px; padding: 0px 0px 0px 20px; margin-bottom: 15px; font-weight: normal; font-size: 14px;}

.comment-form-content{width: 600px;}
	.comment_form input[type=text]{width: 300px; padding: 8px; margin: 0px 0px 10px; font-size: 14px; line-height: 15px;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; letter-spacing: 0px;}
						
	.comment_form textarea{width: 350px; height: 180px; padding: 8px; margin: 0px 0px 10px; font-size: 14px; line-height: 20px;
							-moz-border-radius: 5px; -webkit-border-radius: 5px; letter-spacing: 0px;}

	.checkbox{padding: 10px 0px; margin-bottom: 0px; font-size: 13px; }
	
	input.submit_button {
	  padding: 4px 8px 3px 8px; 
	  font-size: 14px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
    cursor: pointer;
    color: #000 !important;
  }
	
	input.submit_button:hover {
	}


/*-------------------------------------------------------------------------------------------*/
/*- FEATURE STYLING -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.features li{clear: both; margin-bottom: 40px;}	
	 .features li .copy{float: left; width: 460px; font-size: 14px;}
	 .features li .copy h2{ font-family: 'Abel', sans-serif;}
	 .features li .feature-image{display: block; float: right; width: 440px; border: 10px solid #fff;
								 -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);}
		 .features li:nth-child(2n) .copy{float: right;}
		 .features li:nth-child(2n) .feature-image{float: left;}


/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.portfolio-categories {
  padding-bottom: 8px; 
  margin-bottom: 30px; 
  /* background: url(images/layout/sep-bar.png) bottom repeat-x; */ 
  background: none;
  border-bottom: 1px solid #ccc;
  font-family: 'Abel', sans-serif;
}

.portfolio-categories li{float: left; margin-right: 10px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9); font-size: 14px;}
	.portfolio-categories li strong{display: block; padding: 2px 8px 2px 0px;  color: #333;  font-family: "SansationBold";}
	.portfolio-categories li a{display: block; padding: 2px 8px; color: #333; font-size: 14px; 
								-moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.portfolio-categories li a.selected, .portfolio-categories li a:hover{background: url(images/layout/action-1.png) -1px -1px repeat-x; color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);}

.portfolio-list li{
/*float: left; width: 220px; */
margin: 0px 20px 20px 0px;}
	.portfolio-list li a.portfolio-image{display: block; width: 220px; height: 200px; margin-bottom: 10px; overflow: hidden;}
	.portfolio-list li h4{margin: 0px 0px 10px; padding: 0px; } 
	/* .portfolio-list li:nth-child(4n+4){margin: 0px;}
	.portfolio-list li:nth-child(4n+5){clear: left;} */
	.portfolio-list li{margin: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO SUB PAGE ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.portflio-item #right-column h3 {
  padding: 0px 0px 8px; 
  margin-bottom: 5px; 
   
  font-size: 17px; 
  /* background: url(images/layout/sep-bar.png) bottom repeat-x; */
  background: none;
  border-bottom: 1px solid #ccc;
}

.portflio-item #right-column .copy{margin-bottom: 30px;}
.portflio-item #right-column h4{margin-bottom: 5px; padding-bottom: 0px; color: #333; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9); font-size: 12px;}
	.portfolio-feature-list li{ list-style: disc; margin-left: 20px;}


/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h4.archive_year{padding-left: 16px; font-size: 16px;}
ul.archives_list{padding-right: 30px;}
ul.archives_list li{padding: 20px 0px;}
	.archives_list li .archive-post-image{float: left; width: 50px; height: 50px; margin-right: 10px; border: none; position: relative; overflow: hidden;}
		.archives_list li .archive-post-image img{display: block; position: relative;}

	.archives_list li a{ font-size: 15px;}
	.archives_list .date{display: block; margin-right: 20px; font-size: 10px; }
		ul.archives_list .date sup{position: relative; top: -3px; text-transform: lowercase; font-size: 8px;}
		ul.archives_list .label{float: right; display: inline-block;}
		ul.archives_list .label a{ font-size: 12px;}

	.archives_list li:first-child{border-top: none;}
	.archives_list li:last-child{margin-bottom: 30px;}


/*-------------------------------------------------------------------------------------------*/
/*- ADVERTS ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.advert{float: left; margin: 0px 20px 20px 0px;}
	.advert a, .advert img{display: block;}
li.large-advert a{display: block; width: 270px; height: 250px; overflow: hidden;}
	li.large-advert img{display: block;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.widget-list{padding: 0px; margin: 0px;}
	ul.widget-list li.widget{clear: both; padding: 0px 0px 30px;}
		ul.widget-list li.widget ul{padding-left: 0px;}
			ul.widget-list li.widget ul li{padding: 10px 0px;}
				ul.widget-list li.widget ul li a{}

	h4.widgettitle {
	  padding: 0px 0px 8px; 
	  font-weight: normal; 
	  font-size: 17px; 
	  font-family: 'Abel', sans-serif !important;
	  color: #555 !important;
	  text-transform: capitalize !important;
	  margin-bottom: 10px; 
	  background: none !important;
	  border-bottom: 1px solid #ccc;
  }


	/*--------------------------------------------*/
	/*- SEARCH -----------------------------------*/
	.search-form input.search{}
	.search-form input.search_button{}
		.search-form input.search_button:hover{}


	/*--------------------------------------------*/
	/*- POPULAR/RECENT COMMENTS ------------------*/
	.widget_recent_comments li {
	  padding-left: 20px !important; 
	  font-family: Georgia, "Times New Roman", Times, serif; 
	  font-family: 'Raleway', sans-serif; 
	  font-style: italic;
	  font-family: 'Raleway', sans-serif;
	 }
	.widget_recent_comments li a{font-size: 10px; line-height: 16px; font-family: 'Raleway', sans-serif; font-style: normal; font-family: 'Raleway', sans-serif;}
	
	
	/*--------------------------------------------*/
	/*- POPULAR/RECENT POSTS ---------------------*/
	ul.widget-list li.widget_popular_posts ul li{padding: 10px 0px;}
		ul.widget-list li.widget_popular_posts ul li a{margin: 0px 0px 0px; font-size: 18px; line-height: 25px; font-family: 'Abel', sans-serif; }
		ul.widget-list li.widget_popular_posts ul li h5{margin: 0px; padding: 0px;}
		
	
	/*--------------------------------------------*/
	/*- TWITTER ----------------------------------*/
	ul#twitter_update_list li a{display: inline !important;}
	

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#footer h4 {
  padding: 0px 0px 8px; 
  margin-bottom: 8px; 
  font-size: 15px; 
}

#footer li.column {
  float: left; 
  width: 180px; 
  margin-right: 50px;
  margin-left: 0;
}

#footer li:first-child {
  margin-left: 50px;
}

#footer li:last-child {
  margin-right: 0;
}

#footer ul li {
  clear: both; 
  padding: 5px 0px 5px 0px;
}

#footer a.obox-logo {
  display: block; 
  float: right; 
  margin-top: 6px;
}


/*-------------------------------------------------------------------------------------------*/
/*- SOME STANDARD WORDPRESS PLUGIN/WIDGET STYLES --------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	
	/*--------------------------------------------*/
	/*- SOCIAL BOOKMARKS -------------------------*/
	ul.widget-list li.widget.follw_us{border: none;}
	ul.widget-list li.widget ul.social-bookmarks li{float: left; width: 33px; border: none; padding: 8px 0px 0px;}
		ul.social-bookmarks li a{display: block; width: 23px; height: 23px; background: url(images/layout/social-set.png)  no-repeat; text-indent: -9999px; overflow: hidden;}
		
			ul.social-bookmarks li.virb a 		{background-position: -0px -27px;}
			ul.social-bookmarks li.digg a		{background-position: -30px -27px;}
			ul.social-bookmarks li.tumblr a	 	{background-position: -60px -27px;}
			ul.social-bookmarks li.twitter a	{background-position: -90px -27px;}
			ul.social-bookmarks li.flickr a	 	{background-position: -121px -27px;}
			ul.social-bookmarks li.behance a	{background-position: -151px -27px;}
			ul.social-bookmarks li.facebook a	{background-position: -181px -27px;}
			ul.social-bookmarks li.google a	 	{background-position: -212px -27px;}
			ul.social-bookmarks li.youtube a	{background-position: -242px -27px;}
			ul.social-bookmarks li.posterous a	{background-position: -272px -27px;}
			ul.social-bookmarks li.lastfm a	 	{background-position: -302px -27px;}
			ul.social-bookmarks li.rss a	 	{background-position: -332px -27px;}
			ul.social-bookmarks li.wordpress a	{background-position: -363px -27px;}
			ul.social-bookmarks li.skype a	 	{background-position: -393px -27px;}
			ul.social-bookmarks li.vimeo a	 	{background-position: -423px -27px;}
			ul.social-bookmarks li.email a	 	{background-position: -453px -27px;}
			
			/*-------------------------*/
			/*- HOVER -----------------*/
			ul.social-bookmarks li.virb a:hover	 		{background-position: -0px 0px;}
			ul.social-bookmarks li.digg a:hover	 		{background-position: -30px 0px;}
			ul.social-bookmarks li.tumblr a:hover	 	{background-position: -60px 0px;}
			ul.social-bookmarks li.twitter a:hover	 	{background-position: -90px 0px;}
			ul.social-bookmarks li.flickr a:hover	 	{background-position: -121px 0px;}
			ul.social-bookmarks li.behance a:hover	 	{background-position: -151px 0px;}
			ul.social-bookmarks li.facebook a:hover	 	{background-position: -181px 0px;}
			ul.social-bookmarks li.google a:hover	 	{background-position: -212px 0px;}
			ul.social-bookmarks li.youtube a:hover	 	{background-position: -242px 0px;}
			ul.social-bookmarks li.posterous a:hover	{background-position: -272px 0px;}
			ul.social-bookmarks li.lastfm a:hover	 	{background-position: -302px 0px;}
			ul.social-bookmarks li.rss a:hover	 		{background-position: -332px 0px;}
			ul.social-bookmarks li.wordpress a:hover	{background-position: -363px 0px;}
			ul.social-bookmarks li.skype a:hover	 	{background-position: -393px 0px;}
			ul.social-bookmarks li.vimeo a:hover	 	{background-position: -423px 0px;}
			ul.social-bookmarks li.email a:hover	 	{background-position: -453px 0px;}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}

body {background:transparent url(images/bg.jpg) repeat-y center;}
#content-container {background:transparent !important;}

#right-column {color:#999999 !important;}

#twitter_update_list {font-size:15px !important;}

.comment-form-content h3.section-title {
  font-family: 'Abel', sans-serif;
  font-size: 26px !important;
  line-height: 26px !important;
  color:#1a1a1a !important;
  padding-bottom:15px;
}

.comment-form-content {
  color:#999999;
}

#commentform, 
#commentform input {
  color:#999999 !important;
}

#commentform input.submit_button {
  color: #000 !important;
}

.menu {
  text-align:left;
  background: #f9f9f9;
  margin-bottom: 15px;
}

.menu ul {
  margin-left: 20px;
}

.menu li {
  display: inline;
  margin: 0;
}

.menu a {
  color:#000;
  font-family: 'Abel', sans-serif;
  text-transform: capitalize !important;
  font-weight: normal;
  padding: 0 8px;
  font-size: 17px;
  line-height: 2em;
}

.menu a:hover {
  color:#555;
}

.contactform label, 
.contactleft, 
.contactright {
  color:#1a1a1a !important;
  font-family: 'Raleway', sans-serif;
}

.ui-tabs-nav {
  font-family: 'Abel', sans-serif;
  font-size:17px;
  text-transform: capitalize !important;
}

ul.widget-list a {
  color: #000 !important;
}

ul.widget-list a:hover {
  color: #555 !important;
}

#right-column .widget-list .textwidget p a img {
  margin-bottom: 20px;
}