/* CSS Document */

/*  
Theme Name: MM USA
Theme URI: http://www.creatine.com/
Description: A theme for Creatine.com (MMUSA)
Version: 1.6
Author: JoJo La Rosa
Author URI: http://larosa.ca/
*/

@import url(lib/reset.css);
@import url(lib/fonts.css);

body {background-color:#fff;}
#doc {background-color:#fff;margin:0 auto;width:946px;}

#hd {background:transparent url(img/top-nav-bar.gif) no-repeat top;width:946px;height:115px;border-bottom:solid 1px #666;margin:0;padding:0;}
#hd #logo {padding:6px 0 0 22px;}
#hd #talk-logo {float:right;padding:6px 25px 0 0;background-color:transparent;color:#666;font-weight:bold;font-size:97%;}
#hd ul#nav {display:block;font-size:85%;font-weight:bold;height:20px;margin:5px 5px;}
#hd ul#nav li {display:block;float:left;background:url(img/top-nav-seperator.gif) repeat-y right;text-transform:uppercase;}
#hd ul#nav li a {display:block;margin-right:2px;background-color:transparent;color:#005699;text-decoration:none;border-bottom:solid 2px #999999;padding:2px 10px 3px 10px;}
#hd ul#nav li a:hover {display:block;background-color:transparent;color:#AE3E3D;text-decoration:none;border-bottom:solid 2px #999999;}
#hd ul#nav li .dropdown {position:absolute;top:0;line-height:18px;z-index:100;width:100px;visibility:hidden;}
#hd ul#nav li .dropdown a {display:block;background-color:#eee;color:#626056;text-decoration:none;width:100%;border-top:solid 1px #fff;}
#hd ul#nav li .dropdown a:hover {background-color:#eee;color:#AE3E3D;text-decoration:none;}
#hd ul#nav li#talk {float:right;background:none;}
#hd ul#nav li#talk a {margin-right:0px;}

#hd.bhd {height:219px!important;}
#hd #bh {background:transparent url(img/amir-bg.gif) repeat-x top;width:942px;margin:0;padding:0;}
#hd #bh img {float:left;}
#hd #bh h1 {background-color:transparent;color:#FFF;font-family:"Times New Roman",times,serif;font-weight:bold;font-size:265%;margin:0;padding:35px 0 0 0;}
#hd #bh p {background-color:transparent;color:#4B4B4B;font-family:"Times New Roman",times,serif;font-weight:bold;font-size:117%;margin:0;padding:29px 0 0 0;}

#ft {clear:both;background-color:transparent;color:#1900A2;border-top:solid 3px #C3C0B9;margin:0 0 20px 0;}
#ft p {font-family:verdana,sans-serif;font-size:85%;text-align:right;padding:15px 0;}
#ft p a {background-color:transparent;color:#1900A2;text-decoration:none;}
#ft p a:hover {background-color:transparent;color:#1900A2;text-decoration:underline;}
#ft p img {margin:0 20px;}
#ft #links {border-top:solid 2px #DFDDDE;margin:2px 0;}
#ft #links p {color:#444;font-size:97%;font-family:arial,helvetica,clean,sans-serif;padding:5px 0;text-align:center;}

table#hp {margin:12px 30px 20px 30px;padding:0;width:auto;}
table#hp td {margin:0;padding:0;}
table#hp td.news-col {padding-right:27px;width:335px;text-align:justify;}
table#hp td.news-col img.post-image {width:335px;}
table#hp td#advert {width:537px;}
table#hp td.blog-col {padding-right:25px;width:291px;}
table#hp td.video-col {width:226px;}

td#advert #title {padding:10px;color:#3A6693;font-family:times,serif;font-weight:bold;font-size:135%;}
td#advert #description {padding:10px;color:#999999;font-family:"Tahoma",times,serif;font-weight:bold;font-size:85%;}

table#hp h2 {background:transparent url(img/dotted-line.gif) repeat-x top;color:#900;font-size:159%;text-transform:uppercase;padding:20px 0 0 0;}
table#hp a {background-color:transparent;color:#900;text-decoration:none;}
table#hp a:hover {background-color:transparent;color:#900;text-decoration:underline;}
table#hp td.news-col p {background-color:transparent;color:#666;font-size:97%line-height:114%;margin:0 0 15px 0;}
table#hp td.news-col p a {background-color:transparent;color:#1900A2;}
table#hp td.news-col ul#main {list-style-image:url(img/list-item-bullet-blue.gif);font-size:92%;padding:0;margin:10px 15px;}
table#hp td.news-col ul#main li a {background-color:transparent;color:#1900A2;}
table#hp td.news-col ul#main li a:hover {background-color:transparent;color:#1900A2;text-decoration:underline;}
table#hp td.news-col table td {color:#999;font-family:"Tahoma",times,serif;font-size:85%;}
table#hp td.news-col table td.thumbnail a img {border:solid 1px #C3C0B9;padding:2px;width:60px;height:40px;}
table#hp td.news-col table td .title {font-weight:bold;}
table#hp td.news-col table td .content {}
table#hp td.news-col table td a {color:#3A6693;}

p.datetime {background:transparent url(img/dotted-line.gif) repeat-x bottom;margin:0 0 10px 0!important;padding:0 0 15px 0;}
p.datetime .date {background-color:transparent;color:#666;font-family:verdana,sans-serif;font-size:77%;font-weight:bold;text-transform:uppercase;}
p.datetime .time {background-color:transparent;color:#B2B2B2;font-family:verdana,sans-serif;font-size:77%;font-weight:normal;text-transform:uppercase;}

table#hp h3 {background:transparent url(img/dotted-line.gif) repeat-x bottom;color:#333;font-size:77%;text-transform:uppercase;border-top:solid 3px #666;margin:6px 0 6px 0;padding:6px 0 3px 0;}
table#hp h3 span {background-color:transparent;color:#900;}

table#hp .focus-box {background:url(img/focus-box.gif) no-repeat top left;color:#666;font-size:92%;line-height:114%;width:189px;height:74px;padding:25px 19px 0 19px;}
table#hp .focus-box a {background-color:transparent;color:#666;text-decoration:none;}
table#hp .focus-box a:hover {background-color:transparent;color:#600;text-decoration:none;}

table#hp ul {list-style-image:url(img/list-item-bullet.gif);font-size:92%;padding:0;margin:10px 15px;}
table#hp ul.videos {list-style:none outside url(img/list-item-video.gif);font-size:92%;padding:0;margin:10px 15px 10px 27px;}
table#hp ul li {margin:3px 0;}
table#hp ul li a {background-color:transparent;color:#666;text-decoration:none;}
table#hp ul li a:hover {background-color:transparent;color:#600;text-decoration:none;}

div.videos a{background-color:transparent;color:#900;text-decoration:none;}
div.videos a:hover{background-color:transparent;color:#900;text-decoration:none;}

p.blog-tagline {background:transparent url(img/blog-logo.gif) no-repeat right;color:#666;font-size:92%;font-weight:bold;line-height:136%;min-height:43px;padding:5px 90px 0 0;}

a.more {background-color:transparent;color:#990000;text-decoration:none;}
a.more:hover  {background-color:transparent;color:#990000;text-decoration:underline;}

#container {float:left;width:946px;}
#container #content {float:left;width:680px;padding:0 20px;}
#container.international #content {float:left;width:550px;padding:0 20px;}
#container.international #sidebar {float:left;width:350px;}
#container #sidebar {float:left;width:226px;}
#container.media #sidebar {float:left;width:600px;}
#container #thevideo {float:left;width:300px;}
#container #content .item {clear:both;}
#container.dotted {background:transparent url(img/dotted-line.gif) repeat-x bottom;margin:0 0 10px 0!important;padding:0 0 15px 0;}
#redtitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-large;
	text-transform: uppercase;
	color: #900;
	text-decoration:none;
	font-weight: bold;
}
#redsub{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:large;
	text-transform: uppercase;
	color: #900;
	text-decoration:none;
	font-weight: bold;
	background:transparent url(img/dotted-line.gif) repeat-x bottom;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

#container.blog {background-color:#f0f0f0;}
#container.news {background-color:#fff;}
#container.media {background-color:#fff;}

#container.blog #content .item {margin:20px 0 30px 0;text-align:justify;}
#container.blog #content .item h4 {background-color:transparent;color:#900;font-size:107%;text-transform:uppercase;}
#container.blog #content .item p.datetime {background:none;margin:0;padding:0;}
#container.blog #content .item .post-image {padding:0 8px 0 0;}
#container.blog #content .item .postedby {background-color:transparent;color:#828282;font-size:77%;font-weight:bold;text-transform:uppercase;margin:10px 0 0 0;}
#container.blog #content .item .postedby a {background-color:transparent;color:#828282;text-decoration:none;}
#container.blog #content .item .postedby a:hover {background-color:transparent;color:#990000;text-decoration:none;}
#container.blog #content .item p {margin-bottom:10px;}
#container.blog #content .item a {background-color:transparent;color:#990000;text-decoration:none;}
#container.blog #content .item a:hover  {background-color:transparent;color:#990000;text-decoration:underline;}

#container #content .item #comments {background:#fff url(img/dotted-bg.gif) repeat top;margin:10px 0;padding:10px;}
#container #content .item #comments form#commentform table {width:100%;}
#container #content .item #comments form#commentform table p {margin:5px 0;}
#container #content .item #comments form#commentform small {background-color:#fff;color:#666;font-size:77%;text-transform:uppercase;}
#container #content .item #comments form#commentform small span {background-color:transparent;color:#900;}
#container #content .item #comments form#commentform textarea {border:double 3px #DFDFDF;margin:5px 0 0 0;}
#container #content .item #comments form#commentform input {border:double 3px #DFDFDF;}
#container #content .item #comments form#commentform input#submit {font-size:85%;background:#fff url(img/icon-comment.gif) no-repeat 5px;border:outset 2px #969696;padding:1px 2px 1px 18px;}
#container #content .item #comments .commentlist {list-style:none inside url(img/icon-comment.gif);background-color:#fff;color:#666;margin:10px 0 0 0;padding:5px;}
#container #content .item #comments .commentlist li {background:transparent url(img/dotted-line.gif) repeat-x top;padding:5px 0 0 0;}
#container #content .item #comments .commentlist li.alt {background:none;padding:0 0 5px 0;}
#container #content .item #comments .commentlist li .commenter {background-color:transparent;color:#900;font-size:77%;text-transform:uppercase;}
#container #content .item #comments .commentlist li .commenter cite {background-color:transparent;color:#666;}
#container #content .item #comments .commentlist li .commentmetadata a {background-color:transparent;color:#666;}
#container #content .item #comments .commentlist li .comment-text {margin:5px 0;}

#container.blog #sidebar h3 {background-color:#9B0000;color:#fff;font-size:77%;margin:15px 0 15px 0;padding:4px 4px;border-left:solid 4px #CC6600;border-bottom:solid 2px #CFD4D9;text-transform:uppercase;}
#container.blog #sidebar ul {list-style:none outside url(img/list-item-bullet.gif);font-size:92%;padding:0;margin:10px 15px;}
#container.blog #sidebar ul li {margin:3px 0;}
#container.blog #sidebar ul li a {background-color:transparent;color:#A01111;text-decoration:none;}
#container.blog #sidebar ul li a:hover {background-color:transparent;color:#A01111;text-decoration:underline;}

#container.news #content .item {margin:0 0 20px 0;text-align:justify;}
#container.news #content .item h4 {background:transparent url(img/dotted-line.gif) repeat-x top;color:#900;font-size:159%;text-transform:uppercase;margin:10px 0 0 0;padding:20px 0 0 0;}
#container.news #content .item .post-image {float:left;display:block;margin:0 10px 5px 0;padding:0;}
#container.news #content .item p {background-color:transparent;color:#666;font-size:92%;margin-bottom:10px;}
#container.news #content .item a {background-color:transparent;color:#900;text-decoration:none;}
#container.news #content .item a:hover  {background-color:transparent;color:#900;text-decoration:underline;}

#container.news #sidebar h3 {background:transparent url(img/dotted-line.gif) repeat-x bottom;border-top:solid 3px #666;margin:10px 0 0 0;padding:10px 0;color:#333;font-size:77%;text-transform:uppercase;}
#container.news #sidebar h3 span {background-color:transparent;color:#900;}
#container.news #sidebar ul {list-style:none outside url(img/list-item-point.gif);font-size:92%;padding:0;margin:10px 15px 10px 20px;}
#container.news #sidebar ul.categories {list-style:none inside url(img/list-item-point.gif);font-size:92%;padding:0;margin:5px 0;}
#container.news #sidebar ul li {background-color:transparent;color:#666666;margin:3px 0;}
#container.news #sidebar ul.categories li {background:transparent url(img/dotted-line.gif) repeat-x bottom;padding:2px 0 10px 0;}
#container.news #sidebar ul li a {background-color:transparent;color:#A01111;text-decoration:none;}
#container.news #sidebar ul li a:hover {background-color:transparent;color:#A01111;text-decoration:underline;}
#container.news #sidebar ul.categories li ul li {background:none;margin:0 0 0 10px;padding:2px 0;}

#container.media #content .item {margin:0 0 20px 0;text-align:justify;}
#container.media #content .item h4 {background:transparent url(img/dotted-line.gif) repeat-x top;color:#900;font-size:159%;text-transform:uppercase;margin:10px 0 0 0;padding:20px 0 0 0;}
#container.media h4 {background:transparent url(img/dotted-line.gif) repeat-x top;color:#900;font-size:159%;text-transform:uppercase;margin:10px 0 0 0;padding:20px 0 0 0;}
#container.media #content .item p {background-color:transparent;color:#666;font-size:92%;margin-bottom:10px;}
#container.media #content .item a {background-color:transparent;color:#900;text-decoration:none;}
#container.media #content .item a:hover  {background-color:transparent;color:#900;text-decoration:underline;}
#container.media #content .item .video {text-align:center;margin:20px 0;}

#container.media #sidebar h3 {background:transparent url(img/dotted-line.gif) repeat-x bottom;margin:10px 0 0 0;padding:10px 0;color:#333;font-size:77%;text-transform:uppercase;}
#container.media #sidebar h3 span {background-color:transparent;color:#900;}
#container.media #sidebar h3 a {background-color:transparent;color:#333;text-decoration:none;}
#container.media #sidebar h3 a:hover {background-color:transparent;color:#A01111;text-decoration:underline;}
#container.media #sidebar ul {list-style:none outside url(img/list-item-point.gif);font-size:92%;padding:0;margin:10px 15px 10px 20px;}
#container.media #sidebar ul.videos {list-style:none outside url(img/list-item-video.gif);font-size:92%;padding:0;margin:10px 15px 10px 27px;}
#container.media #sidebar ul li {background-color:transparent;color:#666666;margin:3px 0;}
#container.media #sidebar ul li a {background-color:transparent;color:#A01111;text-decoration:none;}
#container.media #sidebar ul li a:hover {background-color:transparent;color:#A01111;text-decoration:underline;}

#thevideo h3, #container #sidebar h3 {background:transparent url(img/dotted-line.gif) repeat-x bottom;margin:10px 0 0 0;padding:10px 0;color:#333;font-size:77%;text-transform:uppercase;}
#thevideo h3 span, #container #sidebar h3 span {background-color:transparent;color:#900;}
#thevideo h3 a, #container #sidebar h3 a {background-color:transparent;color:#333;text-decoration:none;}
#thevideo h3 a:hover, #container #sidebar h3 a:hover {background-color:transparent;color:#A01111;text-decoration:underline;}
#thevideo ul, #container #sidebar ul {list-style:none outside url(img/list-item-point.gif);font-size:92%;padding:0;margin:10px 15px 10px 20px;}
#container #sidebar ul.videos {list-style:none outside url(img/list-item-video.gif);font-size:92%;padding:0;margin:10px 15px 10px 27px;}
#thevideo ul li, #container #sidebar ul li {background-color:transparent;color:#666666;margin:3px 0;}
#thevideo ul li a, #container #sidebar ul li a {background-color:transparent;color:#A01111;text-decoration:none;}
#thevideo ul li a:hover, #container #sidebar ul li a:hover {background-color:transparent;color:#A01111;text-decoration:underline;}

#container #sidebar form div {margin:10px 0;padding:0;}
#container #sidebar form div input#s {font-size:92%;}
#container #sidebar form div input#searchsubmit {font-size:85%;background:#fff url(img/icon-search.gif) no-repeat 5px;border:outset 2px #969696;padding:1px 2px 1px 18px;}
#container.media form div input#searchsubmit {font-size:85%;background:#fff url(img/icon-search.gif) no-repeat 5px;border:outset 2px #969696;padding:1px 2px 1px 18px;}

#container #content .navigation {float:left;margin:10px 0 20px 0;text-align:center;}
#container #content .navigation .alignleft {float:left;}
#container #content .navigation .alignright {float:right;}
#container #content .navigation a {background-color:transparent;color:#900;text-decoration:none;}
#container #content .navigation a:hover {background-color:transparent;color:#900;text-decoration:underline;}

/* IE Specifics */
#hd ul#nav {*margin:7px 5px;}
#hd ul#nav li a {*padding:3px 10px 2px 10px;}
table#hp ul {*margin:10px 15px 10px 20px;}
table#hp ul.videos {*margin:10px 15px 10px 20px;}
table#hp ul.videos li {*padding:0 0 0 10px;}
#container.blog #sidebar ul {*margin:10px 15px 10px 20px;}
#container.news #sidebar ul {*margin:10px 15px 10px 20px;}
#container.media #sidebar ul.videos {*margin:10px 15px 10px 20px;}
#container.media #sidebar ul.videos li {*padding:0 0 0 10px;}


/* Pop-up Image Gallery Specifics */
.gallery p {float:left;clear:both;}
#gallerycontainer {clear:both;margin:30px auto;width:500px;}
.thumb {float:left;margin:0 10px 10px 0;}
.thumb a {margin:0;padding:0;display:block;text-align:center;}
.thumb a.image img {margin:0;padding:2px;}
.thumb a.image:hover img {}
.thumb a.pcaption {}
.thumb a.pcaption span {clear:both;display:block;}
.thumb a.pcaption span.desc {font-weight:bold;}
div.paging p {width:100%;text-align:center;}

.videothumbnail
{
	float: left;
	width: 265px;
	margin-right: 5px;
	padding-right: 5px;
}

.thumbnailclear
{
	float: left;
	width: 275px;
	margin: 5px;
	clear: both;
	padding: 5px;
}
.thumbnailimage {
	padding-right: 5px;
}
.clearboth {
	clear:both;
	background:transparent url(img/dotted-line.gif) repeat-x bottom;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
</style>