/*
Theme Name: M-Cubed Theme
Description: Custom wordpress theme designed by Matthew Mills for his own site.
Version: 2.0
Author: Matthew Mills
*/

body {
    background-image:url('bgimages/BG_Gradient.png');
    background-position: 0% 0%;
    background-attachment: fixed;
    background-repeat:repeat-x;
	background-color:#7b7a7a;
	color:#FFFFFF;
}

a {
	color:#4bd7ff;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.title {
	text-decoration:none;
	color:#326098;
}

.title:hover {
	font-weight:bold;
}

.blogpanel img {
	border-width:0px;
}

h2 {
	color:#326098;
	font-size:medium;
}

h2 a {
	color:#326098;
	font-size:large;
}

hr {
	color:#326098;
	background-color:#326098;
	height:1px;
	border:0px;
}

li {
	list-style: none;
	list-style-position: outside;
}

ul {
	list-style: none;
	list-style-position: outside;
	margin-left:-40px;
}

.ngg-galleryoverview {
	text-align:center;
}

.title {
	color:#326098;
	font-size:large;
}

.date {
	font-size:small;
	}

.logo {
	position:relative;
	left:-6px;
	top:30px;
	z-index:6;
}

.banner-bottom {
	background-repeat: no-repeat;
}

.navigationbar {
	position:relative;
	left:85px;
	top:98px;
	width:804px;
}

.banner-bottom-bg {
	z-index:1;
}

/* Blog button start*/

.btn-blog {
	position:absolute;
	left:420px;
	z-index:4;
}

.btn-blog-down {
	position:relative;
}

.btn-blog .btn-blog-up { 
	display: none; 
	position: relative;
	top:-95px;
}
	
.home .btn-blog .btn-blog-up {
	display:block;
	position: relative;
	top:-95px;
}
	
.btn-blog:hover .btn-blog-up {
	display:block;
	position: relative;
	top:-95px;
}
/* Blog button end*/

/* Portfolio Menu Start */

.btn-portfolio {
    position: absolute;
    left: 125px;
    top: -5px;
    z-index: 3;
}

.portfolio-menu {
    float: left;
    margin-left: 10px; 
	border: 0px;
}

.portfolio-popup {
	font-size:medium;
	height: 94px;
}
/* Menu items initial look and location */
.portfolio-popup a {
	display:block;
	text-decoration:none;
	color:#000000;
}

.menu-links {
	position:relative;
	top:20px;
	Left:20px;
}
/* Hide menu initially */
.portfolio-menu .portfolio-popup { 
	display: none; 
}

.page-54 .portfolio-menu .portfolio-popup {
	position:relative;
	top:-99px;
	left:5px;
    display: block; 
    background-image: url('bgimages/Btn_Portfolio_Up.png');
	background-repeat: no-repeat;
}

.page-40 .portfolio-menu .portfolio-popup {
	position:relative;
	top:-99px;
	left:5px;
    display: block; 
    background-image: url('bgimages/Btn_Portfolio_Up.png');
	background-repeat: no-repeat;
}

.page-42 .portfolio-menu .portfolio-popup {
	position:relative;
	top:-99px;
	left:5px;
    display: block; 
    background-image: url('bgimages/Btn_Portfolio_Up.png');
	background-repeat: no-repeat;
}

/* Show menu on hover */
.portfolio-menu:hover .portfolio-popup { 
	position:relative;
	top:-99px;
	left:5px;
    display: block; 
    background-image: url('bgimages/Btn_Portfolio_Up.png');
	background-repeat: no-repeat;
}
/* Menu items underline when hovered over */
.portfolio-popup a:hover { 
	text-decoration:underline;
}

.page-54 .artwork {
	color:#c80000;
}

.page-40 .design {
	color:#c80000;
}

.page-42 .misc {
	color:#c80000;
}

.page-42 .postmetadata {
	display:none;
}

.page-42 .blog-title {
	display:none;
}

.page-54 .postmetadata {
	display:none;
}

.page-54 .blog-title {
	display:none;
}

.page-40 .postmetadata {
	display:none;
}

.page-40 .blog-title {
	display:none;
}

.page-7 .postmetadata {
	display:none;
}

.page-7 .blog-title {
	display:none;
}

.page-481 .postmetadata {
	display:none;
}

.page-481 .blog-title {
	display:none;
}

.portfolio-menu div {
    width: 190px;
    padding: 5px;
}

/* Portfolio Menu end */

/* AboutMe button start*/

.btn-aboutme {
	position:absolute;
	left:280px;
	z-index:4;
}

.btn-aboutme-down {
	position:relative;
}

.btn-aboutme .btn-aboutme-up { 
	display: none; 
}

.page-7 .btn-aboutme .btn-aboutme-up {
	display:block;
	position: relative;
	top:-95px;
}

.btn-aboutme:hover .btn-aboutme-up {
	display:block;
	position: relative;
	top:-95px;
}

/* AboutMe button end*/
/* AboutMe button start*/

.btn-demoreel {
	position:absolute;
	left:0px;
	z-index:2;
}

.btn-demoreel-down {
	position:relative;
}

.btn-demoreel .btn-demoreel-up { 
	display: none; 
}

.page-481 .btn-demoreel .btn-demoreel-up {
	display:block;
	position: relative;
	top:-95px;
}

.btn-demoreel:hover .btn-demoreel-up {
	display:block;
	position: relative;
	top:-95px;
}

/* AboutMe button end*/

.sidepanel {
	width:190px;
	position:relative;
}

.sidpanel-top {
	position:relative;
}

.sidepanel-middle {
	background-image:url('bgimages/BG_SidePanel_Middle.png');
	background-position:center;
	background-repeat: repeat-y;
	padding:8px;
}

.blogpanel {
	width:804px;
	position:relative;
	z-index:10;
}

.blogpanel-middle {
	background-image:url('bgimages/BG_BlogPanel_Middle.png');
	background-position:center;
	background-repeat: repeat-y;
	padding:8px;
	z-index:10;
}

#content {
	z-index:10;
}

.wordtube {
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

.postmetadata {
	margin-bottom:40px;
}

.entry strong {
	color:#326098;
}

#text-3.widget {
        border-top: none;
}

.widget {
        border-top: 1px solid #326098;
}

.videothumbnail {
	border: 4px solid #ffffff;
	display: block;
}

.videothumbnail:hover {
	border: 4px solid #4bd7ff;
}