/* CSS Document */

/*
Theme Name: ink'd
Description: Portfolio and Creative HTML Template
Version: 1.0
Author: Pixnami
*/


/* CSS Reset */
* {
	border: 0;
	margin: 0;
	padding: 0;
	outline: none;
}

ol, ul, li, a {
	list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/*///////////////////// GLOBAL ///////////////////////*/

body {
	font: 15px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,h2,h3 {
	font-weight: normal;
}

h1 {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 16px;
	padding-bottom: 9px;	
}

h2 {
	font-size: 24px;
	line-height: 30px;
	margin: 6px 0 16px;
	padding-bottom: 4px;	
}

h3 {
	font-size: 20px;
	line-height: 27px;
	margin-bottom: 2px;
}

h4 {
	font-size: 17px;
	font-weight: bold;
	line-height: 25px;
}

h5 {
	font-size: 15px;
	font-weight: bold;
	line-height: 23px;
}

p {
	margin-top: 5px;
	margin-bottom: 16px;
}

p + h1, p + h2, p + h3, p + h4, p + h5 {
	padding-top: 11px;
}

a:link, a:visited {
	text-decoration: underline;
}

a:hover, a:active {
	text-decoration: none;
}

a.btn {
	padding: 1px 34px 2px 16px;
	margin: 4px 15px 40px 0;
	display: inline-block;
	text-decoration: none;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

a.arrow-link {
	text-decoration: none;
	margin: 0 20px 30px 0;
}

a.arrow-link span {
	padding: 0 9px;
	margin-left: 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix {
	clear: both;
}

.ruler {
	margin-bottom: 16px;
}

.sub-ruler {
	margin-bottom: 11px;
}

.no-ruler {
	border-bottom: none;
	padding-bottom: 0;
}

h1.no-ruler {
	margin-bottom: 13px;	
}

h3.sub-ruler, h4.sub-ruler, h5.sub-ruler {
	padding-bottom: 4px;
}

.dash-ruler {
	margin-bottom: 11px;
	height: 1px;
}

h2.dash-ruler, h3.dash-ruler, h4.dash-ruler, h5.dash-ruler {
	padding-bottom: 4px;
	height: auto;
	border: none;	
}

#wrapper {
    width: 978px;
    margin: 0 auto;
}

/*///////////////////// HEADER ///////////////////////*/

#header {
    padding-top: 15px;
	margin-bottom: 55px;
}

#header-social {
    float: right;
}

#header-social li {
    float: left;
	margin-left: 15px;
}

#header-social li a span {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 7px -5px 0;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;	
}

#header-social li a {
    font-size: 15px;
	text-decoration: none;
}

#logo {
	margin: 4px 15px 0 0;
	float: left;
	width: 250px;
	height: 100px;
	display: block;
	text-indent: -9999px;	
}

#tagline {
	font-size: 33px;
	line-height: 35px;
	width: 280px;
	padding-top: 19px;
	margin: 0;
	float: left;
}

/*///////////////////// MAIN NAVIGATION ///////////////////////*/

#main-nav {
	margin: 58px 0 -4px 0;
	float: right;
}

#main-nav a {
	text-decoration: none;
}

#main-nav > li {
	float: left;
	margin-left: 25px;
	padding-bottom: 4px;
	position: relative;
	z-index: 50;	
}

#main-nav > li:first-child {
	margin-left: 0;
}

#main-nav > li > a {
	font-size: 22px;
	padding-top: 8px;
	display: block;
	height: 37px;
}

#main-nav > li:hover > a {
	border-top: 1px solid #000;
	padding-top: 7px;
}

#main-nav li #nav-active {
	height: 30px;
	padding-top: 7px;
}

#main-nav li ul {
	width: 156px;  /*Sets the width of drop down menus*/
	position: absolute;	
	display: none;	
}

#main-nav ul ul {
	top: 0;
	right: -156px; /*Must match the menu width value above, but changed to negative instead*/
}

#main-nav > li > ul {
	top: 45px;
	left: 0;
}

#main-nav li ul a:hover {
	padding-bottom: 10px;
}

#main-nav li ul li:last-child > a:hover {
	padding-bottom: 9px;
}

#main-nav a.inactive {
	cursor: default;
}

#main-nav > li:hover > ul, #main-nav > li > ul > li:hover > ul, 
#main-nav > li > ul > li > ul > li:hover > ul, 
#main-nav > li > ul > li > ul > li > ul > li:hover > ul {
	display: block;
}

#main-nav li ul li {
	position: relative;
	margin-bottom: -1px;
}

#main-nav li ul li:hover {
	z-index: 2;
}

#main-nav li ul li:first-child  {
	margin-top: 0;
}

#main-nav li ul li a {
	font-size: 17px;
	line-height: 22px;
	padding: 9px 26px 10px 16px;
	display: block;
}

#main-nav li > ul > li:first-child > a, 
#main-nav li > ul > li:first-child > ul > li:first-child > a, 
#main-nav li > ul > li:first-child > ul > li > ul > li:first-child > a, 
#main-nav li > ul > li:first-child > ul > li > ul > li > ul > li:first-child > a {
	background-image: none;
}

/*///////////////////// CONTENT ///////////////////////*/

#main-content {
	width: 642px;
	float: left;
}

#main-content-full {
	width: 978px;
}

/* Misc. Text */

h1.highlight {
	padding: 0 7px 3px;
}

.highlight {
	padding: 1px 6px 3px;
}

.strike {
    text-decoration: line-through;
}

.highlight a {
	text-decoration: none;
}

blockquote {
	margin-left: 65px;
}

blockquote p {
	padding: 16px 20px 20px;
}

#services {
	margin-top: 40px;
}

#services h2 {
	padding: 7px 15px 0 33px;
	margin-bottom: 11px;
	border: none;
}

#services .dash-ruler {
	margin-bottom: 17px;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	display: none;
	opacity: 0.6;	
}

/* Homepage Carousel */

.port-carousel {
	position: relative;	
	margin: 4px 0 38px;	
}

.port-carousel-wrapper {
	height: 185px;
	overflow: hidden;
}

.port-carousel ul {
	overflow: hidden;
}

.port-carousel ul li {
	float: left;
}

.port-carousel ul li {
	margin: 0 11px;
}

.port-carousel ul img {
	width: 154px;
	height: 154px;
}

.port-prev,.port-next {
	position: absolute;
	top: 60px;
	width: 29px;
	height: 54px;
	overflow: hidden;
}

.port-prev span, .port-next span {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	width: 54px;
	height: 54px;	
	display: block;
}

.port-prev {
	left: -29px;
}

.port-prev span {
	margin-right: -27px;
	float: right;
}

.port-next {
	right: -29px;	
}

.port-next span {
	margin-left: -27px;	
}


/* Rotating Testimonial Carousel*/

.circle-carousel {
	height: 306px;
	position: relative;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	border-radius: 150px;
}

.circle-carousel ul {
	width: 306px;
	height: 306px;
	overflow: hidden;	
	font-style: italic;
}

.circle-carousel ul li {
	width: 200px;
	height: 230px;
	margin: 40px 53px 0;
	float: left;
	display: table;
	text-align: center;	
}

.circle-carousel ul li span span {
	font-size: 12px;
	font-style: normal;
	display: block;
	margin-top: 14px;
	padding-top: 3px;
}

.circle-carousel ul li > span {
	display: table-cell;
	vertical-align: middle;
}

.circle-carousel .test-prev {
	margin-left: 12px;
}

.test-prev,.test-next {
	display: block;
	position: absolute;
	top: 130px;
	width: 30px;
	height: 30px;	
}

.test-prev {
	left: 3px;
}

.test-next {
	right: 14px;	
}


/* 3D Flash Rotator */

#piecemaker-wrap {
	margin: -15px 0 40px -25px;
}

/* Images */

.img-left {
	float: left;
	margin: 5px 20px 15px 0;
}

.img-right {
	float: right;
	margin: 5px 0 15px 20px;	
}

.six-col img {
	margin: 5px 0 10px;
}

.icon-left {
	margin: 5px 20px 15px 0;
	float: left;
}

/* Column Containers */

.two-col, .three-col, .four-col, .six-col {
	margin: 0 30px 35px 0;
	float: left;
}

.one-col {
	margin: 0 0 30px 0;
	float: left;	
}

.two-col {
	width: 474px;
}

.three-col {
	width: 306px;
}

.four-col {
	width: 222px;
}

.six-col {
	width: 138px;
}

.six-col h3 {
	padding-bottom: 0;
}

.six-col p {
	margin-bottom: 10px;
}

/* Add this class to the last box in a row, or else column boxes will not all fit in a row next to each other in layout */
.end-col {
	margin-right: 0 !important;
}

/* Lists */

.arrow-list, .icon-list, .bullet-list, .check-list {
	margin-bottom: 13px;
	line-height: 22px;
}
.arrow-list li.active a{
	font-weight:bold;
	text-decoration:underline
}
.arrow-list li, .bullet-list li {
	padding-left: 17px;
	padding-bottom: 8px;	
}

.arrow-list a, .icon-list a, .bullet-list a {
	text-decoration: none;
}

.check-list li {
	padding-left: 24px;
	padding-bottom: 8px;	
}

.icon-list li {
	margin-bottom: 8px;
}

.icon-list li a {
	padding-left: 21px;
}

.quotes li {
	margin-bottom: 20px;
}

.quotes li span:first-child {
	margin: 1px 10px 0 -4px;
	display: block;
	width: 44px;
	height: 44px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	float: left;
}

.quotes span {
	font-size: 12px;
	font-style: italic;
	display: block;
}

.pagination {
	padding: 27px 0 30px;
	margin-left: -10px;
	float: left;
	display: block;
	min-width: 450px;
}

.pagination li {
	margin-left: 10px;
	position: relative;	
	display: block;
	float: left;
	width: 28px;
	height: 27px;
	padding-top: 1px;
	cursor: pointer;
	text-align: center;	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.pagination li a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*  About Page */

#team-info {
	margin-top: 15px;
}

#team-info li {
	position: relative;
	margin: 15px 30px 15px 0;
	float: left;
}

#team-info li .member-details {
	position: absolute;
	z-index: 2;
	padding: 2px 10px 10px;
	top: 0;
	left: 0;
	width: 118px;
	height: 126px;	
	overflow: hidden;
	display: none;
}

#team-info li:hover div {
	display: block;
}

#team-info img {
	display: block;
}

#team-info h3 {
	line-height: 24px;
	margin-bottom: 0;
	font-size: 17px;
}

#team-info p {
	line-height: 14px;
	font-style: italic;
	font-size: 13px;
	margin: 0;
}

#team-info li ul {
	position: absolute;
	right: 12px;
	bottom: 8px;
}

#team-info li ul li {
	margin: 67px 0 0 9px;
}

#team-info li ul li a {
	text-indent: -9999px;
	display: block;
	width: 22px;
	height: 22px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.client-list {
	padding-top: 6px;
}

.client-list li {
	width: 92px;
	height: 92px;
	float: left;
	margin: 0 18px 15px 0;
	text-align: center;	
}

.client-list img {
	margin-top: 17px;
}

#awards li {
	padding: 4px 0 13px;
	margin-bottom: 14px;
}

#awards li p {
	line-height: 19px;
	margin: 0;
	overflow: hidden;	
}

#awards li span {
	width: 40px;
	height: 40px;
	display: block;
	margin: -2px 11px 0 -2px;
	float: left;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
}

#awards li em {
	display: block;
	font-size: 12px;
}

#skills-graph {
	position: relative;
}

#skill-levels {
	width: 92px;
	margin-top: 25px;
	padding-bottom: 33px;
	font-size: 12px;
	text-align: right;
}

#skill-levels li {
	padding: 12px 7px 0 0;
}

#skill-levels li:first-child {
	padding: 0 7px 0 0;
}

#skills {
	position: absolute;
	left: 96px;
	bottom: 0;
	height: 181px;
	overflow: hidden;
}

#skills li {
	font-size: 12px;
	width: 25px;
	margin-left: 10px;
	float: left;
	position: relative;
	overflow: hidden;
}

#skills li span {
	position: absolute;
	top: 16px;
	left: 26px;
	white-space: nowrap;	
	-webkit-transform: rotate(90deg); 
	-webkit-transform-origin:0% 0%;	
	-moz-transform: rotate(90deg);
	-moz-transform-origin:0% 0%;	
	-o-transform: rotate(90deg);
	-o-transform-origin:0% 0%;	
	-ms-transform: rotate(90deg); 
	-ms-transform-origin:0% 0%;	
	transform: rotate(90deg);
	transform-origin:0% 0%;
}  

.level-five {
	height: 100%;
}

.level-four {
	margin-top: 36px;
	height: 100%;
}

.level-three {
	margin-top: 74px;
	height: 100%;
}

.level-two {
	margin-top: 110px;
	height: 100%;
}

.level-one {
	margin-top: 147px;
	height: 100%;
}

.thumb-list li {
	float: left;
}

.thumb-list a {
	margin: 0 10px 7px 0;
	display: inline-block;
}

/*  Portfolio Pages */


#port-loading {
	height: 400px;
	position:relative;
	clear: both;
}

#loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	margin-left: -30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;	
}

#paginate-grid, #paginate-fourcol, #paginate-threecol, #paginate-twocol {
	margin-top: 0;
}

/*Prevents elements from displaying for a split second IE 8,9, and Opera before the scripts load and hide them. This can be removed if you're not using the automatic pagination. These are shown
by the script once its finished loading*/
#paginate-grid, #paginate-fourcol, #paginate-threecol, #paginate-twocol, #paginate-onecol {
	height: 0;
}

/*Prevents element from displaying for a split second IE 8,9, and Opera before the scripts load and hide them. This can be removed if you're not using the automatic pagination. These are shown
by the script once its finished loading*/
#paginate-filter #port-filter {
	display: none;
}

/*Portfolio Image sizes. Needed for the auto pagination script to run correctly for those users with slower 
internet connections. These can be removed if not using auto pagination. */
#paginate-grid li img {
	width: 126px;  
	height: 126px;    
}

#paginate-twocol .two-col img {
	width: 450px;
	height: 400px;
}

#paginate-threecol .three-col img {
	width: 282px;
	height: 193px;
}

#paginate-fourcol .four-col img {
	width: 198px;
	height: 136px;
}

.port-columns {
	margin: 30px 0 50px;
	clear: both;
	overflow: hidden;
}

.port-columns li {
	margin-right: 30px;
	margin-bottom: 40px;
}

.port-columns li.hidden > h2, .port-columns li.hidden > h3, .port-columns li.hidden > p {
	opacity: 0.2;
}

.port-columns li.one-col {
	float: none;
	margin: 0 0 40px 0;
}

.port-columns li.four-col, .port-columns li.three-col {
	margin-bottom: 30px;
	
}
.port-columns li.three-col>div{
	height:273px;
}
.port-columns li .port-bg {
	position:relative;	
	padding:11px;
}

.port-columns li img {
	display: block;
}

.port-columns li a {
	display: block;
	text-decoration: none;	
}

.port-columns li .port-bg > a {
	padding: 0;
	position: relative;
}

.port-columns li p {
	margin: 15px 0 0 0;
}

.port-columns li .port-bg h2, .port-columns li .port-bg h3 {
	border: none;
	margin: 0;
	padding: 0;
}

.port-columns li h2 {
	margin-top: 15px;
	font-size: 23px;
}

.port-columns li h3{
	margin-top: 12px;
	padding-bottom: 4px;
}

.port-columns li h2 > span a, .port-columns li h3 > span a {
	display: inline;
}

.port-columns li h2 > span, .port-columns li h3 > span {
	padding-top: 12px;
	line-height: 22px;
}

.port-columns li span span  {
	font-size: 15px;
	font-style: italic;	
	line-height: 24px;			
}

.port-columns li span span a  {
	display: inline;		
}

.port-columns li span {
	display: block;	
	font-size: 20px;
}

.port-columns .four-col .port-bg h2 a > span {
	font-size: 18px;
	line-height: 18px;
}

.port-columns li span a {
	padding: 0;
}

.port-columns li h2 > a > span, .port-columns li h3 > a > span {
	padding-top: 12px;	
	line-height: 22px;	
}

.port-columns li h2 > a span span, .port-columns li h3 > a span span {
	font-size: 15px;
	font-style: italic;
	margin-top: 3px;
	line-height: 21px;		
}

.port-overlay {
	opacity: 0.8;
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.port-columns li span.magnify-overlay, .port-columns li span.magnify-overlay-sm {
	position: absolute;
	padding: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.port-columns li a:hover span.magnify-overlay, .port-columns li a:hover span.magnify-overlay-sm {
	display: block;
} 

.grid {
	margin-top: 30px;
	padding: 15px 0 2px 15px;
}

.grid li {
	float: left;
	margin: 0 11px 12px 0;
}

.grid li .port-bg {
	padding: 0;
}

#paginate-filter {
	padding-top: 15px;
}

#paginate-filter #port-filter {
	float: right;
	margin: 12px 0 10px 0;
}

#paginate-filter .pagination {
	padding: 10px 0 30px;	
}

#port-filter {
	margin-top: 30px;
	padding-bottom: 20px;
}

#port-filter li {
	float: left;
	margin-left: 8px;
}

#port-filter li:first-child {
	margin-left: 0;
}

#port-filter li a {
	font-size: 12px;
	text-decoration: none;
	padding: 4px 14px 5px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;	
}

.portfolio {
	overflow: hidden;
	clear: both;
}

.portfolio h2 {
	border: none;
}

.portfolio .one-col {
	padding-bottom: 20px;
	margin-top: 80px;
}

#paginate-onecol + .paginate-nav {
	margin-top: -20px;
}

.portfolio .four-col {
	margin: 0 30px 0 0;	
}

.portfolio .details-alt .four-col {
	float: right;
	margin: 0 0 0 30px;
}

.portfolio .lg-showcase {
	width: 702px;
	margin-left: 24px;
}

.portfolio .lg-showcase, .portfolio .lg-showcase img {
	float: right;
}

.portfolio .details-alt .lg-showcase {
	margin: 0 24px 0 0;
}

.portfolio .details-alt .lg-showcase, .portfolio .details-alt .lg-showcase img {
	float: left;
}

.portfolio img {
	margin-bottom: 30px;
}

.portfolio .img-left {
	margin-right: 30px;
}

.portfolio .img-right {
	margin-left: 30px;
}

.portfolio .four-col img {
	float: left;
}

.portfolio .details-alt .four-col img {
	float: right;
}

.portfolio .dash-ruler {
	margin: 20px 0 50px;
}

.details {
	font-size: 12px;
	font-style: italic;
	line-height: 19px;
}

.details p {
	margin-bottom: 9px;	
}


/* Portfolio Detail Page */

#port-list {
	width: 212px;
	margin-top: 42px;
	float: right;	
}

#port-list ul ul {
	margin: 10px 0 20px;
}

 #port-detail {
	 width:726px;
	 float: left;
	 margin-top: 10px;
 }
 
 #thumb-gallery {
	 margin: 20px 0 30px;
 }

#port-list-active {
	display: inline-block;
	padding: 1px 8px 3px;
}

/*  Blog Pages */

#posts > li {
	margin-bottom: 20px;
}

#posts > li + li {
	padding-top: 40px;
}

.post-head {
	padding-bottom: 15px;
	margin-bottom: 29px;
	display: table;
}

.post-head h1 {
	border: none;
	width: 561px;
	margin-bottom: 0;
	padding: 3px 0 0 16px;
	display: table-cell;
	vertical-align: middle;
}

.post-head a {
	text-decoration: none;
}

.post-date {
	width: 80px;
	height: 65px;
	margin-left: -15px;
	padding: 13px 0 4px;
	text-align: center;
	font-size: 20px;
	-webkit-border-radius: 44px;
	-moz-border-radius: 44px;
	border-radius: 44px;		
}

.post-date div {
	font-size: 11px;
	font-style: italic;
	line-height: 12px;
	margin-top: 11px;
	padding: 4px 4px 0;
}

.post-date div span {
	display: block;
}

.post-img {
	margin-bottom: 5px;
}

.post-meta {
	margin-top: 28px;
	padding-top:11px;
	overflow: hidden;
}

.post-meta li {
	float: left;
}

.post-meta li a {
	text-decoration: none;
}

.post-meta li + li {
	margin-left: 15px;
}

.post-author {
	padding-left: 20px;
}

.post-tags {
	padding-left: 21px;
}

.post-comments {
	padding-left: 20px;
}

#post .post-head {
	margin-bottom: 0;
}

#post .post-meta {
	border: none;
	margin: 0 0 25px;
	padding-top: 9px;
}

#post .ruler {
	padding-top: 15px;
}

#post-social {
	margin: 20px 0 40px;
	overflow: hidden;
}

#social-tweet, #social-like, #social-plus {
	float: left;
}

#social-tweet, #social-plus {
	margin-top: 1px;
	margin-right: 15px;
}

#social-like {
	width: 250px;
}

#author {
	margin-bottom: 90px;
}

#comments {
	margin: 20px 0 70px;
}

#comments > li + li {
	margin-top: 55px;
}

.comment-content {	
	overflow: hidden;
	padding: 7px 0;
}

.comment div div {
	overflow: hidden;
}

.comment .img-left {
	margin: 10px 15px 15px 0;
}

.comment-meta {
	overflow: hidden;
}

.comment-meta a {
	float: right;
	padding-left: 21px;
	text-decoration: none;
}

.comment-meta p {
	float: left;
	padding: 1px 8px;
	margin: 0;
}

.comment-meta span {
	font-style: italic;
}

.reply {
	margin: 40px 0 0 40px;
	overflow: hidden;
}

.reply .comment-meta p {
	margin: 0;
}

.reply .comment-content {
	border: none;				
}


/* Forms */

#post-comment {
	margin-top: 15px;
}

#contact {
	margin-top: 30px;
}

.form label {
	display: block;
}

.form input[type="text"], .form textarea {
	padding: 6px 8px;
}

.form input[type="text"]:focus {
	padding: 5px 7px;
}

.form label {
	margin-right: 6px;
}

.field-group {
	margin: 10px 20px 20px 0;
}

.field-group label {
	display: inline;
}

.form textarea {
	margin: 3px 0 28px;
	padding: 8px 10px;
	width: 622px;
	height: 175px;
}

.form textarea:focus {
	padding: 7px 9px;
}

.form input[type="submit"] {
	padding: 4px 34px 5px 16px;
	margin: 25px 15px 30px 0;
	display: inline-block;
	cursor: pointer;
	font-size: 15px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.hide {
	display: none;
}

#response {
	margin-bottom: 20px;
	font-style: italic;	
	width: 270px;
	padding: 12px 20px 7px 17px;
}

/*///////////////////// SIDEBAR ///////////////////////*/

#sidebar {
	width: 270px;
	margin: 13px 0 0 66px;
	float: left;
}

.widget {
	margin-bottom: 40px;
}

#sidebar h3 {
	padding-bottom: 6px;
	margin-bottom: 14px;
	font-size: 21px;	
}

#sidebar .widget:first-child > h3 {
	margin-bottom: 17px;
}

#sidebar .btn {
	margin-bottom: 5px;
}

#news-sidebar img {
	margin: 2px 12px 0 0;
}

#news-sidebar p {
	font-size: 12px;
	display: block;
	margin-bottom: 0;
}

#news-sidebar li {
	padding-bottom: 12px;
	margin-bottom: 12px;
}

#social-nav {
	height: 35px;
	margin-bottom: 19px;
}

#social-nav li {
	float: left;
	margin-right: 10px;
}

#social-nav li a {
	padding: 4px 14px;
	text-decoration: none;
	display: inline-block;
    font-size: 20px;
    line-height: 27px;
}

#social-nav li a:hover {
	text-decoration: none;
}

.social-content a {
	text-decoration: none;
}

#facebook-sidebar {
	margin-top: 5px;
}

#tweet-sidebar .tweet_time {
	display: block;
	font-size: 12px;
	font-style: italic;
}

#tweet-sidebar .tweet_list li{
	padding-bottom: 7px;
	margin-top: 10px;
}

#tweet-sidebar .tweet_avatar {
	float: left;
	margin: 30px 10px 0 0;
}

#follow-sidebar {
	margin-top: 4px;
	padding-left: 18px;
	float: right;
}

#follow-sidebar:hover {
	text-decoration: none;
}

#team-sidebar p {
	margin-bottom: 10px;
}

#team-sidebar ul li span {
	font-style: italic;
}

#categories .arrow-list, #archives .arrow-list {
	width: 120px;
	float: left;
	margin-bottom: 0;
}

#categories .arrow-list + .arrow-list, #archives .arrow-list + .arrow-list {
	margin-left: 15px;
}

#search {
	margin-bottom: 30px;
}

#search form {
	margin-top: 5px;
}

#search-field {
	width: 232px;
	margin-left: -3px;
	padding: 5px 7px 6px 19px; 
}

#search-btn {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;	
	width: 26px;
	height: 26px;
	margin-left: -11px;
	position: relative;
	z-index: 2;
	right: -11px;
	cursor: pointer;
	float: left;			
}

.widget .icon-list + .icon-list {
	margin-left: 25px;
}

#map {
	margin-left: 19px;
}

/*///////////////////// FOOTER ///////////////////////*/

#footer {
	margin: 80px 0 80px;
	padding-top: 18px;
}

#footer h3 {
	font-size: 24px;
}

#footer h4 {
	font-size: 20px;
	font-weight: normal;
}

#footer h3, #footer h4 {
	line-height: 30px;
}

#footer .ruler {
	margin-bottom: 3px;
}

#footer a.btn {
	margin-bottom: 15px;
}

#footer .four-col {
	margin-bottom: 20px;
}

#footer .icon-list {
	width: 110px;
}

#footer .arrow-list, #footer .icon-list {
	margin-bottom: 0;
}

#tweet-footer {
	font-size: 12px;
	margin-bottom: 4px;
	float: right;
}

#follow-footer {
	display: block;
	width: 22px;
	height: 17px;
	margin: 4px 9px 0 0;
	float: left;
}

#tweet-footer a {
	text-decoration: none;
}

#tweet-footer .tweet_time {
	font-style: italic;
	margin-left: 10px;
}

#tweet-footer .tweet_list {
	float: left;
}

#bottom-footer p {
	font-size: 12px;
}

#sidebar .widget .check-list li a {
text-decoration:none;
color:#000;
}

/*///////////////////// FOR MOBILE DEVICES (480px and below) ///////////////////////*/

@media only screen and (max-device-width: 480px) {
	#wrapper {
		padding: 0 30px;
	}
}