/*------------------------------------------------------------------
Global CSS

Author:			Brandon Quintana <bquintana@brandonquintanaconsulting.com>

Methods: 		RULES ORGANIZATION WITHIN CSS FILES
				Should mirror the html document flow:
				General
					Container
						Header
							Nav
						Body
							Layout Setup
								Modules
						Footer
					Hacks
					(other)
--------------------------------------------------------------------*/

/* Global Styles
--------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	background: #767676 url(../i/fon.png) repeat-x; 
	text-align: center;
}

img,
fieldset {
	border: 0;
}

/* Links
--------------------------------------------------------------------*/
a {
	color: #0962c6;
}
a:hover {

}

/* Headers
--------------------------------------------------------------------*/
h1 {

}
h2 {

}
h3 {

}
h4 {

}
h5 {

}
h6 {

}

/* Text
--------------------------------------------------------------------*/
p {

}

strong {
	font-weight: bold;
}

/* Often Used Classes
--------------------------------------------------------------------*/
.floatleft {
	float: left;
	display: inline;
}
.floatright {
	float: right;
	display: inline;
}
.alignleft {
	float: left;
	display: inline;
    text-align: left;
}
.alignright {
	float: right;
	display: inline;
    text-align: right;
}
.aligncenter {
    text-align: center;
}

/* Lists
--------------------------------------------------------------------*/

dl {

}

ul {

}

ol {

}

/* Containers
--------------------------------------------------------------------*/
#custom-doc {
	
	margin: 0 auto;
	min-width: 1000px;
	text-align: left;
}

.yui-t6 .yui-b { 
	
}

/* Header
--------------------------------------------------------------------*/
div#hd {

}

div#hd div#logo {
	height: 190px;	overflow: hidden;	position: relative;
	}
	
div#hd div#logo1 {	background: url(../i/logo1.jpg) no-repeat;	width: 190px;	height: 190px;overflow: hidden;	position: relative;	}
div#hd div#logo2 {	background: url(../i/logo2.gif) no-repeat;	width:810px; height:190px;overflow: hidden;	position: relative;	}

	
	
div#hd div#logo ul#top-social-icons {
	bottom: 10px;
	position: absolute;
	right: 40px;
}

div#hd div#logo ul#top-social-icons li {
	display: inline;
	float: left;
	margin-left: 0px;
}

div#hd div#logo ul#top-social-icons li a {background: url(../i/top-social-icons2.png) 0px -120px no-repeat;	display: block;	width:72px;height: 125px;}
div#hd div#logo ul#top-social-icons li a:hover { background-position: 0px 4px;width:72px; }

div#hd div#logo ul#top-social-icons li a.facebook { background-position: -73px -120px;width: 72px;  }
div#hd div#logo ul#top-social-icons li a.facebook:hover { background-position: -73px 4px;width: 72px; }

div#hd div#logo ul#top-social-icons li a.rss { background-position: -145px -120px; width: 75px;}
div#hd div#logo ul#top-social-icons li a.rss:hover { background-position: -145px 4px; width: 75px;}

/* Navigation
--------------------------------------------------------------------*/
.navigation {width:600px;}
div#hd #nav {
	background: #000 url(../i/navbg.gif) center repeat-x;
	padding: 0 40px;
}

div#hd ul#nav li {
	display: inline;
	float: left;
}

div#hd ul#nav li a {
	color: #868686;

	font:	bolder 9pt/20pt arial, sans-serif;
/*	font:bolder 11pt arial, sans-serif;
	line-height: 20pt;*/
	text-transform: uppercase;
	
	display: block;
	padding: 0 17px;
	
	text-decoration: none;
}

div#hd ul#nav li.current a, div#hd ul#nav li a:hover {
	background:url(../i/navbg2.gif) center repeat-x;
	color: #33d6ff;
}
#content {	background: #fff;}
#content h2{	font-size:20px;
	color: #4B4B4B;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:0px;}
.navigation a{color:#4b4b4b;}
/* Body
--------------------------------------------------------------------*/
div#bd {
	background: #fff;
	padding-bottom: 75px;
	color:#4b4b4b;
	width:1000px;
	
	
}

div#bd div.post { 
	margin: 40px 0px 0 40px;
	color:#818181;
	border-bottom: solid 1px #ee9a15;
	width:600px;

}

div#bd div.post h2 {
	font: bold 146.5% arial, sans-serif;
}
div#bd div.post a {
	color: #003b85;

}

div#bd div.post h2 a {
	font-size:20px;
	color: #4B4B4B;
	font-weight:bold;
	text-decoration:none;
}

.entry h2 a{
	font-size:20px;
	color: #4B4B4B;
	
	font-weight:bold;
}
div#bd div.post h3 {
	color: #494949;
	font-size: 93%;
	margin-bottom: 20px;
}

div#bd div.post h4 {
	color: #ee9a15;
	font: bold 12px arial, sans-serif;
	margin-bottom: 5px;
	text-transform: uppercase;
}

div#bd div.post p {
	color: #454545;
	margin-bottom: 20px;
}

div#bd div.post ul {
	color: #818080;
	margin: 0 0 20px 15px;
}

div#bd div.post ul li {
	list-style-type: disc;
}

div#bd div.post div.retweet {
	display: inline;
	float: left;
	width: 70px;
	
}

div#bd div.post ul.share li {
	display: inline;
	float: left;
	margin-right: 0px;
}

div#bd div.post ul.share li a {	background: url(../i/share-icons2.png) no-repeat;	display: block;	width: 25px;	height: 22px;}

div#bd div.post ul.share li a.stumbleupon { background-position: -28px 0; }
div#bd div.post ul.share li a.digg { background-position: -57px 0; }
div#bd div.post ul.share li a.technorati { background-position: -85px 0; }
div#bd div.post ul.share li a.delicious { background-position: -113px 0; }
div#bd div.post ul.share li a.reddit { background-position: -141px 0; }

div#bd div.post div.video {
	background: url(../i/videobg.jpg) no-repeat;
	height: 397px;
	margin: 10px 0 20px 0;
	text-align: center;
	width: 535px;
}

div#bd div.post div.video object, div#bd div.post div.video embed {
	margin: 10px auto 0 auto;
}

div#bd div.post span.larger {
	font-size: 123.1%;
}


/*sidebar twitter*/
.widgettitle a{color:#ee9a15; text-decoration:none;}
.widgettitle {color:#ee9a15;border-bottom: solid 1px #ee9a15; text-transform: uppercase;}
/*
.twitter-timestamp { color:#e69a0e; margin-left:0px; font-size:11px;}

#twitter--1 { min-height:100px;  font-size:13px;background:url(../i/bird.gif) 210px 31px no-repeat ;}
#twitter-1 h2{font-size:12px; }

#twitter2 { margin-top:0px; margin-left:0px; margin-bottom:5px; padding-left:0px;}
#twitter2 a{color:#1dbddf; font-size:13px;}

#twitter3 { margin-top :5px; padding-bottom:10px;}
#twitter4 { padding-left:0px;}

.twitter-item { width:211px; margin-bottom:30px;}
.twitter-item a{ width:211px; margin-bottom:30px;}

.twitter a{color:#1dbddf; font-size:13px;}
.twitter- {color:#4a4a4a; width:211px; margin-bottom:0px;background:#f4f4f4; min-height:70px; }
*/
/*div#bd div.sidebar div#twitter	a {
color:#1dbddf; font-size:13px;	text-decoration: underline;
}
*/
#back {

		

}

#opt {margin: 0px 0px 0px 0px;  width:288px;height:187px; position:relative; left:-4px; top:0 px;}

#q1 a {background: url(../i/p7_ad_top.gif); width: 288px; height: 122px;display: block;}
#q2 a {background: url(../i/p7_ad_left.gif); width: 138px; height: 17px;display: block;}

#q4 a {background: url(../i/p7_ad_right.gif); width: 24px; height: 17px; display: block;}
#q5 a {background: url(../i/p7_ad_bottom.gif); width: 288px; height: 58px;display: block;}


#q3 a:hover {background: url(../i/p7_ad_button_over.gif); width: 126px; height: 17px; background-position: 0px 0px;}
#q3 a {background: url(../i/p7_ad_button_off.gif); 0px -20px no-repeat; display: block;	width: 126px; height: 17px;}



#ngg-image-20 {margin-right:0px;}

div#bd div.sidebar {margin-top: 40px;margin-right:40px;}

div#bd div.sidebar h2 {
	color: #ee9a15;
	font-weight: bold;
	margin-top:20px;
	font-size:13px;
}

div#bd div.sidebar h2 span {

}
div#bd div.sidebar ul {	/*background: url(../i/bottom.png) top no-repeat;*/


}

div#bd div.sidebar ul li {
	margin: 0px 0px 0px 0px;
}

div#bd div.sidebar ul li ul {
	margin: 0px 0px;
}

div#bd div.sidebar ul li ul li {
	
	margin-top: 3px;
	margin-bottom:2px;
	padding: 0px 0px;
}

div#bd div.sidebar ul li ul li a {
	color:#003b85;
	font-size:13px;
	text-decoration: underline;
}


div#bd div.sidebar div.left {
	display: inline;
	float: left;
}


div#bd div.sidebar div.left ul {
	margin-right: 0px;
}

div#bd div.sidebar div.right {
	display: inline;
	float: right;
	width: 0px;
	
}

div#bd div.sidebar div.right h2 {
	margin-left: 0;
}
	#qwe {
			width:60px;
			height:20px;
			vertical-align:top;
			border:0;
			background-image:url(../i/submit.gif);
			
		}
/**/


#comments { margin-left:40px; margin-top:20px;}
#comments h3{ font-size:24px;}
#comment {	width: 480px; height:160px;}
.commentlist {	padding: 0;	text-align: justify;	margin:0 0 0 15px;	}
.commentlist .comment { width:570px;	margin: 20px 0px 0px 20px;	padding: 10px 15px 20px 15px;	list-style: none;	background:#f4f4f4;}
.commentlist .alt {	background:#fff;	border-bottom: solid 1px #ee9a15;	}
.commentlist .comment .comment {	margin: 15px 15px 15px 15px;	padding: 10px 15px 20px 15px;	width:auto;	}
.commentlist p {	margin: 10px 5px 10px 0;	line-height:18px;	}
.commentmet_data{	width:100%;	overflow:hidden;}
.commentmet_data td{	vertical-align:top;	text-align:left;}
.commentmet_avatar{	width:102px;	padding:15px 0 0 0;}
.commentmet_text{}
.commentmet_avatar img{	border:1px solid #2c0202;}
#commentform p {	margin: 5px 0;	}
.commentmet_replay{	width:100%;	overflow:hidden;}
.commentmet_replay a{	float:right;display:block;	text-indent:-9999px;	text-transform:capitalize;		width:79px;	height:20px;}
.nocomments {	text-align: center;	margin: 0;	padding: 0;	}

.commentmetadata {	margin: 0;	display: block;	padding:0 0 5px 0;	color:#4b4b4b;	font-size:9px;	font-family:Arial, serif;		text-transform:capitalize;	}

.commentmetadata a{	color:#4b4b4b;	font-weight:bold; text-decoration:none;}
.commentmetadata span{	color:#445e7b;	font-weight:bold;}
.commentmet_text{	font-size:12px;	color:#000;}
#respond{	margin:40px 0 0 40px;}
h3#respond_title{	font-size:29px;	margin:0 0 5px 0;	font-family:Georgia, "Times New Roman", Times, serif;	color:#000;
	font-weight:normal;	border-bottom:1px solid #c7c7c7;	font-style:italic;	padding:0 0 10px 5px;	margin:10px 0 0px 0;}
#commentform{	margin-left:0px;	color:#686868;	font-size:12px;	width:90%;}
#commentform small{	position:relative;	top:-1px;	font-size:12px;}
#cancel-comment-reply-link{	font-size:12px;	color:#000;}
#commentform a, #commentform small{	color:#000;}
#commentform input{	background:#fff;	border:1px solid #cbcbcb;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:12px;	padding:4px;	color:#686868;}
#commentform textarea{	background:#fff; 	border:1px solid #cbcbcb;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:12px;	padding:4px;	margin:5px 0 0 0;	color:#686868;}

#commentform #submit {width:60px; height:20px; vertical-align:top;	border:0; background-image:url(../i/submit.gif);}
p.cf-sb #sendbutton2 {width:60px; height:20px; vertical-align:top;	border:0; background-image:url(../i/submit.gif);}
/* Footer
--------------------------------------------------------------------*/
div#ft {
font-size:13px;
 background:#fff;
}
div#ft2 {
 margin-left:40px; margin-right:40px; margin-bottom:100px;
 padding-top:5px;
 border-top:1px #ee9a15 solid;
 color:#4b4b4b;
 background:#fff;
}

div#ft ul#nav {

	padding: 0 0px;
}

div#ft ul#nav li {
	display: inline;
	float: right;
	color:#003b85;
}

div#ft ul#nav li a {
	
	display: block;
	padding: 0 10px;
	color:#003b85;
	
	text-decoration: underline;
}





/* Clearfix  (http: //www.positioniseverything.net/easyclearing.html)
--------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	
}
.clearfix {
	display: inline-block; /* IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */




.link,
.signupframe {
	color: #868686;
	font-family: Arial, Helvetica, sans-serif;
	}
	.link {
		text-decoration: none;
		}
	.signupframe {
		border: 1px solid #ffffff;
		background: #ffffff;
		}