/*
Theme Name: Made By Sam Theme
Version: 1.0a
Author: Urban Jungle Design
Author URI: http://urbanjungledesign.com.au/

*/

a:active {

text-decoration: none;

}
body {
	background-color: #000000;
	background-image: url(http://madebysam.com.au/wp-content/themes/madebysam-theme/images/MBS-bg.jpg);
	background-repeat: no-repeat;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 800px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	color: #FFFFFF;
	float: left;
	height: 120px;
	margin-top: 10px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	
}
.oneColFixCtrHdr #footer {
	padding: 0 10px;
	margin: 20px 0 10px 0;
	color: ffffff;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#banner {


}

#header .left-head {
	width: 555px;
	float: left;
	height: 120px;
	vertical-align:text-bottom;

}

#header .right-head {
	margin: 0 0 0 555px;


}

.clear {
clear:both}

#content-container {

}



#content-container .page-left {
	background-color: #FFFFFF;
float: left;
Width: 535px;

}



.page-left-out {
	border-top: 4px solid #ffffff;
	padding:8px 0 0 0;		
	
}

#content-container .page-left-post {


}

#content-container .page-left p{
	padding: 10px;
margin: 0px;


}

#content-container .page-right {
margin: 0px 0 0 5px;
padding: 0px;
}

.box-in h4{
padding: 10px;
margin: 0px;
font-weight: bold;
}
.box-in a{

color: #000;
text-decoration: none;
}

.box-in a:hover{

color: #000;
text-decoration: underline;
}

.box-in ul{
padding: 0px;

margin: 0 0 0 20px;
font-size: 14px;
}



.box-in ul li{
padding: 0px;
margin: 0 0 0 10px;
}


#box-home {
	margin: 20px 0 0 0;
}

.home-out {
	border-top: 4px solid #ffffff;
	padding:8px 0 0 0;
}



.box-out-left {
	border-top: 4px solid #ffffff;
	padding: 8px 0 0 0;
	float: left;
width: 255px;
margin: 0 10px 0 0px;
}

.box-out-page {
	border-top: 4px solid #ffffff;
	padding:8px 0 15px 0;

}

.box-out {
	border-top: 4px solid #ffffff;
	padding:8px 0 0 0;
	width: 255px;
	float: left;
	margin: 0 6px 0 6px;

}

.box-out-right {
	border-top: 4px solid #ffffff;
	padding:8px 0 0 0;
	width: 255px;
	float: left;
	margin: 0 0px 0 10px;

}

.box-in {
	background-color: #FFFFFF;
	color:#000000;
	min-height: 150px;
text-transform: uppercase;
}

#footer .left-foot {
	width: 400px;
	float: left;
	vertical-align:text-bottom;
	color: #ffffff;
font-size: 12px;
padding: 0px;
margin: 0px;

}

#footer .right-foot {
	margin: 0 0 0 405px;
	color: #999;
	text-align: right;
font-size: 12px;
text-transform: uppercase; 

}

#footer .right-foot a{
 color: #999;
text-decoration: none;


}

#footer .right-foot a:hover{
 color: #ccc;
text-decoration: underline;


}

.home-in {
background-color:#FFFFFF;
}

#tweet {
width:28px;
height:39px;
float: left;
margin: -5px 10px 0 10px;
}

#tweet:hover {

}

#fb {
width:28px;
height:39px;
float: left;
margin: -5px 10px 0 0;
}

#fb:hover {

}

#mail {
width:28px;
height:39px;
float: left;
margin: -5px 10px 0 0;
}

#mail:hover {

}

.navigation {
margin-bottom:10px;
color:#FFF;
}

.navigation div a{
text-decoration:none;
color:#FFF;
}

.navigation div a:hover {
text-decoration:underline;
}

#readmore {
float:right;
margin-right:8px;
margin-top:-25px;
font-size:12px;
padding: 3px;
background-color:#000000;
border: 1px solid #fff;
}


#readmore:hover { 
background-color:#fff;
border: 1px solid #000;
}

#readmore a:hover{
color: #000;
}

#readmore a{

padding:3px;
color:#FFF;

text-decoration:none;
}

#readmore a:hover{

}



#menu{
margin:0px;
padding:0px;
padding-top:90px;
text-transform: uppercase;
}

#menu li {
list-style-type:none;
display:block;
float:left;
padding-left:15px;
margin-right:15px;
border-left:1px solid white;
font-size:11px;
}

#menu li a {
color:#FFF;
text-decoration:none;
}

#menu li a:hover, .current_page_item {
text-decoration:underline;
}

#menu li.page-item-42 {
border-left:none;
padding-left:0px;
}

.postimage {
height:120px;
width:170px;
float:left;
overflow:hidden;
margin: 0 10px 5px 5px;
background-color:#a9a9a9;
}

.post-meta-key {
display:none;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

.navigation {
height:145px;
width:450px;
padding-bottom:10px;
margin:0 auto;
}

.post-single {
background-color: #fff;
margin-bottom: 10px;
padding: 0 0 5px 5px;
}

.entry2 {
padding: 1px;
font-size: 14px;
margin: 0 20px 25px 10px;
line-height: 20px;

}


.postmetadata{
padding: 15px 10px 10px 10px;

color:#999;
font-size:10px;
margin: 0px;
}

.postmetadata a {
color:#a9a9a9;
text-decoration:none;
}

.postmetadata a:hover {
color:#a9a9a9;
text-decoration: underline;
}


h2 {

padding: 10px 5px 10px 10px;;
margin: 0px;
font-weight: normal;

}

h2 a {

padding: 10px 0 3px 0;
margin: 0px 0 15px 0;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dotted #333;
color: #000;
}



.page-middle-left-out {
float: left;
width: 535px;
	border-top: 4px solid #ffffff;
	padding:8px 0 0 0;
margin: 0px;
}

.page-middle-left-in {
background-color: #fff; 
padding: 0px 10px 10px 10px;
margin: 0px;
}

.page-middle-left-in-post {

padding: 0px;
margin: 0px;
}


.page-middle-left-in-post p {

padding: 0px;
margin: 0px;
}

.page-middle-left-in-post h1 {
margin:0px; 
color: #000;
font-weight: normal;

}

.page-middle-right {
margin: 0 0 0 550px;
padding: 0px;
width: 250px;

}



.page-middle-left-in h1 {
margin:0px;
color: #000;
font-size: 24px;
font-weight: normal;
padding: 10px 10px 10px 0px;
}

.page-middle-left-in p {
margin: 0px;
color: #000;
font-weight: normal;
padding: 0 10px 5px 5px;
font-size: 14px;
line-height: 20px;
}

.filler2 {
height:120px;
width:170px;

}

.nav-buttons {

font-size:12px;
text-align: center;
padding: 0px;
margin: 0px;
}

.nav-buttons a{
color: #999;
text-decoration: none;

}

.nav-buttons a:hover{
color: #999;
text-decoration: underline;

}



.item_image {
border: 1px solid #000;
margin:  0px 0px 0 2px;
}





.pricedisplay-productpage {
color: #fff;
font-weight: bold;
position: relative;
z-index: 20;
font-size: 15px;
padding: 2px 10px 2px 10px;;
background-color: #000;

}

.product_text {

margin-top: -30px;
}

.producttext {
padding-left: 20px;

}


.imageborder {
border: 1px solid #000;

}

.wpsc_product_price {

margin-bottom: 10px;
}
.pricedisplay-singlepage {

font-size: 15px;
float:right;
font-weight: bold;
}  




.prodtitles {
display: none;

}



.product_text strong{
background-color: #fff;
display: none;

}  

.shopping-cart-wrapper {

font-size: 12px;


}

 .box-in-cart{
text-transform: uppercase;
padding: 0 10px 10px 10px;
}


.image-out {
height:120px;
width:170px;
float:left;
overflow:hidden;
margin: 0 10px 5px 5px;
border: 1px solid #000;

}

.singlepostpageimage {
width: 513px;
height: auto;

}

.singlepostimage {
border: 1px solid #000;
margin-bottom: 10px;
}

.singleposttext {

line-height: 16px;

}

.image {

width: 400px;
height: auto;

}

h1 {
text-transform: uppercase; 

}


h3 {

font-size: 12px;
padding: 0px;
margin: 0px 0 5px 0;
font-weight: normal;

}


h4 {

font-size: 12px;
padding: 0px;
margin: 0px 0 5px 0;

}

.wpsc_category_grid img{

height: auto;

width: ;
}

.wpsc_category_grid img {
padding: 2px;
border: 1px #000 solid;
}

.homepage_image {
height: 565px; overflow: hidden;
text-align: center;

}

.productpagestyle img{
color: #ff0000;
float: left; margin-left: 10px;
width: 160px;
height: 160px;

}

.page-middle-left-in a{
color: #666;
text-decoration: none;

}



.page-middle-left-in a:hover{
color: #333;
text-decoration: underline;

}



.cat-list {
padding: 0px;
margin: 0px;

height: 530px;

}

.cat-img {


width: 255px;
text-align: center;
float: left;
padding: 0px;
margin: 0px;
}

.cat-img img{

border: 1px solid #000;
padding: 2px;
}

.cat-title {

background-color: #000;
color: #fff;
width: 170px;
margin: -25px 0 30px 2px;
padding: 2px  0 3px 10px;
text-align: left;
z-index: 20;
position: relative;
text-transform: uppercase;
}


.cat-title a{
font-size: 14px;
color: #fff;
font-weight: normal;
}


.cat-title a:hover{

color: #fff;

}


.wpsc_description {
width: 240px;


}



.wpsc_checkout_forms h4 {

color: #333;
margin: 20px 0;
font-size: 18px;
height: 35px;
font-weight: normal;
border: 1px solid #ddd;
padding: 10px 10px 0 10px ;
text-align: center;

}


.wpsc_checkout_forms {

color: #000;
background-color: #eee;
padding: 10px;
border: 1px solid #ddd;
font-size: 14px;
margin: 30px auto;
width: 400px;


}



.wpsc_checkout_forms a{


font-size: 12px;
color: #333;
text-decoration: none;

}

.wpsc_checkout_forms a:hover{ 

text-decoration: underline;

}
