/*
By NuTastic Designz -Jarmell James
www.nutastic.net 2013

FONTS:
font-family: 'PT Sans', sans-serif;
font-family: 'Fjalla One', sans-serif;
/*


/*GENERAL STYLING BEGINS*/
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700|Source+Sans+Pro:300,400,600,700);
html,body {margin:0px !important; padding:0; }
body{ font-family:sans-serif; font-weight:300; font-size:16px; line-height:24px; color:#212121; background:#fcfcfc !important; padding-left:0px !important; padding-right:0px !important; }
::selection{ background:#eeeeee; color:#c7dfc5; }

/*Site CSS*/
.container{margin:0px auto; width:970px; clear:both; height:auto; }
#header { width:100%; float:left; padding:8px 0px; height:auto; position:relative; text-align:center; font-weight:400; background:#c7dfc5 url(/images/util/bgs/arches.png) repeat; }
#footer { height:auto; float:left; background:#f1f1f1; padding:15px 0px; margin-top:40px; width:100%; text-align:center; font-size:15px !important; min-height:auto; border-bottom:10px solid #c7dfc5; }
#footer a:link, #footer a:visited, #footer a:active{ color: #ffffff; } #footer a:hover{ color:#FC0; }
#logo { width:550px; height:auto;}
.social { height:42px; width:42px; margin-left:10px; margin-right:0px; border-radius:60px; float:right; }

/*General*/
#menu{ width:100%; height:auto; float:left; text-align:center; font-weight:300; background:#c25b32; color:#ffffff; font-size:16px; margin-bottom:20px;}
.menuNav{padding:7px 15px; display:inline-block; border-left:1px solid #ffffff; min-width:55px;}
.menuNav:hover{ color:#212121; }
#menu a:link, #menu a:visited, #menu a:active{ color: #ffffff; } #menu a:hover{ color:#212121; text-decoration:none; }
.menuNavActive{ font-weight:600; }
.menuNavEnd{ border-right:1px solid #ffffff; }
.full{ width:970px; float:left; text-align:left; }
.left{ width:475px; float:left; }
.right{ width:475px; float:right; }
.left2{ width:640px; float:left; }
.right2{ width:290px; float:right; }
.divider{ float:left; width:100%; border-bottom:1px solid #dddddd; margin:15px 0px; }
.trip{ width:290px; height:160px; font-size:16px; float:left; margin:14px 17px 16px 0px; padding:10px; color:#212121 !important; text-align:left; } 
.tripE{ margin-right:0px; }
#topSection img{ float:left; margin:0px 12px 8px 0px; border-radius:4px; max-width:600px; max-height:600px; }

/*Home*/
.floatPic{ float:left; margin:0px 12px 8px 0px; border-radius:4px;}
.homePic{ max-width:400px; max-height:500px; }

/*Blog*/
.leftB{ width:650px; float:left; }
.rightB{ width:300px; float:right; }
.pageDetail{ width:630px; padding:6px 10px; text-align:center; float:left; background:#cdcdcd; color:#666666; font-size:18px; margin-bottom:10px;}
.blogTitle{ padding:10px 10px; text-align:left; width:630px; float:left; font-size:28px; font-family:'Source Sans Pro',sans-serif; font-weight:400; color:#212121 !important; background:#eeeeee; border-top-left-radius:4px; border-top-right-radius:4px;}
.blogTitle2{ color:#212121 !important; font-size:16px; font-family:sans-serif; font-weight:400; background:#c7dfc5; padding:5px 10px; text-align:left; width:630px; float:left; }
.blogTitle3 { font-size:42px; color:#036 !important;font-family: sans-serif; font-weight:300; }
.blogSubtitle{ padding:5px 3px; text-align:left; width:644px; float:left; font-size:14px; color:#666; margin-bottom:8px;}
.blogShare{ padding:5px 3px; text-align:left; width:644px; float:left; font-size:14px; color:#666; margin-bottom:8px;}
.blogInfo{ margin:15px 0px 30px; float:left; width:650px; font-size:16px; border-bottom:0px solid #999; padding-bottom:30px;}
.blogInfo img{float:left; max-width:645px; margin-bottom:5px; margin-right:8px; border-radius:0px; }
.blogInfo2{ margin:5px 0px 5px; float:left; width:650px; font-size:16px;}
.blogInfo2 img{margin-bottom:5px; max-width:645px; margin-right:8px; border-radius:2px; }
.blogInfo button{margin:6px 0px !important; float:left !important;}
.sideTitle{ padding:10px 5px; text-align:center; float:right; font-size:18px; font-weight:300; width:290px; background:#eeeeee; color:#212121; font-family:sans-serif;}
.sideInfo{ padding:9px; text-align:left; float:right; font-size:15px; font-weight:400; color:#212121; width:280px; margin-bottom:20px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; border:1px solid #eeeeee;}
.sideItem{ text-align:left; padding:3px 0px; border-bottom:1px #ccc solid; margin:2px; width:258px;}
.sideItem a:link, .sideItem a:visited, .sideItem a:active{ color: #444444; } .sideItem a:hover{ color:#aa0000; text-decoration:none; }
.specialSide{ /*background: url(/images/util/stripes2.png) repeat; padding: 25px 11px 20px; margin-top: -20px; border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;*/ }
.htLimit{ max-height:450px; }
.htLimit2{ max-height:450px; max-width:550px; float:left; margin-right:8px; margin-bottom:8px; }
.pageImageHeader{ float:left; margin-bottom:20px; border-radius:4px; width:970px; }

/*Intro*/
#introDiv{ width:970px; height:220px; background:url(images/intro/intro1.png) no-repeat center; float:left; }
.introInnerDiv{ width:970px; height:220px; position:absolute; float:left; display:none;}
.introEnter{ width:970px; float:left; font-size:14px; color:#212121; text-align:center; font-weight:600; text-transform:uppercase; }
.introQuote{ width:970px; height:300px; float:left; font-size:36px; color:#212121; text-align:center; font-weight:300; }

/*Comment*/
.commentBox{ width:96%; padding:10px 2%; border-bottom:1px solid #999999; float:left; text-align:left; font-weight:300; font-size:14px; line-height:22px;}
.commentName{ color:#999; font-weight:400;}

/*Text*/
.words1{ font-size:15px; line-height:24px; }
.words2{ color: #232323; font-size:16px; line-height:28px; }
.words3 { font-size:20px; line-height:30px; }
.title1{ font-size:30px; font-weight:400; line-height:42px; font-family:'PT Sans',sans-serif; text-align:left; color:#c25b32; }
.title2{ font-size:18px; font-weight:400; line-height:30px;}
.title2b{ font-size:18px; font-weight:400; color:#666; line-height:28px;}
.title3{ font-size:30px; font-weight:400; line-height:42px; font-family:'PT Sans',sans-serif; text-align:left; }
.title4{ font-size:40px; font-weight:400; line-height:52px; font-family:'PT Sans',sans-serif; text-align:left; color:#c25b32; }
.smallWords{ color: #999999; font-size:12px; line-height:20px; }
.textShadow{ text-shadow: 5px 5px 8px rgba(0, 0, 0, 0.05);}
.thinText{ font-weight:300; }

.inputSpecial1 { border-radius:0px !important; border:0px !important; background:#ddd !important; color:#212121 !important; padding-bottom:6px !important; float:left; margin-right:5px; }
.btnSpecial1{ border-radius:0px !important; box-shadow:none !important; float:left; margin-right:5px; }
/*i{ display:none !important;}*/

/*Common Link*/
a:link { color: #666666; text-decoration: none; }
a:visited { text-decoration: none; color: #666666; }
a:hover { text-decoration: none; color:#c7dfc5; }
a:active { text-decoration: none; color: #666666; }

/*Common*/
p{ margin:0px; }
img { border:none; }
.noBorder{ border:none; }
ul{ margin:8px 0px !important; }
.hide{ display:none; }
.clear{ clear:both;}
.clear2{ clear:both; height:5px; }
.clear3{ clear:both; height:10px; }
.corners{ border-radius:4px; }
.bot_corners{ border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.top_corners{ border-top-left-radius:4px; border-top-right-radius:4px;}
.left_corners{ border-top-left-radius:4px; border-bottom-left-radius:4px;}
.right_corners{ border-top-right-radius:4px; border-bottom-right-radius:4px;}
.shadow { box-shadow:rgba(0,0,0,.20) 0 1px 1px; }
.shadowR { box-shadow:rgba(0,0,0,.20) 0 -1px 1px; }
.shadow2 { -webkit-box-shadow:rgba(0,0,0,.15) 0 1px 3px; -moz-box-shadow:rgba(0,0,0,.15) 0 1px 3px; box-shadow:rgba(0,0,0,.15) 0 1px 3px; box-shadow:rgba(0,0,0,.15) 0 1px 6px \0/IE9; }
.shadowCorner { -webkit-border-radius:100% / 8px; -moz-border-radius:100% / 8px; border-radius:100% / 8px; -webkit-box-shadow:rgba(0,0,0,.30) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.30) 0 2px 3px; box-shadow:rgba(0,0,0,.30) 0 2px 3px; }
.shadow3 { box-shadow:rgba(0,0,0,.10) 0 2px 3px; }
.shadow4{ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);}



@media (max-width : 800px) {
	body{ font-size:15px; line-height:22px; }
	.container{ width:90%; max-width:100%; clear:both; height:auto; position:relative; }
	#introDiv{ width:100% !important; background:none !important; height:120px !important; }
	.introInnerDiv{ width:100%; height:auto; }
	.introQuote { width: 100%; }
	.full, .left, .right, .leftB, .blogInfo img, .rightB, .sideTitle, .sideInfo, .sideItem, .blogInfo2, .blogInfo2 img{ width:100% !important; }
	.blogTitle, .blogTitle2, .blogInfo{ width:96% !important; }
	#footer{ font-size:12px !important; }
	
	#logo { width: 80%; }
	#menu .container{ width:100%; }
	.menuNav{ padding:7px 0px; display: inline-block; border-left:1px solid #fff; font-size:13px; border-bottom: 1px solid #fff; float:left; width:19%; width: calc(20% - 1px); }
	
	.sideInfo{ width:calc(100% - 9px) !important; }
	.blogTitle{ font-size:20px; line-height:26px; }
	.blogInfo{ margin-bottom:10px; }
	#theformSearch{ display:none; }
	
	.title3{ font-size:22px; }
	.title4{ font-size:30px; line-height:36px; }
}