@CHARSET "ISO-8859-1";
@import "css/reset.css";
@import "css/960.css";
@import "css/fancy.css";
@import "css/shadowbox.css";
@import "css/pagenavi.css";
@import "css/jScrollPane.css";

/* ***** GLOBAL SELECTOR STYLING ***** */
h1 { clear:both; font:25px/34px arial; }
h2 { clear:both; font:20px/29px arial; word-wrap:break-word; }
h3 { clear:both; font:16px/22px arial; }
h4 { clear:both; font:12px/18px arial; }
p { padding:5px 10px; margin:0px 0px 10px; color:#333; font:12/14px arial; text-align:left; }
ul { margin:0px 0px 0px 0px; padding-top:0px; list-style-type:none; text-align:left; }
a { color:#333; text-decoration:none; outline:none; }
a img { border:none; outline:none; }
.clear { clear:both; margin:0px !important; }
.first { border:none; }
.last { border:none !important; }
.ui-tabs-hide { display:none; }
.padding-bottom {padding-bottom: 10px !important; }
.grayscale { filter:gray; } /* grayscale an image or text*/
.hidden { display:none; }
.rounded {
	border-radius:5px !important;
	-webkit-border-radius:5px !important;
	-moz-border-radius:5px !important;
}
.h350 { height:350px; }
.left { float:left; }
.right { float:right; }

/* ***** GLOBAL LAYOUT STYLING ***** */
html { background:#333; font-family:helvetica, verdana, arial, sans-serif !important; }
.fold { margin:0px; width:100%; }
#top-fold { background:url(css/images/gradients/top_fold-bg.gif) repeat-x; border-bottom:solid #333 3px; height:125px; }
#feature-fold { background:#000; border-bottom:solid #999 2px; height:350px; }
#main-fold { background:#000 url(css/images/background.png) no-repeat center top; padding:30px 0px 10px; }
#btm-fold { background:#333 url(css/images/gradients/gray-radius.png) no-repeat center top; border-top:solid #ccc 2px; }

#container,
.container,
.container_12,
.container_16 { position:relative; }

#logo { background:url(css/images/new_logo.sm.png) no-repeat right /*30px*/ 48px; height:172px; position:absolute; width:177px; top:0px; }
#nav-bar { color:#666; height:33px; left:180px; max-width:960px; margin:0px; position:absolute; top:92px; }
#main-menu { background:#999 url(css/images/gradients/gray-to-lgray.gif) repeat-x; border-radius:5px 5px 0px 0px; -webkit-border:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; display:block; margin:0px 10px; 
	-webkit-box-shadow: -5px 0px 40px #333333;
	-moz-box-shadow: -5px 0px 40px #333333;
	box-shadow: -5px 0px 40px #333333;
}
#main-menu li { list-style-type:none; float:left; height:33px; }
#main-menu li.last { border:none; }
#main-menu li a { display:block; min-width:120px; height:100%; padding:0px 5px; color:#333; text-align:center; text-decoration:none; font:normal 20px/33px arial; }
#main-menu li a img { margin-top:6px; }
#main-menu li.active a,
#main-menu li a:hover { background:#333 url(css/images/gradients/dgray-to-mgray.jpg) repeat-x; color:#fff; }
#search { 
	background:url(css/images/trans/black-50.png);
	border-radius:0px 5px 0px 0px;
	-moz-border-radius:0px 5px 0px 0px;
	-webkit-top-right-border:0px 5px 0px 0px;
	display:block;
	height:33px;
	overflow:hidden;
	/* padding:5px; */
	position:absolute;
	right:0px;
	top:92px;
}
#searchform { background:#fff; border:solid #999 1px; -moz-border-radius:5px; -webkit-border:5px; border-radius:5px; height:20px; margin:6px 10px 7px; width:250px; }
#searchform input#s { background:transparent !important; border:none !important; color:#666; font:bold 18px/20px arial; float:left; height:20px; margin-left:15px; padding:0px 5px; width:140px !important; }
#searchform input#searchsubmit,
#searchform input[type="submit"] { 
	background:url(css/images/icons/search_16x16.png) no-repeat center center; 
	border:none; 
	float:right;
	height:20px;
	margin:0px 0px;   
	padding:0px !important;
	width:16px;  
}
#breadcrumb { 
	background:url(css/images/trans/black-50.png);
	border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0p 0px 5px 5px;
	color:#FFF;
	display:none;
	height:20px;
	font:small-caps bold 16px/20px Arial, Helvetica, sans-serif;
	margin:0px 0px 10px;
	padding:5px 15px;
	width:930px;
}
#breadcrumb a { color:#999; }
#breadcrumb a:hover { color:#ffcc00; text-decoration:none;  }
#content { 
	background:url(css/images/trans/black-50.png); 
	border-radius:5px;
	clear:both; 
	margin-bottom:15px; 
	padding:10px 0px; 
	width:100%; 
	-webkit-border:5px;
	-moz-border-radius:5px;
}
#footer { 
	border-radius:5px;
	-webkit-border:5px;
	-moz-border-radius:5px;
 	color:#666 !important;
	font:bold 14px/30px arial; 
	padding:0px 0px 10px; 
} 
#footer .header { 
	border-bottom:solid #CCC 1px; 
	color:#CCCCCC; 
	font:bold 16px/20px arial; 
	margin-bottom:5px; 
	padding-bottom:3px; 
	text-transform:uppercase; 
}
#footer a { font:bold 12px/22px arial; color:#999 !important; }
#footer a:hover { color:#fff !important; }
#footer a.post { font-size:12px; }
#footer .bottom { text-align:center; }
#footer #G8P_logo { width:100%; height:123px; background:url(css/images/G8P_logo.png) no-repeat center top; }
/* Plugin: Twitter Widget */
.tweet { background:#9b9b9b url(css/images/gradients/gray-to-lgray.gif) repeat-x left top; border:solid #999 1px; border-radius:0px 0px 5px 0px; -webkit-border-radius:0px 0px 5px 0px; -moz-border-radius:0px 0px 5px 0px; margin:0px auto 15px ; padding:5px;  }
#twitter_div {}
#twitter_div .header { border:none !important; color:#333; display:inline; float:left; font:bold 16px/25px Arial, Helvetica, sans-serif !important; text-decoration:none !important; }
#twitter_div ul#twitter_update_list { background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; float:right; height:25px; margin:0px 5px; width:790px; }
#twitter_div ul#twitter_update_list li { border:none !important; height:20px; font:12px/20px Arial, Helvetica, sans-serif; padding:0px 5px; }
/* Plugin: Twitter Friends Widget */
#twitter_friends { background:#999; margin-top:-20px; margin-left:-10px; padding:5px; }
#twitter_friends .pmcTFContainDiv { border:solid #fff 1px; margin:2px; }
#twitter_friends .header { display:none; }

/* ***** PAGE SPECIFIC SELECTOR STYLING ***** */
#about_us,
#contact_us { background:url(css/images/trans/white-85.png); font:bold 12px/16px arial; }


/* ***** GLOBAL CUSTOM SELECTOR STYLING ***** */
/* Default/Standard Display blocks */
.section-1, 
.section-2, 
.section-3, 
.section-4,
.section-5 { margin-bottom:15px; width:100%; overflow:hidden; }

.section-1 .header,
.section-2 .header,
.section-3 .header,
.section-4 .header,
.section-5 .header { 
	color:#333;
	font:bold 22px/30px Arial, Helvetica, sans-serif; 
	height:28px;
	/*overflow:hidden;*/
	padding:0px 10px;
	position:relative;
	text-transform:uppercase;
	width:100%;
}

.section-1,
.section-2, { background:#fff url(css/images/white-to-lgray.jpg) repeat-x bottom; border:solid #e6e6e6 2px; }

.section-1 .header { background:url(css/images/gradients/gray-to-lgray.gif) repeat-x; }

.section-2 { background:#666 url(css/images/gradients/dgray-to-mgray_579h.jpg) repeat-x left bottom; border:#666; color:#999; }
.section-2 .header { background-image:none; color:#FFFF66; text-transform:lowercase; }
.section-2 p { color:#999; }

.section-3 { margin-bottom:20px; width:100%; }
.section-3 .header { color:#FFFF66; font-size:24px; font-weight:normal; margin-bottom:15px; text-transform:lowercase; }

.section-4 { background:#666; border-top:solid #840bbd 3px;  }
.section-4 .header { color:#e6e6e6; padding:10px 0px; text-indent:15px; text-transform:lowercase; }

.section-5 { background:#fff url(css/images/gradients/lgray-to-white_238h.jpg) repeat-x left bottom; border:#ccc solid 1px;  }
.section-5 .header { font-weight:normal; padding:5px 10px 0px; }
.section-5 p { color:#666; font:12px/16px arial; margin:5px auto; width:95%; }

.col1_1, .col1_2, .col2_2 { padding-bottom:0px !important; }
.col1_1 { clear:both; width:100%; }
.col1_2, .col2_2 { width:49% !important; margin-bottom:20px; }
.col1_2 { clear:both; float:left; }
.col2_2 { float:right; }
.col1_3, .col2_3, .col3_3 { width:31% !important; }
.col1_3 { clear:both; }
.col2_3 { }
.col3_3 { margin-bottom:20px; }

/* FEATURED SECTION STYLING */
.features-container { width:620px; min-height:250px; max-height:350px; margin:0px auto 20px; background:transparent !important; }
html#home .features-container,
html#home .slideshow { margin:0px auto 35px; width:940px; height:350px; overflow:hidden; background:#fff url(css/skins/cool_kids/images/background.jpg) no-repeat center -195px !important; }

/* Display for no posts present*/
.no-post { }
.no-post p { width:100% padding:10px; font:bold 25px/35px arial; text-align:center; }

/* Sociable Plugin Styling */
.social-2 { width:100%; padding:10px 0px; margin:15px auto; /*background:#cccccc; border:solid #999999 1px;*/ font:12px/16px arial; color:#333333; text-align:left; }
.social-2 strong { font:bold 18px/22px arial; }
.social-2 a { font-weight:bold; color:#3399FF; } 
.social-2 .sociable { float:right; margin:5px; }
.social-2 .sociable ul { width:220px; margin:0px auto; }
.social-2 .sociable li { float:left; margin:0px 5px; padding:0px; width:32px; height:32px; border:none; }
.social-2 .sociable li a { width:100%; height:100%; }
.social-2 .sociable li a img { width:100%; height:100%; }
.container_12 .grid_8  .social-2 { width:600px; }
.contaienr_12 .grid_12 .social-2 { width:940px; }

/* Social Circle Styling */
a.social_link { display:block; width:100%; height:35px; margin:10px auto 5px; background-position:center top; background-repeat:no-repeat; }
a.social_link:hover { background-position:center -35px; }
a#twitter { background-image:url(css/images/link.twitter.png); }
a#facebook { background-image:url(css/images/link.facebook.png); }
a#rssfeed { background-image:url(css/images/link.rss.png); }

/* Blogroll #4 Formatting (Horizontal three li entries) */
.blogroll-4 { min-width:100%; height:250px; padding:0px; }
.blogroll-4 li { float:left; width:191px; /*height:250px;*/ height:160px; padding:0px; margin:0px 0px 0px 10px; overflow:hidden; border:solid #e6e6e6 1px; }
.blogroll-4 .content { width:100%; height:100%; padding:10px 0px 10px 5px; margin:0px auto; overflow:hidden; }
.blogroll-4 .content p { width:100%; padding:5px 0px; }
.blogroll-4 .content .title { width:185px; height:43px; padding:0px; margin:0px; overflow:hidden; font:bold 18px/20px arial; color:#c10000; }
.blogroll-4 .content .meta {}
.blogroll-4 .content .time {}
.blogroll-4 .content .text,
.blogroll-4 div.content p { max-width:95%; padding:0px; margin:0px; font:12px/16px arial;}
.blogroll-4 div.media { width:100%; height:100px; margin:0px auto; overflow:hidden; }
.blogroll-4 div.media img { width:100%; }

/* Blogroll #4b Formatting (Vertical (quick list) listing - media/img on left & content on the right) - but cut in half of 620px space */
.blogroll-4b { border:none; }
.blogroll-4b li { clear:both; width:300px; min-height:75px; max-height:100px; height:75px; margin:5px auto 10px; padding:0px; overflow:hidden; border:solid #e6e6e6 1px; }
.blogroll-4b li.last { border:none; }
.blogroll-4b div.media { float:left; width:125px; min-height:75px; max-height:100px; overflow:hidden; }
.blogroll-4b div.media img { height:75px; }
.blogroll-4b div.content { float:left; width:350px; height:100%; margin:0px auto; padding:5px 10px; }
.blogroll-4b div.content .title { padding:0px; color:#999; }
.blogroll-4b div.content .meta { padding:0px; margin:0px; color:#c10000; font:12px/14px arial; text-align:left; }
.blogroll-4b div.content .time { color:#999; }
.blogroll-4b div.content .text,
.blogroll-4b div.content p { padding:0px; margin:0px; font:12px/16px arial; }

/* Blogroll #5 Formatting (Vertical listing - no media/image) */
.blogroll-5 {}
.blogroll-5 li { clear:both; width:90%; margin:5px auto; padding:5px; border-bottom:solid #e6e6e6 1px; }
.blogroll-5 li.last { border:none; }
.blogroll-5 .title { padding:0px; color:#999; }
.blogroll-5 .meta { padding:0px; margin:0px; color:#c10000; font:12px/14px arial; text-align:left; }
.blogroll-5 .time { color:#999; }
.blogroll-5 .text,
.blogroll-5 p { padding:0px; margin:0px; font:12px/16px arial; }

/* Blogroll #6 Formatting - image-based listing of blog/media/entries */
.blogroll-6 { clear:both; width:100%; padding:0px; }
/*#events .blogroll-6[style] { width:105% !important; padding-right:3px; }
#events .blogroll-6[style] li { margin-right:0px !important; }*/
.blogroll-6 li { float:left; width:134px; max-height:250px; padding:0px; margin:5px 10px; /* overflow:hidden; */}
.blogroll-6 .content { width:134px; padding:0px; margin:0px auto; overflow:hidden; }
.blogroll-6 .content p { width:100%; padding:5px 0px; }
.blogroll-6 .content .title { width:100%; height:14px; padding:0px; margin:0px; overflow:hidden; font:bold 11px/14px arial; color:#05AFF2; }
.blogroll-6 .content .meta { color:#666; }
.blogroll-6 .content .time {}
.blogroll-6 .content .text,
.blogroll-6 div.content p { max-width:95%; padding:0px; margin:0px; font:12px/16px arial;}
.blogroll-6 div.media { position:relative; width:134px; height:193px; margin:0px auto; overflow:hidden; background:#ccc; border:inset 1px #666; }
.blogroll-6 div.media img { min-width:134px; max-width:250px; min-height:193px;  }
.blogroll-6 div.media .date { position:absolute; bottom:0px; left:0px; width:100%; height:25px; padding-right:10px; background:url(css/images/trans/black-50.png); color:white; font:bold 20px/25px arial; text-align:right; }

/* Blogroll #7 Formatting - media/large image to the left; content (ie. title, meta, excerpt) to the left (similar to nettuts.com) */
.blogroll-7 { width:100%; background:url(css/images/trans/white-50.png); }
.blogroll-7 li { width:98%; padding:10px 0px 10px; margin:5px auto; overflow:hidden; background:url(css/images/trans/white-50.png); }
.blogroll-7 .header { width:95%; height:37px; margin:10px auto 5px; padding:0px 5px 5px; overflow:hidden; background-image:none; border-bottom:solid #ccc 1px; font:bold 20px/25px arial; color:#cc1000; text-transform:uppercase; text-indent:0px; }
.blogroll-7 span { clear:both; font:bold 12px/14px arial; color:#000; text-transform:uppercase; }
.blogroll-7 .content { float:left; min-width:50%; max-width:63%; padding:0px; margin:0px auto; }
.blogroll-7 .content .title { padding:5px 0px 0px; margin:0px; font:bold 20px/30px arial; color:#c10000; }
.blogroll-7 .content .meta { margin:0px 0px 10px; font-size:8px; color:#666; }
.blogroll-7 .content .time {}
.blogroll-7 .content .text,
.blogroll-7 div.content p { max-width:95%; padding:10px 0px 5px; margin:0px; font:12px/16px arial;}
.blogroll-7 .content a { color:#cc1000; }
.blogroll-7 .media { float:left; width:200px; max-width:200px; max-height:250px; margin:0px 10px 10px; padding:1px; border:solid #ccc 1px; overflow:hidden; }
.blogroll-7 .media img { }
.blogroll-7 .media .date { display:none; }
.blogroll-7 ul.metadata { width:100%; margin:10px 0px; }
.blogroll-7 ul.metadata li { height:20px; padding:0px; margin:0px; border:none; font:10px/20px arial; text-transform:uppercase; }
.blogroll-7 ul.metadata li.field { clear:both; float:left; width:75px; font-weight:bold; }
.blogroll-7 ul.metadata li.entry { float:left; width:300px; }


/* Blogroll #8 Formatting - medium image to the left; content (ie. title, meta, excerpt) to the left (similar to nettuts.com) very similar to blogroll 7*/
.blogroll-8 { width:100%; color:#666; }
.blogroll-8 li { width:100%; padding:10px 0px 10px; margin:5px auto; overflow:hidden; border-bottom:solid #e6e6e6 1px; }
.blogroll-8 .header,
.single-post-header { width:95%; height:30px; max-height:37px; margin:10px auto 15px; padding:10px 5px 15px; overflow:hidden; background-image:none !important; border-bottom:solid #999 1px; font:bold 20px/25px arial; color:#666 !important; text-transform:uppercase; text-indent:0px; }
.blogroll-8 span { clear:both; font:bold 12px/22px arial; color:#999; text-transform:uppercase; }
.blogroll-8 .content { float:left; width:400px; padding:0px; margin:0px 15px; }
.blogroll-8 .content .title { padding:5px 0px 0px; margin:0px; font:bold 25px/30px arial; color:#c10000; }
.blogroll-8 .content .meta { margin:0px 0px 10px; font-size:8px; color:#666; }
.blogroll-8 .content .time {}
.blogroll-8 .content .text,
.blogroll-8 div.content p { max-width:95%; padding:0px; margin:0px; font:12px/18px arial; color:#666; }
.blogroll-8 .content a { color:#cc1000; }
.blogroll-8 .media { float:left; width:134px; max-width:200px; max-height:250px; margin:0px 10px 10px 18px; padding:1px; border:solid #ccc 1px; overflow:hidden; }
.blogroll-8 .media img { }
.blogroll-8 .media .date { display:none; }
.blogroll-8 .media-2 { float:right; width:315px; min-height:250px; margin-right:18px; }
.blogroll-8 ul.metadata { width:100%; margin:10px 0px; }
.blogroll-8 ul.metadata li { height:20px; padding:0px; margin:0px; border:none; font:10px/20px arial; text-transform:uppercase; }
.blogroll-8 ul.metadata li.field { clear:both; float:left; width:75px; font-weight:bold; }
.blogroll-8 ul.metadata li.entry { float:left; width:300px; }


/* Blogroll #9 Formatting - (wide) image above with title overlayed - similar to feature-3 - and optional excerpt text */
.blogroll-9 { width:100%; color:#666; }
.blogroll-9 li,
.blogroll-9 a.post { position:relative; display:block; float:left; width:298px; height:264px; margin:0px 0px 15px; overflow:hidden; border:solid #fff 3px; text-decoration:none; }
.blogroll-9 .media { width:100%; height:100%; left:0px; overflow:hidden; position:absolute; top:0px; }
.blogroll-9 .media img,
.blogroll-9 .media img[style] { min-height:264px; max-height:500px; min-width:304px; max-width:500px; }
.blogroll-9 .overlay { background:url(css/images/blogroll-9_overlay.png) no-repeat center center; display:block; height:100%; position:absolute; width:100%; }
.blogroll-9 .content { position:absolute; bottom:0px; left:0px; width:298px; height:68px; padding:5px; background:url(css/images/trans/black-75.png); }
.blogroll-9 .content span.category,
.blogroll-9 .content div.category,
.blogroll-9 .content a[rel="category"]{ margin:0px 0px 3px; font:bold 14px/18px arial; color:#e6e6e6 !important; }
.blogroll-9 .content div.category { margin-left:2px; }
.blogroll-9 .content .title { height:50px; margin-bottom:3px; padding-bottom:2px; border-bottom:solid #999 1px; font:bold 20px/25px arial; color:#fff; }
.blogroll-9 .content .metadata li { float:left; width:87px; height:16px; margin:3px; padding:0px; text-align:center; font:bold 12px/18px arial; border:solid #999 0px; }
.blogroll-9 .content .metadata li.rating { margin-left:0px; border-right-width:1px;}
.blogroll-9 .content .metadata li.author { width:115px; margin:0px; color:#FF6; }
.blogroll-9 .content .metadata li.views { float:right; width:60px; margin-right:0px; border-left-width:1px; color:#9CF; }
.blogroll-9 li.upload { 
	border:none; 
	margin:8px;
	padding:3px; 
}
.blogroll-9 li.upload a { 
	background:url(css/images/buttons/gritz_upload.png) no-repeat left top; 
	display:block;
	font:1px/264px arial;
	width:100%;
	height:100%;
}
.blogroll-9 li.upload a:hover { background-position:right top; }
#home .blogroll-9[style] { width:100% !important; }
#home .blogroll-9 li { margin:8px 0px 0px 8px !important; background:#fff url(css/images/gradients/lgray-to-white_238h.jpg) repeat-x left bottom; }
#home .blogroll-9 li li,
#home .blogroll-9 li li li,
#home .blogroll-9 li li li li { background:transparent !important; border:none; }
.container_12 .grid_8  .blogroll-9 li,
.container_12 .grid_8  .blogroll-9 a.post { border-width:2px; margin:4px 0px 4px 0px; }
.container_12 .grid_12 .blogroll-9 li,
.container_12 .grid_12 .blogroll-9 a.post { margin:8px 3px 8px 5px; }
.blogroll-9 li li,
.blogroll-9 li li li,
.blogroll-9 li li li li { background:transparent !important; border:none; }


.blogroll-10 li,
.blogroll-10 a.post { background:#333; border:solid #333 3px; float:left; height:240px; margin:5px 0px 5px 5px; overflow:hidden; position:relative; text-decoration:none; width:194px; }
.blogroll-10 a.post:hover { border-color:#05AFF2; text-deoration:none; }
.blogroll-10 .media { height:100%; left:0px; position:absolute; top:0px; width:100%; }
.blogroll-10 .media img { min-width:200px; min-height:240px; }
.blogroll-10 .content { background:url(css/images/trans/black-50.png); bottom:0px; color:#fff; font:bold 10px/12px Arial, Helvetica, sans-serif; height:73px; left:0px; padding:3px; position:absolute; width:194px; }
.blogroll-10 .content .category { margin:0px 0px 3px; font:bold 14px/18px arial; color:#e6e6e6 !important; }
.blogroll-10 .content .title { height:50px; margin-bottom:3px; padding-bottom:2px; font:bold 16px/25px arial; color:#fff; }
.blogroll-10 h3 a { color:white; }
.blogroll-10 .content p { color:#999; height:75px; overflow:hidden; padding:5px 0px; width:100%; }

.blogroll-11 li,
.blogroll-11 a.post { float:left; margin:5px 0px 5px 5px; overflow:hidden; position:relative; width:200px; }
.blogroll-11 a.post:hover .media { border-color:#ffcc00; }
.blogroll-11 .media { border:solid #fff 3px; height:225px; margin:0px 0px 5px; overflow:hidden; position:relative; width:194px; }
.blogroll-11 .media img { min-height:225px; min-width:194px; }
.blogroll-11 .media .rating { background:url(css/images/trans/black-50.png); bottom:0px; left:0px; padding:5px 5px; position:absolute; width:190px; }
.blogroll-11 .content { padding:3px; width:194px; }
.blogroll-11 .content .category { color:#e6e6e6 !important; font:bld 14/px/18px Arial, Helvetica, sans-serif; margin:0px 0px 3px; text-align:left; }
.blogroll-11 .content .title { margin-bottom:2px; max-height:50px; padding-bottom:2px; font:bold 16px/25px Arial, Helvetica, sans-serif; color:#fff; }
.blogroll-11 .views { color:#fff; float:right; }
.section-2 .blogroll-11 .category,
.section-2 .blogroll-11 .title { color:#666; }

/* Sidebar blogroll/listing ie. Featured Posts */
.blogroll-12 li,
.blogroll-12 a.post { border-bottom:solid #999 1px; display:block; padding:15px 0px; width:100%; }
.blogroll-12 a.post:hover { background:#999; text-decoration:none; }
.blogroll-12 .media { float:left; height:65px; margin-left:15px; overflow:hidden; width:100px; }
.blogroll-12 .media img { width:100px; min-height:65px; }
.blogroll-12 .content { float:right; min-height:30px; margin-right:15px; width:160px; }
.blogroll-12 .content .title { color:#fff; font:bold 11.5px/14px Arial, Helvetica, sans-serif; }
.blogroll-12 .content p { color:#ccc; font:11px/13px Arial, Helvetica, sans-serif; padding:0px; width:100%; }
.blogroll-12 .content .category {}
.blogroll-12 .content .metadata {}

/* Very simple, text-based blogroll/listing */
.blogroll-13 li { border-bottom:solid #999 1px; }
.blogroll-13 li a { color: #05AFF2; display:block; font:bold 12px/20px Arial, Helvetica, sans-serif; height:100%; padding:10px 0px; text-indent:10px; width:100%; }
.blogroll-13 li a .count { display:none; float:right; margin-right:10px; }
.blogroll-13 li a:hover { background:#999; color:#fff; text-decoration:none; text-indent:10px; }
.blogroll-13 li a:hover .count { display:inline; }

/* Universal formatting for all blogroll types */
.blogroll-1 .media,
.blogroll-2 .media,
.blogroll-3 .media,
.blogroll-4 .media,
.blogroll-5 .media,
.blogroll-6 .media,
.blogroll-7 .media,
.blogroll-8 .media,
.blogroll-9 { position:relative; }
.media .ptype_label { position:absolute; top:2px; left:2px; z-index:100; width:28px; height:28px; background:url(css/images/icons/post_type/black_sm.png) no-repeat 0 0; }
.media /* .ptype_label */ .video,
.content /* .ptype_label */ .video { background-position:-28px 0px !important; }
.media /* .ptype_label */ .event,
.content /* .ptype_label */ .event { background-position:0px -28px !important; }
.media /* .ptype_label */ .post,
.content /* .ptype_label */ .post { background-position:0px 0px; }
.media /* .ptype_label */ .image,
.content /* .ptype_label */ .image { background-position:-28px -28px !important; }
.content .ptype_label { float:left; margin:auto 4px auto 2px; width:28px; height:28px; background:url(css/images/icons/post_type/black_sm.png) no-repeat 0 0; }

.container_12 .mosaicContainer { background:url(css/images/gradients/dgray-to-mgray_579h.jpg) repeat-x left bottom; margin:0px auto; overflow:hidden; padding:10px; width:920px; }
.mosaicBlock { display:inline; float:left; height:254px; margin:0px 4px 4px 0px; width:300px;}
.mosaicBlock .onebyOne { height:123px; width:146px; }
.mosaicBlock .twobyOne { height:123px; width:296px; }
.mosaicBlock .twobyTwo { height:250px; width:296px; }
.mosaicBlock .onebyOne,
.mosaicBlock .twobyOne,
.mosaicBlock .twobyTwo { background:#ffff99; border:solid 0px #05AFF2; display:inline; float:left; margin:0px 4px 4px 0px; overflow:hidden; position:relative; text-decoration:none; }
.mosaicBlock .onebyOne img { min-width:146px; min-height:123px; }
.mosaicBlock .twobyOne img { min-width:296px; min-height:123px; }
.mosaicBlock .twobyTwo img { min-width:296px; min-height:250px; }
.mosaicBlock .onebyOne .title,
.mosaicBlock .twobyOne .title,
.mosaicBlock .twobyTwo .title { background:#ffff99; bottom:10px; left;0px; color:#333; font:bold 18px/18px Arial, Helvetica, sans-serif; padding:10px; position:absolute; z-index:10; }
.mosaicBlock .onebyOne .title { font-size:11px; padding:3px; }
.mosaicBlock .twobyOne .title { bottom:5px; font-size:10px; padding:2.5px; }
.mosaicBlock .overlay { background:url(css/images/overlays/read-more.png) no-repeat center center; display:none; height:100%; left:0px; position:absolute; top:0px; width:100%; z-index:5; }
.mosaicBlock .onebyOne .overlay { background-position:center -265px; }
.mosaicBlock .onebyOne:hover .overlay,
.mosaicBlock .twobyOne:hover .overlay,
.mosaicBlock .twobyTwo:hover .overlay { display:block; }
.mosaicBlock .onebyOne:hover .title,
.mosaicBlock .twobyOne:hover .title,
.mosaicBlock .twobyTwo:hover .title { background:#05AFF2; color:#333; text-decoration:none; }


/* Home page video player */
#mediaspace { margin:0px auto 15px; }

/* Media selection display */
.media-1 { margin:10px 0px 25px; width:100%; height:175px; background:#999 url(css/images/media_section_bg.jpg) repeat-x left top; }
.media-1 li { float:left !important; margin:0px; border:none !important; padding:0px; }
.media-1 ul.selection { width:100%; background-image:none !important; }
.media-1 ul.selection li { width:65px; max-width:100px !important; margin:0px 5px !important; padding:0px !important; border:none; }
.media-1 div.section,
.media-1 div.list { width:305px; height:125px; overflow-y:auto; overflow-x:hidden; margin:0px auto 5px; background:#fff url(css/images/gradients/white-to-lgray.jpg) repeat-x left bottom; border:solid #999 1px; border-top:solid #ccc 3px; }
.media-1 a.button { display:block; width:84px; height:30px; margin:0px auto; background:url(css/images/buttons/shiny-blk.png) no-repeat center center; font:bold 14px/30px arial; color:white; text-align:center; }
.media-1 a {}
.media-1 .title { width:95%; margin:5px auto; border-bottom:solid #ccc 1px; font:16px/20px arial; }
.media-1 a.left { float:left !important; margin-left:5px; }
.media-1 a.mid { margin:0px auto !important; }
.media-1 a.right { float:right !important; margin-right:5px; }
.media-1 .fbconnect_share { display:none; }

/* Media Selection Display #2 (similar to Amazon.com with streamlined title and adjacent button) */
.media-2 .media-2{ margin:10px 0px 25px; width:100%; height:175px; background:url(css/images/media_section_bg.jpg) repeat-x left top; }
.media-2 .media-2 li { float:left !important; margin:0px; border:none !important; padding:0px; }
.media-2 .media-2 ul.selection { width:100%; background-image:none !important; }
.media-2 .media-2 ul.selection li { width:65px; max-width:100px !important; margin:0px 5px !important; padding:0px !important; border:none; }
.media-2 .media-2 div.section,
.media-2 .media-2 div.list { width:305px; height:125px; overflow-y:auto; overflow-x:hidden; margin:0px auto 5px; background:#fff url(css/images/gradients/white-to-lgray.jpg) repeat-x left bottom; border:solid #999 1px; border-top:solid #ccc 3px; }
.media-2 .media-2 a.button { display:block; width:30px; height:30px; margin:0px auto; background:#000; font:bold 14px/30px arial; color:white; text-align:center; }
.media-2 .media-2 a.button:hover { background-position:-30px; }
.media-2 .media-2 a {}
.media-2 .media-2 .title { clear:both; width:95%; height:30px; margin:5px auto; border-bottom:solid #ccc 1px; font:16px/20px arial; }
.media-2 .media-2 p { width:30px; height:30px; float:right; margin-top:-30px;}
.media-2 .media-2 a.left { float:left !important; margin-left:5px; }
.media-2 .media-2 a.mid { margin:0px auto !important; }
.media-2 .media-2 a.right { float:right !important; margin-right:5px; }
.media-2 .media-2 .fbconnect_share { display:none; }

/* Posts Categories Navigation */
.posts-link { width:100px; margin:10px 0px; }
.posts-link-next { float:left; margin-left:30px; }
.posts-link-prev { float:right; margin-right:65px; }
.posts-link a { display:block; min-width:100px; height:30px; padding:0px 15px; overflow:hidden; border:solid 3px #ccc; background:url(css/images/gradients/white-to-lgray.jpg) repeat-x 0 -15px; font:bold 15px/30px arial; text-align:center; 
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-border-radius:5px;
}
.posts-link a:hover { border-color:#0099FF; color:#0099FF; text-decoration:none; }

/* Related posts */
.related-1 { 
	clear:both;
	width:313x; 
	margin:10px auto;   
}
.related-1 div.rounded {
	background:#fff url(css/images/gradients/white-to-lgray.jpg) repeat-x left bottom;
	border:solid #ccc 1px;
	border-top-width:3px;
	height:225px; 
	max-height:250px; 
	min-height:150px; 
}	
.container_12 .grid_8  .related-1 { width:600px; }
.container_12 .grid_12 .related-1 { width:940px; }


/* Comment section (Horizontal Space saver wherein user login options are on left and comment entry on right) */
.comments-1 { width:905px; margin:0px auto; overflow:hidden;}
.comments-1 p { clear:both; }
ol.commentlist { margin:0; padding:0; }
.commentlist li { list-style:none; margin-bottom:7px; padding:0px; border:solid #e6e6e6 1px; border-right:none; border-left:none; }
.commentlist li.alt { background:#f7f7f7; }
.commentlist .avatar { float:left; margin-right:10px; }
.commentlist a:link, .commentlist a:visited { color: #666666; }
.commentlist a:hover, .commentlist a:active { color: #333333; }
.commentlist .author { font:small-caps bold 18px/22px san-serif; text-decoration:underline; }
.commentlist .time {background: url(http://www.yoursite.com/images/bg_clock.gif) no-repeat 1px;padding-left:13px;}
.commenttext { padding: 0 20px 10px 20px; color:#fafcf6; }
.comments-1 .comment-user { float:left; width:200px; margin-right:5px; }
.comments-1 .comment-user input { width:135px; border:solid #ccc 1px; border-top-width:2px;
	border-radius:3px;
	-webkit-border:3px;
	-moz-border-radius:3px;
}
.comments-1 .comment-entry { float:left; width:400px; margin-right:0px; }
.comments-1 .comment-entry textarea { width:350px; height:200px; border:solid #ccc 1px; border-top-width:3px; background:url(css/images/gradients/white-to-lgray.jpg) repeat-x left bottom; font:bold 18px/22px arial; }
.comments-1 .ad-space { float:right; width:300px; }
.container_12 .grid_4  .comments-1 { width:300px; }
.container_12 .grid_4  .comments-1 .comment-user { width:100%; }
.container_12 .grid_4  .comments-1 p { width:100%; }
.container_12 .grid_4  .comments-1 .label { 
	background:#666;
	border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	color:white;
	float:left; 
	font:bold 14px/25px Arial, Helvetica, sans-serif;
	height:27px;
	text-indent:5px;
	text-shadow:#FFFFFF 0xp 3px 3px;
	text-transform:uppercase;
	width:125px;
}
.container_12 .grid_4  .comments-1 input { 
	border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	-moz-border-radius:5px 0px 0px 5px;
	clear:both;
	float:left;
	margin:0px 0px 5px 10px;
	width:135px;
}
.container_12 .grid_4  .comments-1 textarea { 
	height:150px; 
	margin:10px;
	padding:5px;
	width:270px; 
}
.container_12 .grid_4  .comments-1 input[type="submit"] { 
	float:right; 
	margin:5px;
}
.container_12 .grid_8  .comments-1 { width:600px; }
.container_12 .grid_8  .comments-1 .ad-space { display:none; }
.container_12 .grid_12 .comments-1 { width:940px; }

.highlight { background:#e6e6e6 !important; }
.highlight:hover { background-color:#cccccc !important; border-color:#cccccc !important; }
.link-more { clear:both; float:right; width:100%; height:20px !important; margin:10px 25px 5px 0px; font:14/18px arial; text-align:right; border:none !important; }
.link-more a { display:block; font:14/18px; text-align:right; border:none; }


/* Sidebar Widget: Facebook Socialble Plugin "iStep Stage" */
.fbconnect_miniprofile { width:95%; margin:10px auto 0px; background:#e6e6e6; border:solid #999999 1px; }
.fbconnect_miniprofile .fbconnect_userpicmain { float:left; width:75px; height:75px; margin:5px; }
.fbconnect_miniprofile .fbconnect_userpicmain fb:profile-pic { width:75px !important; height:75px !important; }
.fbconnect_miniprofile p { min-width:100px; }
.invitebutton { clear:both; width:95%; margin:10px auto; background:#CAE2F0; border:solid #0066CC 1px; }
.invitebutton * { margin:5px 5px; }
.fbconnect_LastUsers { display:none; }

/* Sidebar Widget: Twitter Feed */

/* General Form Styling */
input {  height:25px; padding:0px 10px; background:url(css/images/search_bg.jpg) repeat-x; font:bold 20px/25px arial; color:#666; 
		 border-radius:5px;
		 -webkit-border:5px;
		 -moz-border-radius:5px; }
textarea { padding:10px; background:#fff url(css/images/search_bg.jpg) repeat-x left top; font:bold 18px/22px arial; color:#666; 
		   border-radius:5px;
		   -webkit-border:5px;
		   -moz-border-radius:5px; }
input[type="submit"],
input[type="file"] { 
	background:url(css/images/buttons/shiny-blk.png) no-repeat center center; 
	border:none;
	color:white; 
	display:block;  
	font:bold 14px/30px arial; 
	height:30px; 
	margin:0px; 
	min-width:84px;
	padding:0px 10px;
	text-align:center; 
	text-transform:uppercase; 
}
input[type="file"] { color:#333; }

/* mmf-form plugin: Form styling */
.mmf-form { background:url(css/images/trans/white-50.png); }
.mmf-form label { font:bold 14px/18px arial; }
.mmf-form select { margin-left:10px; }

/* Footer Blocks */
ul.footer-third { width:100%; }
ul.footer-third li { width:100%; padding:5px; }
.footer-section-1-header { padding:0px; border-bottom:solid white 1px; font:bold 14px/30px arial; }


/* ***** PAGE SPECIFIC SELECTORS ***** */
/* Home Page */

/* Gritz Page */
#what-are-gritz { margin-bottom:25px; }

#what-are-gritz,
#how-to-send,
#what-can-do { background:transparent; border-bottom:solid #FFFF66 1.5px; }

#how-to-send,
#what-can-do { min-height:200px; }
#what-are-gritz p { color:#fff; font:14px/18px Arial, Helvetica, sans-serif; }
#how-to-send p,
#what-can-do p { color:#fff; font:14px/18px Arial, Helvetica, sans-serif; }

#gritz_image { 
	background:#ccc;
	float:left;
	margin:10px 10px 10px;
	max-height:290px;
	max-width:290px;
	overflow:hidden;
	padding:5px;
}
#gritz_image img {
	height:280px;
	margin:0px auto;
	width:280px;
}
#gritz_meta {
	background:url(css/images/gradients/lgray-to-white_238h.jpg) repeat-x left -160px;
	float:right;
	height:290px;
	margin:10px;
	overflow:hidden;
	width:290px;
}
#gritz_info {
	color:#666;
	font-weight:bold;
	padding:5px 10px 0px;
	width:270px;
}
#gritz_info span.data {
	color: #333333;
	font-variant:small-caps;
	font-weight:bold;
}
#gritz_ratings {
	background:#000 url(css/images/gradients/black-to-dgray.h290.jpg) repeat-x left top;
	border-top:solid #666 3px;
	border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	padding:10px;
	width:270px;
}
#gritz_ratings h2 { color:#FFCC00; margin:0px 0px 5px; }
#gritz_ratings h3 { color:#CCCCCC; margin:5px 0px 0px; }
#gritz_text {
	clear:both;
	margin:15px 10px 10px;
}
.container_12 .grid_8  #gritz_text { 
	width:600px;
}
.container_12 .grid_12 #gritz_text {
	width:950px;
}
#gritz_nav {}
#gritz_nav a {
	border:solid #fff 3px;
	height:165px;
	margin:10px 5px;
	position:relative;
	width:125px;
}
#gritz_nav a:hover { border-color:#ccc; }

#gritz_nav a div {
	background:url(css/images/buttons/gritz.btn.png) no-repeat left top;
	display:block;
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
}
#gritz_nav a.prev { float:right; }
#gritz_nav a.prev div { background-position:right top; }
#gritz_nav a.prev:hover div { background-position:right bottom; }
#gritz_nav a.next { float:left; }
#gritz_nav a.next:hover div { background-position:left bottom; }
#gritz_upload { height:164px; }
#gritz_upload a {
	background:url(css/images/buttons/gritz_upload.sm.btn.png) no-repeat left top;
	display:block;
	height:164px;
	margin:0px auto;
	width:290px;
}
#gritz_upload a:hover { background-position:right top; }
#slider { width: 600px;  margin: 0 auto; position: relative; }
#gritz-scroll {
  background:#333 url(css/images/gradients/dgray-to-black_290h.jpg) repeat-x scroll left bottom;
  clear: left;
  height:360px;
  overflow:hidden;
  position:relative; /* fix for IE to respect overflow */
}
#slider #gritz-navigation { list-style-type:none; margin:-25px 0px 15px; width:620px; }
#slider #gritz-navigation li { background:#333; border:solid #999 1px;  float:left; height:75px; margin:5px; overflow:hidden; padding:0px; width:140px; }
#slider #gritz-navigation li a { display:block; height:100%; overflow:hidden; padding:0px; position:relative; text-indent:0px; width:100%; }
#slider #gritz-navigation li a img { min-width:140px; min-height:75px; }
#slider #gritz-navigation li a div { background:url(css/images/overlays/select.png) no-repeat center center; display:none; height:100%; left:0px; position:absolute; top:0px; width:100%; }
#slider #gritz-navigation li a:hover div { display:block; }
#shade { background:url(css/images/gradients/white-shade.png) no-repeat center top; height:50px; width:600px; }
#gritz-container { width:10000px; }
#gritz-container div.panel {
	border:solid #333 1px;
	color:#ccc;
	float:left;
	padding: 20px;
  	height: 320px;
  	width: 560px; /* change to 560px if not using JS to remove rh.scroll */
}
#gritz-container div.panel a { border:solid #999 2px; display:block; height:316px; margin:0px auto; overflow:hidden; position:relative; text-decoration:none; width:556px; }
#gritz-container div.panel a img { min-width:556px; min-height:316px; }
#gritz-container div.panel a div { background:url(css/images/overlays/rate-this.png) no-repeat center center; color:#fff; display:none; font:small-caps bold 20px/276px Arial, Helvetica, sans-serif; height:100%; left:0px; position:absolute; text-align:center; top:0px; width:100%; }
#gritz-container div.panel a div * { display:none; }
#gritz-container div.panel a:hover div { display:block; }
.scrollButtons {
	background:url(css/images/buttons/nav-arrows.png) no-repeat left top;
	cursor: pointer;
	height:128px;
	opacity:.5;
  	position: absolute;
  	top: 150px;
  	width:74px;
	z-index:100;
}
.scrollButtons:hover { opacity:1; }
.scrollButtons.left { background-position:left center; left: -20px; }
.scrollButtons.right { background-position:right center; right: -20px; }


/* Events Page */
.events-calendar{ padding:10px; width:600px; }
.events-navigation { }
.events-navigation li {  }
.events-navigation li a {  }
.events-navigation li a:hover { background:red; }
.events-listing { background:#333 url(css/images/gradients/dgray-to-black_290h.jpg) repeat-x left bottom; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; width:600px; }
.events-listing .header { color:#FFFFCC; }

#events-scroll {
  background:#333 url(css/images/gradients/dgray-to-black_290h.jpg) repeat-x scroll left bottom;
  clear: left;
  min-height:450px;
  height:765px;
  overflow:hidden;
  position:relative; /* fix for IE to respect overflow */
}
#slider #events-navigation {  background:url(css/images/trans/black-50.png); list-style-type:none; margin:5px auto 10px; width:100%; }
#slider #events-navigation li { float:left; text-align:center; width:100px; }
#slider #events-navigation li a { color:white; display:block; font:bold 12px/16px Arial, Helvetica, sans-serif; padding:5px 0px; text-decoration:none; }
#slider #events-navigation li a:hover { background:#999; }
#slider #events-navigation li a.selected { background:red; }
#shade { background:url(css/images/gradients/white-shade.png) no-repeat center top; height:50px; width:600px; }
#events-container { width:10000px; }
#events-container div.panel {
	border:solid #333 1px;
	color:#ccc;
	float:left;
	overflow:hidden;
	padding: 20px;
  	height: 725px;
  	width: 560px !important; /* change to 560px if not using JS to remove rh.scroll */
}
#events-container div.panel .blogroll-6 { height:700px; margin:5px auto 5px; overflow:hidden; width:560px; }
#events-container div.panel .blogroll-6 li { margin-left:2px; margin-right:2px; }
.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}
.scrollButtons.left { left: -20px; }
.scrollButtons.right { right: -20px; }


/* Video Page/Section */
#video_container {
	background:#000 url(css/images/gradients/black-to-dgray.h238.jpg) repeat-x left bottom;
	height:350px;
	margin:0px 10px 10px;
}
#video_container .playlist-header {
	background:#000;
	border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	color:white;
	float:right;
	font:small-caps bold 16px/20px Arial, Helvetica, sans-serif;
	height:20px;
	margin:-20px 20px 0px 0px;
	padding:3px 15px;
}
/*
#videos #panel-A .section-1 { background:#000; border-color:#333; }
#videos #panel-A .section-1 .header { background:url(css/images/gradients/dgray-to-black.h30.jpg) repeat-x left top; }
*/
.video-series li,
.video-series a.post { border:none; }
.video-series a.post:hover { background:transparent; border-bottom:solid 2px #05AFF2; }
.video-series .media { border:solid #333 1px; }
.video-series .header { color:#05AFF2; font-size:12px; margin-bottom:5px; padding:0px; }

#video_metadata { 
	background:#000 url(css/images/gradients/black-to-dgray.h238.jpg) repeat-x left bottom;
	margin:10px;
	padding:5px;
}
#video_metadata img { border:solid 3px #666; float:left; margin:0px 5px 5px 0px; }
#video_metadata #data { color:white; float:right; width:420px; }
#video_metadata #data h2 { color:#ccc; font-weight:bold; }
#video_metadata #data h3 { color:#666; }
#video_metadata #data p { color:#fff; font:normal 12px/16px Arial, Helvetica, sans-serif; margin-top:15px; padding:0px; }
.container-12 .grid_8  #video_metadata { width:590px; }
.container-12 .grid_12 #video_metadata { width:930px; }
#video_metadata img {}
#video_metadata #data {}

/* Single Post */
.single-post .media { height:300px; overflow:hidden; position:relative; width:300px; }
.single-post .media img { min-width:300px; min-height:300px; }
.single-post .media a { position:relative; }
.single-post .media a .expand { background:transparent url(css/images/icons/32x32/arrow_expand.png) no-repeat center center; display:none; height:32px; left:0px; position:absolute; top:0px; width:32px; z-index:5; }
.single-post .media a:hover .expand { display:block; }

/* Page: Category */
#category .header { margin-bottom:5px; padding:0px; }
#category .description { border-bottom:solid #ffff99 3px; margin-bottom:30px; padding-bottom:5px; }
#category .description p { color:#fff; font:12px/18px Arial, Helvetica, sans-serif; padding:0px; }

/* Wordtube Plugin Styling */
#video_container .wordtube {
	height:330px;
	float:left;
	margin:10px 20px;
	width:480px;
}
#video_container #video_btns { display:none !important; }