/*
Theme Name:     Purity V2 Child
Theme URI:      http://TravelGrom.com	
Description:    Child theme for the Purity V2.1
Author:         Evan
Author URI:     http://TravelGrom.com/about
Template:       purityv2.3                            
Version:        0.1.0
*/

/*

1. CSS Reset
2. General
3. Columns
4. Typography
	4.1. Heading Font
	4.2. Typography Elements
5. Header
	5.1. Navigation
6. Main Content
	6.1. Sidebar
		6.1.1. Search Bar
	6.2. Blog
		6.2.1 Comments
		6.2.2 Pagination		
	6.3. Portfolio
	6.4. Contact
7. Footer
	7.1. Copyright
	7.2. Social
8. Widgets
9. Elements
	9.1. Icon Boxes
	9.2. Buttons
	9.3. Tabs
	9.4. Toggles
	9.5. Lists
	9.6. Pricing Boxes
	9.7. Slider
color palette = "640" https://kuler.adobe.com/640-color-theme-894756/ 

*/

/*========================*/
/*===  1. CSS Reset    ===*/
/*========================*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, img, strong, ol, ul, li, form, input { margin: 0; padding: 0; border: 0; vertical-align: baseline; }


/*========================*/
/*===  2. General      ===*/
/*========================*/

.inner {position:relative;}

#breadcrumbs {color:#4444; font-size:14px; float:left; }
#breadcrumbs a {font-size:12px; }
p#breadcrumbs {margin-bottom:0px;}

article ul { list-style-position:outside; padding-left:25px;}

.boldcolor {color: #5689D4;} /*==========color setting for bold headers==============*/


body { 	
	background:#fff; 
	font-size: 16px; 
	line-height: 25px;   
	font-family: 'Open Sans', Helvetica, sans-serif;
  	font-style:  normal;
  	font-weight: 400;
	color: #000000; }

strong { 
	font-family: 'Open Sans'; Helvetica, sans-serif;
  	font-style:  normal;
  	font-weight: 700 }

em {
	
	font-family: 'Open Sans'; Helvetica, sans-serif;
	font-style:  italic;
	font-weight: 400;}

.inner { width:1000px; margin:0 auto; }


a { text-decoration:none; transition: color 0.1s linear; -moz-transition: color 0.1s linear; -webkit-transition: color 0.1s linear; -o-transition: color 0.1s linear; }
	a:hover { text-decoration: underline}
	a:active{ outline: none; }
	a:focus{ outline: none; -moz-outline-style: none; } 
	a:visited{ color:#0b0080;}

p { display: block; margin-bottom:15px; }

input, textarea { font-family: 'Open Sans', Helvetica, sans-serif; font-weight: 400; font-style: normal;}

::selection { background:#d16f4e; color:#fff; }

.clear { clear: both; display: block; height: 0; width: 100%; }

.tagline {width:1000px; }

/*========================*/
/*===  3. Columns      ===*/
/*========================*/

.one_half, .one_third, .one_fourth, .three_fourth, .two_third, .one_fifth, .two_fifth, .three_fifth, .four_fifth { margin-bottom: 20px; float:left; margin-right: 4%; position:relative; }

.one_half { width:48%; }
.one_third { width:30.66%; }
.two_third { width:65.34%; }
.one_fourth { width:22%; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:79.2%; }

.last { margin-right: 0 !important; clear: right; }

.full-width { width:100%; }
	
.divider { display: block; width: 100%; height: 0; clear: both; margin:20px 0px; position: relative; }
	/* .line { border-top:1px dotted #ddd; margin-top:28px; margin-bottom:29px; } */ /*===removes dotted line divider ===== */
	.top { text-align: right; border-top:1px dotted #ddd; margin-top:28px; margin-bottom:29px; width:98.35%; }
	.top a { font-size: 8px; line-height: 20px; position:absolute; right:-14px; top:-10px; color:#bbb; }
	.top a:hover { color:#d16f4e; }

/*==========================*/
/*===  4. Typography     ===*/
/*==========================*/



/*==========================*/
/*===  4.1. Heading Font ===*/
/*==========================*/


.nav,h1,h2,h3,h4,.home_tagline h1,.tagline h1,.over span,.dropcap1,.dropcap2,.bold,.flex-caption { 
	font-family:'Open Sans', Helvetica, Arial; 
	font-weight:normal; 	

}

/*=================================*/
/*===  4.2. Typography Elements ===*/
/*=================================*/

h1,h2,h3,h4,h5,h6 { margin-bottom:20px; color:#607087; text-transform:none;  }
h5,h6 { letter-spacing:.9px; font-weight:bold; line-height:20px; }
h1{ font-size:30px; line-height:1em; }
h2{ font-size:28px; line-height:1em; }
h3{ font-size:26px; line-height:1em; }
h4{ font-size:22px; line-height:1em; }
h5{ font-size:11px; }
h6{ font-size:10px; }

.title a { color:#444; list-style-type:none; }
.title a:hover { color:#d16f4e; }

.dropcap1 { color: #444; display: block; float: left; font-size: 40px; line-height: 40px; margin: 0 8px 0 0; }
.dropcap2 { width:40px; height:40px; background:url(img/dropcap.png) no-repeat; color:#fff; font-size:30px; text-align:center; line-height:40px; display: block; float: left; margin: 0 8px 0 0; }


.pullleft, .pullright { float: right; font-size:15px; font-style:italic; color:#999; width: 32%; margin: 20px 2px 14px 14px; padding: 20px; border-left: 2px solid #e1e1e1;}
	.pullleft { float: left; margin-left: 1px; margin-right: 20px; }

.imageleft, .imageright { float: right; padding: 8px; margin: 8px 0px 8px 24px; border: 1px solid #e1e1e1; }
.imageleft { float: left; margin: 8px 24px 8px 0px; }
.center { display:block; margin-left:auto; margin-right:auto; margin-bottom:30px; }
.border { border:1px solid #e1e1e1; padding:6px; margin-bottom:4px; margin-bottom:30px; }
img.specific { width:auto;}

.blockleft, .blockright { display: block; float: right; border: 1px solid #e1e1e1; margin: 8px 0px 8px 24px; padding: 8px; }
	.blockleft { float: left; margin: 8px 24px 8px 0px; }	
	.caption { color: #aaa; font-size: 11px; font-style: italic; text-align: center; margin:0; }
	
.wp-caption { display: block; border: 1px solid #e1e1e1; width:auto; padding:2px; }
	.wp-caption img { margin:5px 0 0 5px; }
	.alignleft { float: left; margin: 8px 24px 8px 0px; }	
	.alignright { float: right; margin: 8px 0px 8px 24px; }
	.wp-caption-text { color: #aaa; font-size: 11px; font-style: italic; text-align: center; margin-bottom:2px; }
	
.aligncenter { display:block; margin-left:auto; margin-right:auto; border:1px solid #e1e1e1; padding:6px; margin-bottom:4px; }

blockquote { color:black; font-size:15px; font-style:italic;  margin:20px 0px 20px 20px; padding:20px; border-left:3px solid #ddd; }
	blockquote p { margin:0px; }
	blockquote span { display:block; font-size:12px; line-height:20px; color:#555; float:right; }	

.highlight-light { padding: 2px 5px; background-color: #f0f0bd; color: #222; }
.highlight-dark { padding: 2px 5px; background-color: #555; color: #fff; }

.box { padding:19px 16px; border:1px solid #ddd; text-align:center; margin-bottom:30px; }
	.box-grey { border-color:#ddd; color:#666; }
	.box-orange { border-color:#ffcc99; color:#ff9966; }
	
/*========================*/
/*===  5. Header       ===*/
/*========================*/

#header { padding-bottom: 7px; z-index: 999; position: relative; }
	#header .inner { border-bottom:none; }	/*======border-bottom:1px dotted #ddd;====for border===*/
	#header .logo { float:left; margin: 0px 0; width:100% }	
	#header .logo img { max-width:100% !important; }  /* ==========scales header on mobile browser  ==========*/
	#header .logo img.retina-logo { display: none; }
	#header #search { position: absolute; top: 10px; right: 10px; margin:0; float:left; }  /* ==========adds search form over header image  ==========*/
	
/*========================*/
/*===  5.1. Navigation ===*/
/*========================*/

	.nav {float: left; height: 40px; background-color: black; width: 1000px;}
	.nav ul { list-style:none; position:relative;  }
	.nav ul li { float:left; margin-left:20px; position:relative; display:block; font-size:14px; color:#56c8d4; }	
	.nav ul li > a { padding:8px 2px; line-height:200%; text-decoration:none; display:block; color:white; }	
	.nav ul li:hover > a { color:#56c8d4; }
	.nav ul li.current-menu-item > a { color:#56c8d4; }
	.nav ul li.current-menu-item > a:hover { color:#56c8d4; }
		.nav ul li ul { position:absolute; background:black; min-width:170px; border: none; display:none; left:0px; top:39px;}
		.nav ul li ul li { width:100%; margin:0 20px 0 0; }
		.nav ul li ul li a { line-height:10px; padding:10px 0; margin:0 12px; color:#888;  } 
		.nav ul li ul li:last-child a { border:0px; } 		
		/* IE7 Fix */ 		
		.nav li:hover ul { display:block; }
		.nav ul li ul li ul { position:absolute; left:170px; top:-1px; display:none; visibility:hidden; }

		.nav ul > li { margin-left:19px; padding-left:10px; } /* IF YOU WANT BUTTONS OR BORDER IN NAVIGATION, ADD "border-left: 1px solid #aaa;" */
		.nav ul > li:first-child { border-left:0; padding-left: 0px; }

/* Responsive Select Menu */
		
.nav select { display: none; -webkit-appearance: none; width: 100%; padding: 10px 14px; border: 1px solid #e0e0e0; barder-radius:0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius:0; background: #fff url('img/select-arrows.png') no-repeat right center;
}

/*=========================*/
/*===  6. Main Content  ===*/
/*=========================*/

.home_tagline h1 { text-align:center; font-size:32px; line-height:40px; color:#607087; text-transform:none; }
.home_tagline h1 a { color:#d16f4e; }
.home_tagline h1 a:hover { color:#444; }

.static { margin-bottom:30px; }

.tagline { padding:30px 0px; width:900px; margin:0 auto; }
	.tagline h1 { font-size:32px; line-height:32px; float:left; margin:0px; color: black;}
	.tagline span, .respond-title span { float:left; font-size:11px; line-height:11px; color:#aaa; border-left:1px dotted #ccc;  margin:10px 0px 0px 14px; padding-left:14px; color:#c7c8ca; }


#main .inner {  }
.custom_content { padding-bottom:10px; }

.goto { font-size:11px; line-height:11px; display:block; margin-top:24px; }

#homepage-item, #recent-work, #recent-posts { margin-bottom:30px; padding-left:15px;position:relative; }

#recent-work img { margin-bottom:0px; padding:0px;  }
#recent-work a {  }
#recent-work .over { width:198px; height:130px; }
#recent-work ul.threecolumns li a.over { width:270px; height:190px; }

.home-section ul.threecolumns li, #footer .inner ul.threecolumns > li { float:left; width:275px; margin-left:73px; list-style:none; } /*=======list style to remove bullets on homepage==========*/
.home-section ul.fourcolumns li, #footer .inner ul.fourcolumns > li { float:left;  width:198px; margin-left:36px;list-style:none; }
.home-section ul.fivecolumns li, #footer .inner ul.fivecolumns > li { float:left;  width:151px; margin-left:36.25px; list-style:none;}
.home-section ul li:first-child, #footer .inner ul li:first-child { margin-left:0px;list-style:none; }

#homepage-item h4 { margin-bottom:5px; }
#homepage-item p:last-child { margin-bottom:0px; }

#recent-posts p { margin-bottom:0px; background:#fff; font-size: 14px; line-height: 22px; text-transform: none;}
#recent-posts h5 { line-height: 20px; margin-bottom:0px; font-weight:normal; font-size:18px; }
#recent-posts span.post-info { float:none; background:#fff; font-style:italic; color:#b0b0b0; display:block;  font-size:11px; }

#recent-work .one_third,#recent-work .one_fourth,#recent-posts .one_third,#recent-posts .one_fourth,#homepage-item .one_third,#homepage-item .one_fourth { margin-bottom:0px; }

.content { width:662px; float:left; margin-right:20px;padding-right:10px }
.content .gallery { margin-bottom:15px; }
.content .gallery a > img { }

.content_right { margin:0px 0px 0px 20px; float:right; }

.heading-img { margin-bottom:30px; width:644px; }

/*========================*/
/*===  6.1. Sidebar    ===*/
/*========================*/

.sidebar, .sidebar_left { margin:0px 0px 0px 0px; width:300px; float:left; color:#888; font-size:12px }
.sidebar ul li > a { font-size:11px; line-height:20px; color:#888; }
.sidebar ul li > a:hover { color:#D16F4E; }
.sidebar_item { width:100%; padding-bottom:20px; border-bottom:1px dotted #ddd; margin-bottom:20px; list-style:inside; } /*======= added list-style:inside;============*/
.sidebar_item iframe { margin-top:10px; }
.sidebar_item:last-child { border-bottom:0px; }
.sidebar_item p:last-child { margin-bottom:0px; }
.sidebar h6, .sidebar h5 { margin-bottom:10px; color: #888;}
.sidebar_left { margin:0px 20px 0px 0px; }


/*===========================*/
/*===  6.1.1. Search bar  ===*/
/*===========================*/
	
.search { position:relative; }
	.search_box { padding:10px 38px 10px 14px; background: #e9e9e9; width:144px; color: black; font-style: italic; font-size:11px; line-height:11px; outline:none; margin:0; border: 1px solid #878787;}
	 .search_submit { position:absolute; right:1px; top:1px; background: url(img/search.png) no-repeat center center; width:38px; height:33px; cursor:pointer; }



/*========================*/
/*===  6.2. Blog       ===*/
/*========================*/

.post { margin-bottom:30px; border-bottom:1px dotted #ddd; padding-bottom:29px; overflow:hidden; width:100%; }

.post-thumb { float:left; margin-right:30px; width:200px; }
.post-thumb img { width:200px; }

.post-image { display:block; width:100%; margin-bottom:30px; }
.post-image img { width:100%; }

.date, .comments-nr { float:left; width:83px; text-align:center; font-size:12px; color:#bbb; background:#f4f4f4; border:1px solid #e6e6e6;  margin-top:5px; }
.date { width:84px; border-right:0px; }
.comments-nr a { color:#bbb; display:block;}
.date .bold,.comments-nr .bold { font-size:12px; line-height:12px; margin-bottom:0px; text-align:center; display:block; color:#444; transition: color 0.1s linear; -moz-transition: color 0.1s linear; -webkit-transition: color 0.1s linear; -o-transition: color 0.1s linear; }
.comments-nr a:hover,.comments-nr a:hover .bold { color:#d16f4e; }

.post-info { width:400px; margin-right:30px; font-size:11px; } /*========width changed ========*/
.post-info p { text-align:right; margin-bottom:0px; line-height:20px; }
.post-info p span { color:#bbb; padding-right:2px; font-style:italic; }
.post-info p a { color:#888; }

.post-entry { float:left; width:662px; }
.post-entry h1 { line-height:30px; margin-top:10px; margin-bottom:15px; }
.post-entry p:last-child { margin-bottom:0px; }
.post-entry img { max-width:100%; }
.post-meta { font-size:12px; line-height:20px; font-style:italic; color:#b0b0b0; display:block; margin-bottom:8px; margin-top:-15px; }
.post-meta a,.post-meta strong { color:#999; }
.post-image { margin-bottom:30px; }

.blog3 .post-image { float:left; width:214px; margin-right:30px; }
.blog3 .post-image img { margin-bottom:10px; }
.blog3 .date { width:106px; }
.blog3 .comments-nr { width:105px; }
.blog3 .post-entry { width:418px; }
.blog3 .post-entry h1 { margin-top:-3px; }
.blog3 .post-meta { font-size:11px; margin-top:-10px; }

.more-link { display:block; margin-top:20px; }

/*=========================*/
/*===  6.2.1. Comments  ===*/
/*=========================*/


.comments {}
.comment even thread-even depth-1 {}
.comments-wrap {}
.comments-wrap ul {list-style:none;}

.comments-wrap ul li > div { margin-bottom:30px; overflow:hidden;  }
.avatar-holder { float:left; margin-right:20px; width:60px; height:60px;  }
	.avatar-holder img { width:50px; height:50px; padding:4px; border:1px solid #ddd;}
.comment-entry { float:left; width:540px; line-height:20px; margin-top:-6px;}
	.comment-entry span { font-size:11px; line-height:20px; color:#999; display:block; margin-bottom:10px; }
	.comment-entry p:first-child {  }
	.comment-entry p:last-child { margin:0px; }	

.respond-title { overflow:hidden; }
	.respond-title h3 { float:left; }
	.respond-title span { margin-top:6px; }

.comments-wrap ul li ul.children { clear:both; padding-top:30px; margin-left:80px;  } 
	.comments-wrap ul li ul.children li:last-child > div { margin-bottom:0px; }
	.comments-wrap ul li ul.children li:last-child > div.respond { margin-top:30px; }
	.comments-wrap ul > li div.respond .divider { margin-top:0px; }
	.comments-wrap ul li ul.children .avatar-holder { width:50px; height:50px; }
	.comments-wrap ul li ul.children .avatar-holder img { width:40px; height:40px; padding:4px;}
	.comments-wrap ul > li ul.children .comment-entry { width:470px; }
	
ul.children li ul.children { margin-left:70px; }
ul.children > li ul.children .comment-entry { width:400px; }
ul.children li ul.children > li ul.children .comment-entry { width:330px; }
ul.children li ul.children li ul.children li ul.children .comment-entry { width:260px; }
ul.children li ul.children li ul.children li ul.children li ul.children { margin-left:0px; }

/*==========================*/
/*===  6.2.2. Pagination ===*/
/*==========================*/

.pagination { }

.pagination a { font-size:12px; color:#888; font-style:italic; margin-bottom:30px; display:block; }
	div.newer-posts { float:left; }
	div.older-posts { float:right; }
	.pagination a:hover { color:#d16f4e; }
	
.comments-pagination a { margin-bottom:20px; }


/*========================*/
/*===  6.3. Portfolio  ===*/
/*========================*/

.portfolio { overflow:hidden; }
.portfolio > li { float:left; }
.portfolio li img { width:100%; }

.over { z-index: 20; opacity:0; filter: alpha(opacity = 0); position:absolute; background:#fff url(img/over_plus.png) no-repeat right bottom; }
.over:hover { text-decoration:none; color:#666; }
	.over span { font-size:22px; color:#444; display:block; margin:10px 10px 5px 10px;}
	.over p { margin:0px 10px; color:#999; }

.zoom { background:#fff url(img/over_zoom.png) no-repeat center center; }

.item-name { display:block; margin-left:7px; margin-bottom:4px; }
	.item-name p { color:#888; font-size:11px; margin-bottom:4px; }
	.item-name .title { margin-top:10px; }	
	.item-name h4, .item-name h3 { margin-bottom:6px; }
	.item-name > a { font-size:11px; }
	
.one-column > li { width:900px; margin-bottom:24px; display:inline-block; float:none; }
	.one-column li:last child { margin:0; }
	.one-column .item-name span { margin-bottom:0px; }
	.one-column .item-name span a { font-size:12px; line-height:20px; display:block; margin-bottom:10px; }	
	.one-column p { font-size:12px; margin-bottom:20px; }
	.one-column .item-name h2 { margin-bottom:20px; margin-top:20px; }
	
.detailed .item-image { float:left; width:600px; margin-right:30px; }
	.detailed .item-name { float:left; width:256px; padding:0; margin:0; }
	.detailed .item-name span a { margin-bottom:30px; }
	.detailed p { margin-bottom:20px; }
	.detailed .item-name h3 { margin-top:0px; }

.two-columns { width:950px; }
	.two-columns li { width:425px; margin:0 50px 40px 0; list-style:none; }  /*===========list style is used to remove bullets from gallery ===============*/
	.two-columns li img, .two-columns .over { width:411px; height:290px; }
.three-columns { width:945px; }
	.three-columns li { width:270px; margin:0 45px 35px 0; list-style:none;  } /*===========list style is used to remove bullets from gallery ===============*/
	.three-columns li img, .three-columns .over { width:256px; height:180px; }
.four-columns { width:936px; }
	.four-columns li { width:198px; margin:0 36px 30px 0; list-style:none;  } /*===========list style is used to remove bullets from gallery ===============*/
	.four-columns li img, .four-columns .over { width:184px; height:130px; }

.item-image { width:width; height:height; border:1px solid #e1e1e1; padding:6px; padding-bottom:0px; margin-bottom:4px; }

.gallery li { list-style:none; }

.hidden { display:none; }

.filter { padding-bottom:40px; }
.filter li { float:left; padding-right:10px; border-right:1px solid #ddd; margin-right:10px; font-size:12px; line-height:12px; }
.filter li a { color:#888; }
.filter li:last-child { border:0px; }
.filter li.current a { color:#d16f4e; }

.image-list img { margin-bottom: 20px; }
.portfolio-fullwidth-content { margin-top: 20px; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 10px; height: 0; overflow: hidden; }
.portfolio-post-media .video-container { margin-bottom:20px; }
.video-container iframe,  
.video-container object, 
.video-container > div, 
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:25500; }
.content .video-container { margin-bottom: 25px; }

/*========================*/
/*===  6.4. Contact    ===*/
/*========================*/

ul.forms {list-style-type: none;}
.big_form { margin-bottom:10px; }
.big_form label { margin-bottom:8px; display:block; font-style:italic; font-size:11px; }

.big_form input[type=text], .big_form textarea { padding:8px 10px; display:block; border:1px solid #e1e1e1; color:#666; margin-bottom:30px; margin-left:0px; outline:0; }
.big_form textarea { height:130px; width:400px; font-size: 14px; }
.big_form input[type=text] { width:220px; }
.big_form input:focus, .big_form textarea:focus { border-color:#eee; }
.big_form input.hightlight, .big_form textarea.hightlight { border:1px solid #e2a7a7; }

.form-success { display:none; }

.loading { display:none; background:url(img/loader.gif) no-repeat 1px; height:28px; width:28px; position:absolute; margin-top:-51px; margin-left:250px; }

/*========================*/
/*===  7. Footer       ===*/
/*========================*/

.footer_divider { height:0px; width:900px; margin:0 auto; border-top:1px dotted #ddd; }

#footer { clear:both; overflow:hidden; }
#footer ul.recent-posts a:hover { color:#D16F4E; }
#footer .one_third, #footer .one_fourth { margin-bottom:0px; }
#footer .inner { padding:0px 0 20px 0; overflow:hidden;  border-bottom:none; }

#footer ul { list-style-type: none; list-style-position: outside; }

.footer2 .copyright { float:left; }
.footer2 .social { float:right; }

/*========================*/
/*===  7.1. Copyright  ===*/
/*========================*/

.footer_small { clear:both; width:900px; margin:0 auto; overflow:hidden; padding:20px 0; }
.copyright { font-size:11px; padding-top:8px; text-align:center; }


/*=========================*/
/*===  7.2. Social ===*/
/*=========================*/
	
#footer .social { padding-top:10px; text-align:center; margin-left:-5px; }
#footer .social a { display:block; display: -moz-inline-stack; display:inline-block; margin-left:10px; width: 16px; height: 16px; background-repeat: no-repeat; background-size:100%; background-position: center center; transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -webkit-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; opacity: 0.5; }
#footer .social a:hover { opacity: 1; }

	.social-1 { background-image: url("img/social/social_1.png"); }
	.social-2 { background-image: url("img/social/social_2.png"); }
	.social-3 { background-image: url("img/social/social_3.png"); }
	.social-4 { background-image: url("img/social/social_4.png"); }
	.social-5 { background-image: url("img/social/social_5.png"); }
	.social-6 { background-image: url("img/social/social_6.png"); }
	.social-7 { background-image: url("img/social/social_7.png"); }
	.social-8 { background-image: url("img/social/social_8.png"); }
	.social-9 { background-image: url("img/social/social_9.png"); }
	.social-10 { background-image: url("img/social/social_10.png"); }
	.social-11 { background-image: url("img/social/social_11.png"); }
	.social-12 { background-image: url("img/social/social_12.png"); }
	.social-13 { background-image: url("img/social/social_13.png"); }
	.social-14 { background-image: url("img/social/social_14.png"); }
	.social-15 { background-image: url("img/social/social_15.png"); }
	.social-16 { background-image: url("img/social/social_16.png"); }
	.social-17 { background-image: url("img/social/social_17.png"); }



/*========================*/
/*===  8. Widgets     ===*/
/*========================*/

.tweet li { margin-bottom:10px; }
.tweet .twitter-content { padding:10px; background:#e6e6e6; font-size:11px; font-style:italic; }

.tweet .quote { font-size:11px; text-decoration:none; background:url(img/twitter_quote.png) no-repeat right top; width:198px; height:30px; }
.tweet .quote a span  { color:#c0c0c0; padding:10px 0 0 8px; display:block;}
.tweet .quote a:hover { text-decoration:none; }

.recent-posts { margin-top:16px; }
.recent-posts li { margin-bottom:30px; overflow:hidden; list-style-type:none; }
.recent-posts li:last-child { margin:0px; }
.recent-posts li a { color:#666; }
.recent-posts li a:hover { text-decoration:none; }
.recent-posts .rp-image { width:40px; height:40px; float:left; margin-right:10px; }
.recent-posts li span { font-size:10px; line-height:20px; }
.recent-posts li strong { font-size:11px; display:block; line-height:20px; }

.flickr-badge { overflow:hidden; margin-top:16px; }
.flickr_badge_image {margin:0 4px 0 0; float:left;}
.flickr_badge_image img { width:39px; height:39px; padding:2px; border:1px solid #ddd;}



/*========================*/
/*===  9. Elements     ===*/
/*========================*/

/*========================*/
/*===  9.1. Icon boxes ===*/
/*========================*/

.icon-image { float:left; width:32px; height:32px; margin-left: -27px; background-size: 100%; background-repeat: no-repeat; background-position: center; margin-right:10px; background-image: url("img/icons/img.png");}
.icon-text { float:left; width:156px; overflow:hidden; }
.icon-text h5,.icon-text h6 { font-size: 16px; margin-bottom:0px; }
.icon-text p { font-size:14px; line-height:22px; margin-bottom:0px; }

.one_third .icon-text { width:275px; }
.one_fifth .icon-text { width:109px; }

	.icon-book		{ background-image: url("img/icons/book.png"); }
	.icon-bubbles	        { background-image: url("img/icons/bubbles.png"); }
	.icon-bulb		{ background-image: url("img/icons/bulb.png"); }
	.icon-cabinet	        { background-image: url("img/icons/cabinet.png"); }
	.icon-calendar	        { background-image: url("img/icons/calendar.png"); }
	.icon-cart		{ background-image: url("img/icons/cart.png"); }
	.icon-chart		{ background-image: url("img/icons/chart.png"); }
	.icon-chemical	        { background-image: url("img/icons/chemical.png"); }
	.icon-clock		{ background-image: url("img/icons/clock.png"); }
	.icon-company	        { background-image: url("img/icons/company.png"); }
	.icon-eye		{ background-image: url("img/icons/eye.png"); }
	.icon-globe		{ background-image: url("img/icons/globe.png"); }
	.icon-help		{ background-image: url("img/icons/help.png"); }
	.icon-home		{ background-image: url("img/icons/home.png"); }
	.icon-img		{ background-image: url("img/icons/img.png"); }
	.icon-info		{ background-image: url("img/icons/info.png"); }
	.icon-ipad		{ background-image: url("img/icons/ipad.png"); }
	.icon-iphone	        { background-image: url("img/icons/iphone.png"); }
	.icon-leaf		{ background-image: url("img/icons/leaf.png"); }
	.icon-link		{ background-image: url("img/icons/link.png"); }
	.icon-mail		{ background-image: url("img/icons/mail.png"); }
	.icon-map		{ background-image: url("img/icons/map.png"); }
	.icon-mickey	        { background-image: url("img/icons/mickey.png"); }
	.icon-pages		{ background-image: url("img/icons/pages.png"); }
	.icon-paperclip	        { background-image: url("img/icons/paperclip.png"); }
	.icon-phone		{ background-image: url("img/icons/phone.png"); }
	.icon-presentation	{ background-image: url("img/icons/presentation.png"); }
	.icon-settings		{ background-image: url("img/icons/settings.png"); }
	.icon-shuffle		{ background-image: url("img/icons/shuffle.png"); }
	.icon-strategy		{ background-image: url("img/icons/strategy.png"); }
	.icon-suitcase		{ background-image: url("img/icons/suitcase.png"); }
	.icon-tags		{ background-image: url("img/icons/tags.png"); }
	.icon-truck		{ background-image: url("img/icons/truck.png"); }
	.icon-users		{ background-image: url("img/icons/users.png"); }
	.icon-vcard		{ background-image: url("img/icons/vcard.png"); }
	.icon-write		{ background-image: url("img/icons/write.png"); }
	.icon-wave-icon-1	{ background-image: url("img/icons/wave-icon-1.png"); }
	.icon-quotes		{ background-image: url("img/icons/quotes.png"); }

/*========================*/
/*===  9.2. Buttons    ===*/
/*========================*/

.button, .big_button { border:1px solid #ccc; line-height:20px; background:url(img/button.png) repeat-x 0 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; cursor:pointer; margin:0px 5px 18px 0px; display: -moz-inline-stack; display: inline-block; font-weight:bold; overflow:hidden; }

.button { padding:5px 12px; margin-bottom:18px; }

.big_button { padding:7px 20px; font-size:13px; margin-bottom:14px; }

.button:hover, .big_button:hover { text-decoration:none; }	
	.light { color:#777; background-color: #f1f1f1; border-color: #ddd; }
	.light:hover { color:#777; }
	.light_grey { color:#777; background-color: #e1e1e1; border-color: #ccc; }
	.light_grey:hover { color:#777; }
	.red { background-color: red; border-color: red; text-shadow: 0 1px 3px #444; }
	.red:hover { color:#fff; }
	.light_blue { background-color: #57cbcd; border-color: #57cbcd; text-shadow: 0 1px 3px #aaa; }
	.light_blue:hover { color:#fff; }
	.blue { background-color: #3399ff; border-color: #3399ff; text-shadow: 0 1px 3px #666; }
	.blue:hover { color:#fff; }
	.purple { background-color: #9900cc; border-color: #9900cc; text-shadow: 0 1px 3px #666; }
	.purple:hover { color:#fff; }
	.yellow { color:#c2a903; background-color: #ffe743; border-color: #e5cc24; }
	.yellow:hover { color:#c2a903; }
	.orange { color:#fff; background-color: orange; border-color: orange; text-shadow: 0 1px 3px #666; }
	.orange:hover { color:#fff; }
	.brown { color:#fff; background-color: #713800; border-color: #713800; text-shadow: 0 1px 3px #333; }
	.brown:hover { color:#fff; }
	.green { color:#fff; background-color: #339933; border-color: #339933; text-shadow: 0 1px 3px #666; }
	.green:hover { color:#fff; }
	.light_green { color:#6fa30a; background-color: #b0ef37; border-color: #b0ef37; }
	.light_green:hover { color:#6fa30a; }

/*========================*/
/*===  9.3. Tabs       ===*/
/*========================*/

.tabs { margin-bottom:30px; }
	.tabnav li { display: inline; list-style: none; padding-right: 5px;	}	
	.tabnav li a { font-size:12px; text-transform: uppercase; color:#888; font-weight: bold; padding: 8px 14px; outline: none; }		
	.tabnav li a:active, .tabnav li.ui-tabs-selected a { background:#f3f3f3; color:#666; text-decoration: none; }
		
.tabdiv { margin-top: 1px; background:#f3f3f3; padding:10px 14px 10px 14px;}
.tabdiv p {	margin-bottom:0px; }	

.ui-tabs-hide { display: none; }


/*========================*/
/*===  9.4. Toggles    ===*/
/*========================*/

.toggle-container { width:100%; }

.toggle-container { margin-bottom:4px; position:relative; cursor:pointer; overflow:hidden; }
.toggle-container h6 { text-decoration: none; text-transform: uppercase; padding:7px 8px 7px 33px; font-size:12px; line-height:20px; margin:0; border: 1px solid #e1e1e1; }
	.toggle { background:url(img/toggle.png) no-repeat 10px 2px; }
	.active { background:url(img/toggle.png) no-repeat 10px -48px;}


.toggle-container p, .toggle-container div { padding:10px 10px 10px 32px; margin:0px; } 
.toggle-content { display:none; }

/*========================*/
/*===  9.5. Lists      ===*/
/*========================*/

ol, .list { list-style:outside none; margin-bottom:30px;padding-left: 10px; }
ol li, .list li { color:black; line-height:20px; margin-bottom:20px; margin-left:1em;
  padding-left:1em; line-height: 25px; }
	ol { list-style-type:decimal; }
	.square { list-style-type:square; }
	.circle { list-style-type:circle; }
	.check li { background:transparent url(img/checklist.png) no-repeat 0px 2px; padding-left:22px; }
	.checkgrey li { background:transparent url(img/checkgrey.png) no-repeat 0px 2px; padding-left:22px; }

/*===========================*/
/*===  9.6. Pricing Boxes ===*/
/*===========================*/

.pricing-box { border:5px solid #f1f1f1; }
	.pricing-box p { margin-bottom:0; }
	.pricing-title { text-align:center; padding:20px 30px 0 30px;}
	.pricing-title h3 { margin-bottom:0; }
	.pricing-price { text-align:center;}
	.pricing-price h1 { font-size:42px; line-height:42px; padding:20px 0; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; }
	.pricing-content { padding:20px 30px; }
	.pricing-content ol, .pricing-content .list { margin-bottom:20px; }
	.pricing-content .button, .pricing-content .big_button { margin-bottom:0px; text-align:center; display:block; }