/* layout.css for mediacenterhouse.com */


/* ~~~~~~~~~~~~~~~~~~~~~~~~ adsense ~~~~~~~~~~~~~~~~~~~~~~~~ */

.addthis {float:right;}

.adsense {text-align:center; padding: 0px 3px 0.5em 3px;}
.adsensehomepage2 {text-align:center; width:728px; height:90px; margin-left:86px; margin-top:10px;}
.adsensehomepage {text-align:center; width:728px; height:90px; margin-left:101px; margin-top:10px;}

.slybanner {width:728px; height:90px; margin-left:101px; border:none}

	
/* ~~~~~~~~~~~~~~~~~~~~~~~~ style ~~~~~~~~~~~~~~~~~~~~~~~~ */

* {margin:0; padding:0;font-size:100%;}

img {border:none}

html, input, textarea	{font-family:Arial;font-size:10pt;color:#FFFFFF;}

.container {width:1050px;}

.left {float:left}
.right {float:right;}
.clear  {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.center {background-position:center; text-align:center}

.imgleft {float:left; margin-bottom:10px; margin-left:10px; margin-right:10px; margin-top:10px;}
.imgright {float:right; margin-bottom:10px; margin-left:10px; margin-right:10px; margin-top:10px;}

.textblank { width:850px; clear:both}
.textblank300 { width:300px;}
.textblank600 { width:600px;}

body {background-color: #333333; background-image: url(images/bckgrd_710pxnarrow.jpg); background-repeat:repeat-x; text-align: center;}
#footer #body {background-color: #333333; text-align: center;}

#main {text-align: left; margin:auto; width: 1050px;}

	.content {width:900px; height: auto; margin-left: 25px; margin-right: 25px;}
	.contentnew {width:1050px; height: auto;}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~ links ~~~~~~~~~~~~~~~~~~~~~~~~ */

a:link, a:visited {font-weight : bold; text-decoration : none;color: #692;background: transparent; }

a:hover {font-weight : bold; text-decoration : underline;color: #8b2;background: transparent;}

a:active {font-weight : bold; text-decoration : none; color: #692; background: transparent; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~ typography ~~~~~~~~~~~~~~~~~~~~~~~~ */
	
#main p {line-height: 200%; margin-top: 5px; margin-bottom: 1em; text-align:justify}

h1 {font-weight:bold; letter-spacing:2px; font-style:italic;}

h2, h3, h4, h5	{margin: 25px 0 0 0;padding: 0;}

h2	{font-size: large;}

h3 {font-size:medium}

h6 {color: #336699; font-size:12px;}

h3.post-title {	margin-top: 5px;font-size: medium;}

ul	{margin: 0 0 25px 0;}

li	{line-height: 160%; list-style-position:inside; text-indent:20px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ header & footer ~~~~~~~~~~~~~~~~~~~~~~~~ */

#topcontent { }

#headholder {width: 1050px; height: 100px;}

	.pagetitle { width:400px; height:100px; float:right;}
	
	.headerlogo {width:650px; height:100px; margin-top:0px; float:left}

	.googlesearch { float:right; width: 205px; height: 25px; text-align:right; margin-top:14px; margin-right:10px;}

	.googlesearch input {font-family:Arial;font-size:10pt;color: #000;}
	
	.searchtext { float:right; width:220px; font-size:12px; text-align:right;}

#buttonsback {	width: 1050px;	height: 59px;	padding-top:8px; background-image:url(http://www.mediacenterhouse.com/images/buttonsback_wikisearch.gif);}

	.btn-installs { float:left; width:136px; height:50px; margin-left:56px; display:inline}
	
	.btn-blog { margin-left:24px; float:left; width:136px; height:50px; display:inline}
	
	.btn-wiki { margin-left:25px; float:left; width:136px; height:50px; display:inline}
	
	.btn-forum { margin-left:25px; float:left; width:136px; height:50px; display:inline}
	
	.btn-about {margin-left: 24px; float:left; width:136px; height:50px; display:inline}

.roomtitle {font-size:20px;text-align:center;margin: 10px;letter-spacing: 3px;font-weight: bold;color: #FFFFFF;}

.texthead { width:900px; margin-left:75px; margin-right:75px; margin-top:15px; margin-bottom:0px; font-size:14px;line-height: 180%; text-align:justify}

#bkmkcontainer {width:950px; height:20px; margin:10px 50px 0 50px;}

	.bookmark { width:300px; margin-left:325px; font-size: 12px; text-align:center; color:#FF0000; font-weight: normal; font-style:italic; float:left; display:inline;}

	.pageupdate { font-size: 10px; text-align:right; font-style: italic; margin-top:3px; float:right; margin-right:50px}

.footer { text-align:center; height:60px;padding-top: 10px;font-size: 12px;padding-left: 5px;}

.footersub {color:#000000; margin:3px 0 9px 0; text-transform:uppercase; font-size: 10px;}

.footeraidemtech {font-weight:bold; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~ main content ~~~~~~~~~~~~~~~~~~~~~~~~ */

.textimg { background-image:url(images/roomtitle_backblack.gif); background-position:center; background-repeat:no-repeat; text-align:center;width:450px;height:24px;font-size:16px;font-weight: bold; padding-top:4px;}

.installs {width:900px; height:265px; margin-top:30px;}

.installsmember { background-image:url(images/roomtitle_backblack180px.gif); background-position:center; background-repeat:no-repeat; text-align:center;width:450px;height:24px;font-size:16px;font-weight: bold; padding-top:4px; margin-left:225px;}

.installsmember300 { background-image:url(images/roomtitle_backblack300px.gif); background-position:center; background-repeat:no-repeat; text-align:center;width:450px;height:24px;font-size:16px;font-weight: bold; padding-top:4px; margin-left:225px;}

.installsmember300 a { color:#FFF; }

.links { text-align:center; width:440px; height:16px; padding:5px; font-weight:bold;}

.installslinks { text-align:center; width:890px; height:20px; padding:5px;}

.installsbutton { margin-left:145px; margin-top:10px; width:609px; height:183px;}

.picshadow { margin-left:61px; margin-top:5px; width:328px; height:182px;}

#flashcontent {width: 900px; height:640px; border:thin #999999 solid; margin-left:75px; margin-right:75px;}

#bodycontent {width: 930px; height:auto; border:thin #999999 solid; padding: 10px; background-color:#222; margin-left:50px; margin-right:50px;}

#homecontent {width: 900px; height:auto; padding-left:25px; padding-right:25px; border:thin #999999 solid; background-color:#222; margin-left:50px; margin-right:50px;}

.row {width:900px; height:295px;}

.room1 {width:450px; height:255px; margin-top:10px; float:left;}
.room2 {width:450px; height:255px; margin-top:10px; float:right;}

#blogbodycontent {width: 888px; border:thin #999999 solid; padding: 10px 5px 10px 5px; margin:auto;}

	.textabout {margin-bottom:0px; margin-left:10px; margin-right:10px; margin-top:10px;font-size:14px;line-height: 16pt; text-align:justify}
	
	.textsearchresult { margin-left:2px; font-size:14px;line-height: 16pt; text-align:justify}

	.error {font-size:xx-large; text-transform:uppercase; text-decoration:underline; text-align:center; margin-bottom:10px; margin-left:10px; margin-right:10px; margin-top:10px; font-weight:bold}

	.errortext {color:#ffffff;font-size:18px;line-height: 18pt;margin-bottom:5px; margin-left:5px; margin-right:5px; margin-top:5px; font-style:italic}

.aboutme {width:420px; float:right; padding-left:10px; margin-left:10px; border-left:solid thin #FFFFFF; border-bottom:solid thin #FFFFFF;  }
