/*
Theme Name: Vanguard
Theme URI: http://themeforest.net/item/vanguard-business-portfolio-wordpress-theme/3562193
Description: Whether you’re a beginner or an experienced WordPress professional, Vanguard was built with you in mind. Powerful and at the same time easy to use tools, make it easy for everyone to build a website. The build-in custom admin panel has all the options you’ll ever need to customize your website in a few minutes, be it changing colors, adding a background image, fonts or setting image sizes, Vanguard has got you covered.
Author: unisphere
Author URI: http://themeforest.net/user/unisphere
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: light, two-columns, fixed-width, threaded-comments, translation-ready, microformats
*/

/* Base styles and browser defaults */
@import url( 'css/base.css' );

/* Structural CSS Styles */
@import url( 'css/screen.css' );

/* prettyPhoto CSS */
@import url( 'css/prettyPhoto.css' );


.social_icons {
position: absolute !important;
top: 0 !important;
right: 0 !important;
padding-right: 10px;
padding-top: 3px;
};




.col-sm-4.last, .col-sm-5block.last, .last {
	margin-right:0;
}

.col-sm-4, .col-sm-5block {
	float:left;
	margin-right:30px;
	margin-top:20px;
	margin-bottom:40px;
}
.col-sm-4 {
	width:31.1%;
}
.col-sm-5block {
	width:17.8%;
	margin-right:20px;
}


h2.top-border {
	border-bottom:2px solid #DE0D0D;
	padding-bottom:6px;
	font-weight:300;
	margin-bottom:12px;
}

.linkList, .homeCols li, .footerCols li {
	line-height:22px;
	margin-bottom:15px;
}
img.titleIcon {
	position:relative;
	margin-right:10px;
	top:6px;
}

#newFooter {
	background-color: #403438;
    border-top-color: #F0F0F0;
    border-top-style: solid;
    border-top-width: 7px;
	padding-top:20px;
	font-size:12px;
}
#newFooter h4, #newFooter a {
	color:#fff;
}

#newFooter h4 {
	margin-bottom:10px;
	padding-bottom:6px;
	border-bottom:5px solid #444;
}



/*////////////////////////
MEDIA QUERIES BELOW HERE
- default widths are set here
- use the following to add specific CSS for the various widths
///////////////////////*/
@media (max-width: 1199px) {

}

/* IPAD CSS */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
}



@media (max-width: 991px) {
	.col-sm-4 {
		width:30%;
		margin-right:20px;
	}
}

@media (max-width: 767px) {
	.col-sm-4, .col-sm-5block {
		width:100%;
		float:none;
	}
}

@media (max-width: 559px) {
}

@media (max-width: 479px) {
}





@media (min-width: 320px) {
}
@media (min-width: 480px) {
}
@media (min-width: 560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}