/*
	Golden Grid - CSS Library
	Author:Vladimir Carrer
*/

/* Min CSS Reset */

html, body, div{
  margin: 0;
  padding: 0;
  border: 0;
  
}
 
body {
	background: url(uploads/images/bg.png) repeat-x #5ba0ff;
	font-family: 'Lato', sans-serif !important;
	font-weight:300;
}
h1, h2, h3 {
	font-weight:400 !important;
	margin-top:0px;
	padding:0px;
	margin-bottom:5px;
}
.content-area h1, .content-area h2, .content-area h3 {
	color:#039;
}
a, a:hover, a:visited, a:active {
	font-weight:400 !important;
	text-decoration:none;
}
strong, b {
	font-weight:400 !important;
}

/* CSS Grid */

img, div { behavior: url(iepngfix.htc) }

.main{margin:0 auto;  width:970px; padding-top:10px;}

.main2 {
	background:#fff;
	margin-bottom:30px;
}

a img {border:none !important; }


.g160,
.g320,
.g480,
.g640,
.g800,
.g960,
.g80,
.g240,
.g400,
.g560,
.g720,
.g880,
.g960 
{float:left; display: inline; margin-left:10px;  } 

.g160{width:150px; }
.g320 {width:310px;}
.g480{width:470px;}
.g640{width:630px;}
.g800{width:790px;}
.g960{width:950px;}

.g80 {width:70px;}
.g240{width:230px;}
.g400{width:390px;}
.g560{width:550px;}
.g720{width:710px;}
.g880{width:870px;}

.ml80 {margin-left:90px;}
.ml160{margin-left:170px;}
.ml240{margin-left:250px;}
.ml320{margin-left:330px;}
.ml400{margin-left:410px;}
.ml480{margin-left:490px;}
.ml560{margin-left:560px;}
.ml640{margin-left:650px;}
.ml720{margin-left:730px;}
.ml800{margin-left:810px;}
.ml880{margin-left:890px;}
.ml960{margin-left:970px;}


.inside{margin-left:0;}

p.grid{ padding-left:10px;}
  
.clear {clear:both; height:10px;}


.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	 }
	 
.clearfix, .main{ display:block;} 
.straight-forward {
	font-size:30px;
	color:#fff;
	padding-top:60px;
}
.content-area {
	background:#fff;
	padding:0 10px;
}
.content-area img {
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	behavior:url(PIE.htc);
}
.latest-articles, .membership, .free-dvd, .testimonials {
	padding:10px;
	margin-bottom:10px;
}
.links {
	margin-bottom:10px;
}
.links img.left {
	margin-right:5px;	
}
.links img {
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	behavior:url(PIE.htc);
}
.latest-articles p, .latest-articles li, .membership p, .free-dvd p, .testimonials p {
	font-size:12px;
}
.latest-articles {
	background:#FF0;
}
.membership {
	background:#090;
	color:#fff;
}
.testimonials {
	background:#F90;
}
.free-dvd {
	background:#609;
	color:#fff;
}
.ribboned {
	margin-left:0px;
	width:970px;	
}
blockquote {
	font-style:italic;
}
#menu_vert {
	padding-left:10px;
	color:#fff;
}
.youtube {
	width:560px;
	margin:20px auto;
}
.search-bar {
	text-align:right;
	margin-right:10px;
	background:#039;
	color:#fff;
padding: 10px;
}

/* ribbon style */

 .ribbon-wrapper {
	position: relative;
	-moz-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-moz-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
}
  .ribbon-front {
	background-color: #039;
	position: relative;
	left:-10px;
	z-index: 2;
}

  .ribbon-front,
  .ribbon-back-left,
  .ribbon-back-right
{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 40px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: -10px;
	border-color: transparent #003 transparent transparent;
}

  .ribbon-edge-topleft {
	top: 0px;
	border-width: 0px 10px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 10px 10px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 100px;
	border-color: transparent transparent transparent #003;
}

  .ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 0px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 0px 0px;
}

  .ribbon-back-left {
	position: absolute;
	top: 10px;
	left: -40px;
	width: 40px;
	height: 40px;
	background-color: #009;	z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0px;
	height: 40px;
		z-index: 0;
}

/* Buttons for links **/
.awesome {
	background: #5ba0ff;
	display: inline-block;
	padding: 8px 15px 9px;
	color: #fff;
	text-decoration: none;
	font-weight: 400;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	position: relative;
	cursor: pointer;
	border:1px solid #fff;
	behavior:url(PIE.htc);
	
}
.awesome:hover {
	background:#5bfdff;
	color:#039;
}
.awesome-button {
	background: #5ba0ff;
	display: inline-block;
	padding: 2px 5px 2px;
	color: #fff;
	text-decoration: none;
	font-weight: 400;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	position: relative;
	cursor: pointer;
	border:1px solid #fff;
	behavior:url(PIE.htc);
	
}
.awesome-button:hover {
	background:#5bfdff;
	color:#039;
}

/** cgblog **/

.post-categories .category {
float:left;
display:inline;
padding:2px 5px;
margin-right:5px;
background:#eee;
}
.summary-postdate {
float:left;
margin-left:-60px;
margin-right:10px;
background:#eee;
padding:5px 10px;
color:#222;
border:1px solid #ccc;
-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
behavior:url(/PIE.htc);
}
.page-count {
margin-top:-50px;
float:right;
width:200px;
text-align:center;
background:#eee;
padding:5px 10px;
color:#222;
border:1px solid #ccc;
-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
behavior:url(/PIE.htc);
}
.social-link {
position:absolute;
width:50px;
heigh:50px;
top:0;
right:0;
z-index:99;
}
.social-link img a {
border:none;
}