/* 
Theme Name: MostMostTheme
Theme URI: https://www.mostmost.net/
Description: the theme for MostMost 
Version: 1.0
Author: David Gadarian
Authore URI: http://www.mostmost.net
Tags:
*/
body {
  padding: 0px;
  width: 1230px;
}


/* HEADER CSS */
.colmaskhead {
position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:1230px; /* width of whole page */
margin: 0 0 -25px 0;
overflow:hidden; /* This chops off any overhanging divs */
}
/* 2 column right menu settings */
.rightmenuhead {
background:#fff;
}
.rightmenuhead .collefthead {
float:left;
width:200%;
margin-left:-750px;
position:relative;
right:100%;
background:#fff;
}
.rightmenuhead .col1wraphead {
float:left;
width:50%;
position:relative;
left:50%;
padding-bottom:1em;
}
.rightmenuhead .col1head {
margin:0 10px 0 760px;
overflow:hidden;
}
.rightmenuhead .col2head {
float:right;
width:730px;
position:relative;
left:740px;
}
/* 1 column full page settings */
.colmaskheadfullpage {
position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:1230px; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
}

.fullpagehead {
background:#fff;
}
.fullpagehead .col1head {
margin:0 15px;
}


<!-- START 4 COLUMN HEADER -->
#hdcontainer4 {
clear:left;
float:left;
width:1230px;
overflow:hidden;
background:#fff; /* column 4 background colour */
}
#hdcontainer3 {
clear:left;
float:left;
width:1230px;
position:relative;
right:400px;
background:#fff; /* column 3 background colour */
}
#hdcontainer2 {
clear:left;
float:left;
width:1230px;
position:relative;
right:240px;
background:#fff; /* column 2 background colour */
}
#hdcontainer1 {
float:left;
width:1230px;
position:relative;
right:240px;
margin: 15px 0 0 -5px;
background:#fff; /* column 1 background colour */
}
#hdcol1 {
float:left;
width:330px;
position:relative;
left:890px;
overflow:hidden;
}
#hdcol2 {
float:left;
width:220px;
position:relative;
left:910px;
overflow:hidden;
}
#hdcol3 {
float:left;
width:220px;
position:relative;
left:930px;
overflow:hidden;
}
#hdcol4 {
float:left;
width:400px;
position:relative;
left:950px;
overflow:hidden;
}
<!-- END 4 COLUMN HEADER -->

/* END HEADER CSS */



/* New Nav Bar Button Section */
/*Nav Bar Credits: Dynamic Drive CSS Library - URL: http://www.dynamicdrive.com/style/*/
.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 1230px;
background: #F7F7F7; /*menu strip background*/
border: 1px solid gray;
padding: 5px 0;
border-width: 1px 0;
}
* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}
.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url("http://www.mostmost.net/wp-content/uploads/2009/05/aeroleftblack.gif") no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 10px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.8;
-moz-opacity: 0.8;
}
.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}
.aerobuttonmenu a.aero span{
background: transparent url("http://www.mostmost.net/wp-content/uploads/2009/05/aerorightblack.gif" ) no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}
.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}
.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: red;
}
.black a.aero{
background-image: url('media/aeroleftblack.gif');
}
.black a.aero span{
background-image: url('media/aerorightblack.gif');
}
/* END New Nav Bar Button Section */




.slugline p {
font-variant: small-caps;
font-size: 10pt;
margin-top: -10px;
}


/* ADD THIS STYLE EFFECTS - SOCIAL BAR */

.addthis_toolbox
{
text-align: right;
}

.addthis_toolbox .hover_effect
{
    width: 284px;
    padding: 5px 0 6px 5px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    border: 2px solid #fff;
    padding: 2px 2px 2px 5px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 2px solid #105CB6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}


/* MAIN SITE TITLE & GOOGLE ADS */

#TitleImage {
  text-align: left;
  padding-top: 5px;
}
#Leaderboard {
  text-align: right;
}
#CenterAd {
  text-align: center;
}
#BottomLinkListAd {
  text-align: center;
}
#Search {
  text-align: left;
}
table {
  width: 930px;
}
td {
  border: 1px solid black;
  vertical-align: top;
}
td.ad {
  border:  none;
  vertical-align: top;
}
.mainright3column {
  background: #ffffff none repeat scroll 0% 50%;
  width: 33%;
  float: left;
  padding-bottom: 10px;
}
.maincenter3column {
  border-style: solid;
  border-color: gray;
  border-width: 0px 1px;
  background: #ffffff none repeat scroll 0% 50%;
  width: 33%;
  float: left;
  padding-bottom: 10px;
}
.mainleft3column {
  background: #ffffff none repeat scroll 0% 50%;
  width: 33%;
  float: left;
  padding-bottom: 10px;
}
.colleft {
  border-right: 1px solid gray;
  width: 49%;
  float: left;
}
.colright {
  width: 50%;
  float: left;
}
.column1of4 {
  width: 25%;
  float: left;
}
.column2of4 {
  width: 25%;
  float: left;
}
.column3of4 {
  width: 25%;
  float: left;
}
.column4of4 {
  width: 24%;
  float: left;
}
p, h1, h3, pre {
  margin: 0px 10px 10px;
}
p {
  font-size: 11pt;
  line-height: 100%;
  font-family: Times New Roman, Raavi, Simplified Arabic;
}
p.source {
  font-variant: small-caps;
  font-size: 8pt;
  margin-bottom: 0px;
}

.post-meta {
  font-variant: small-caps;
  font-size: 8pt;
  margin: -10px 10px 0px;
}
.post-meta-key {
  display: none;
}


.commentlook {
  font-variant: small-caps;
  font-size: 8pt;
  margin: -0px 0px 0px; 
}

.commentlook a:link, a:visited {
  text-decoration: none;
}

.commentlook a:hover {
  text-decoration: none;
  background: silver none repeat scroll 0%;
  color: #003366;
  cursor: pointer;
}

.commentlookbeta {
  font-variant: small-caps;
  font-size: 8pt;
  margin: 0px 10px 10px;
}

ul
{
list-style-type: none;
margin:0;
padding:0; 
}

hr {
  width: 95%;
  height: 1px;
}
h1.title {
}
h1 {
  color: #ffffff;
  background-color: #808080;
  text-align: center;
  padding-top: 10px;
  margin-bottom: -2px;
}
h2 {
  background-color: #808080;
  color: #ffffff;
  text-align: center;
  margin-bottom: -2px;
}
h3 {
  font-size: 15pt;
  font-family: Trebuchet MS, Verdana;
  color: #000000;
}
h5 {
  margin: 0;
  color: red;
  text-align: center;
}
h2 a:hover {
  background: transparent none repeat scroll 0%;
}
img.FloatRight {
  float: right;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


pre {
  font-variant: small-caps;
  font-size: 8pt;
}

a:link {
  text-decoration: none;
  color: #000000;
}

a:visited {
  text-decoration: none;
  color: #000000;
}
a:hover {
  text-decoration: none;
  background: silver none repeat scroll 0%;
  color: #003366;
  cursor: pointer;
}
div.thumbnail img {
  margin: 10px;
  float: left;
}
div.thumbnail p {
}
#about {
  text-align: center;
  font-size: 10pt;
}


/* Start of Main Page 2 MAJOR Columns CSS */
/* column container */
.colmaskmain {
position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:1230px; /* width of whole page */
margin: -5px 0 0 0;
overflow:hidden; /* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenumain {
background:#FFF;
}
.leftmenumain .colrightmain {
float:left;
width:200%;
position:relative;
left:930px;
background:#FFF;
}
.leftmenumain .col1wrapmain {
float:right;
width:50%;
position:relative;
right:930px;
padding-bottom:1em;
}
.leftmenumain .col1main {
margin:0 0px 0 935px;
position:relative;
right:100%;
overflow:hidden;
}
.leftmenumain .col2main {
float:left;
width:930px;
position:relative;
right:930px;
}
/* End of Main Page 2 MAJOR Columns CSS */


/* ListBlogBoxMain Seciton - for the List Home Page Box */

.lbboxhome {
border: solid grey 1px;
background-color: #7EADF9;
}


/* Start of Featured Posts Section CSS */
#featuredpostcontainer {
position:relative; 
clear:both;
float:left;
width: 930px;
overflow:hidden;
}
#featuredpostcontainer p, #featuredpostcontainer .post-meta {
margin:0;
padding:0;
}

#container7 {
clear:left;
float:left;
width:100%;
border: 1px solid;
overflow:hidden;
background:#DDDDDD; /* column 7 background colour */
}
#container6 {
clear:left;
float:left;
width:100%;
position:relative;
border-right: 1px solid;
right:132px;
background:#DDDDDD; /* column 6 background colour */
}
#container5 {
clear:left;
float:left;
width:100%;
position:relative;
border-right: 1px solid;
right:133px;
background:#DDDDDD; /* column 5 background colour */
}
#container4 {
clear:left;
float:left;
width:100%;
position:relative;
border-right: 1px solid;
right:133px;
background:#DDDDDD; /* column 4 background colour */
}
#container3 {
clear:left;
float:left;
width:100%;
position:relative;
border-right: 1px solid;
right:133px;
background:#DDDDDD; /* column 3 background colour */
}
#container2 {
clear:left;
float:left;
width:100%;
position:relative;
border-right: 1px solid;
right:133px;
background:#DDDDDD; /* column 2 background colour */
}
#container1 {
float:left;
width:100%;
position:relative;
border-right: 1px solid;
border-left: 1px solid;
right:133px;
background:#DDDDDD; /* column 1 background colour */
}

#col1 {
float:left;
width:128px;
position:relative;
left:802px;
overflow:hidden;
}
#col2 {
float:left;
width:128px;
position:relative;
left:806px;
overflow:hidden;
}
#col3 {
float:left;
width:128px;
position:relative;
left:810px;
overflow:hidden;
}
#col4 {
float:left;
width:128px;
position:relative;
left:815px;
overflow:hidden;
}
#col5 {
float:left;
width:128px;
position:relative;
left:820px;
overflow:hidden;
}
#col6 {
float:left;
width:127px;
position:relative;
left:825px;
overflow:hidden;
}
#col7 {
float:left;
width:128px;
position:relative;
left:830px;
overflow:hidden;
}

/* END of Featured Posts Section CSS */

/* This section is CSS is for the category pages */


/* 'widths' sub menu #layoutdims */
{
clear:both;
background:#eee;
border-top:4px solid #000;
margin:0px 10 px;
padding:6px 10px;
text-align:right;
*/
} 
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:930px; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
}
/* 3 column blog style settings */
.blogstyle {
background:#F5FBEF; /* Right column background colour */
}
.blogstyle .colmid {
float:left;
width:200%;
margin-left:-200px; /* Width of right column */
position:relative;
right:100%;
background:#DDDDDD; /* Centre column background colour */
}
.blogstyle .colleft {
float:left;
width:100%;
margin-left:-330px; /* Width of centre column */
background:#fff; /* Left column background colour */
}
.blogstyle .col1wrap {
float:left;
width:50%;
padding-bottom:1em; /* Centre column bottom padding. Leave it out if it's zero */
}
.blogstyle .col1 {
margin:0 5px 0 535px; /* Centre column side padding:
Left padding = left column width + centre column left padding width
Right padding = right column width + centre column right padding width */
position:relative;
left:100%;
overflow:hidden; 
}
.blogstyle .col2 {
float:right;
width:310px; /* Width of left column content (left column width minus left and right padding) */
position:relative;
left:320px; /* Width of the left-had side padding on the left column */
overflow:hidden;
}
.blogstyle .col3 {
float:right;
width:190px; /* Width of right column content (right column width minus left and right padding) */
position:relative;
left:840px;
}
/* END 3 column blog style settings */


/* 3 COLUMN BLOG FONT & TEXT SETTINGS */

.widecolumn p {
line-height: 140%;
}

.narrowcolumn p {
line-height: 140%;
}

.narrowcolumn a {
  text-decoration: none;
  color: blue;
}
.narrowcolumn a:hover {
  text-decoration: underline;
  background:none;
}





/* END 3 COLUMN BLOG FONT & TEXT SETTINGS */


/* 3 COLUMN SINGLE PAGE LIST & BLOG SETTINGS */

/* This section is CSS is for the category pages */
/* 'widths' sub menu #layoutdims */
{
clear:both;
background:#eee;
border-top:4px solid #000;
margin:0px 10 px;
padding:6px 10px;
text-align:right;
*/
} /* column container */
.lbcolmask {
position:relative; /* This fixes the IE7 overflow hidden bug and stops
the layout jumping out of place */
clear:both;
float:left;
width:1130px; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
}
/* 3 column blog style settings */
.lbblogstyle {
background:#F5FBEF; /* Right column background colour */
}
.lbblogstyle .lbcolmid {
float:left;
width:200%;
margin-left:-200px; /* Width of right column */
position:relative;
right:100%;
background:#DDDDDD; /* Centre column background colour */
}
.lbblogstyle .lbcolleft {
float:left;
width:100%;
margin-left:-330px; /* Width of centre column */
background:#fff; /* Left column background colour */
}
.lbblogstyle .lbcol1wrap {
float:left;
width:50%;
padding-bottom:1em; /* Centre column bottom padding. Leave it out if
it's zero */
}
.lbblogstyle .lbcol1 {
margin:0 5px 0 535px; /* Centre column side padding:
Left padding = left column width + centre column left padding width
Right padding = right column width + centre column right padding width
*/
position:relative;
left:100%;
overflow:hidden; }
.lbblogstyle .lbcol2 {
float:right;
width:310px; /* Width of left column content (left column width minus
left and right padding) */
position:relative;
left:320px; /* Width of the left-had side padding on the left column */
overflow:hidden;
}
.lbblogstyle .lbcol3 {
float:right;
width:190px; /* Width of right column content (right column width minus
left and right padding) */
position:relative;
left:840px;
}

/* END 3 COLUMN SINGLE PAGE LIST & BLOG SETTINGS */






/* START OF DEALS CAT & SINGLE 2 COLUMN CSS */

#container2deals {
	clear:left;
	float:left;
	width:1070px;
	overflow:hidden;
	background:#DDDDDD; /* column 2 background colour */
}
#container1deals {
	float:left;
	width:1070px;
	position:relative;
	right:330px;
	background:#fff; /* column 1 background colour */
}
#col1deals {
	float:left;
	width:730px;
	position:relative;
	left:330px;
	overflow:hidden;
}
#col2deals {
	float:left;
	width:310px;
	position:relative;
	left:350px;
	overflow:hidden;
}

/* END OF DEALS CAT & SINGLE 2 COLUMN CSS */








/* OLDER & NEWER POST STYLES */
.navigation {
	display: block;
	test-align: center;
	margin-top: 10px;
	marign-bottom: 30px;
	}

.alignrigh {
	float: right;
	}

.alignleft {
	float: left;
	}
/* END OLDER & NEWER POST STYLES */


/* Footer styles */

#footercontainer {
width: 930px;
}
#footercontainer p {
text-align: center;
color: blue;
font-size: 9pt;
}
#FooterImage {
text-align: center;
}
#FooterImage a {
text-decoration: none;
}
#ftcontainer6 {
background: transparent none repeat scroll 0% 50%;
float: left;
width: 100%;
overflow: hidden;
}
#ftcontainer5 {
background: transparent none repeat scroll 0% 50%;
float: left;
width: 100%;
position: relative;
right: 170px;
}
#ftcontainer4 {
background: transparent none repeat scroll 0% 50%;
float: left;
width: 100%;
position: relative;
right: 119px;
}
#ftcontainer3 {
background: transparent none repeat scroll 0% 50%;
float: left;
width: 100%;
position: relative;
right: 130px;
}
#ftcontainer2 {
background: transparent none repeat scroll 0% 50%;
float: left;
width: 100%;
position: relative;
right: 110px;
}
#ftcontainer1 {
background: transparent none repeat scroll 0% 50%;
float: left;
width: 100%;
position: relative;
right: 110px;
}
#ftcol1 {
float: left;
width: 290px;
position: relative;
left: 640px;
overflow: hidden;
}
#ftcol2 {
float: left;
width: 110px;
position: relative;
left: 640px;
overflow: hidden;
}
#ftcol3 {
float: left;
width: 110px;
position: relative;
left: 640px;
overflow: hidden;
}
#ftcol4 {
float: left;
width: 130px;
position: relative;
left: 640px;
overflow: hidden;
}
#ftcol5 {
float: left;
width: 119px;
position: relative;
left: 640px;
overflow: hidden;
}
#ftcol6 {
float: left;
width: 170px;
position: relative;
left: 640px;
overflow: hidden;
}

/* ABOUT PAGE Style */

ul#AboutList {
list-style-type: disc;
margin-left: 50px;
font-weight: bold;
}
.about h1 {
text-align: left;
}