/* Start of CMSMS style sheet 'wireframe1colwnews : wframeLayout1col' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */

div.breadcrumbs {margin:10px 0 0 25px;padding:2px 0 0;text-align: left;font-size: 90%;}
div#contenthead {height:20px;margin:3px 0 0;padding: 5px 0;}
 * html body div#contenthead { margin: 0; padding: 10px 0 0;}


html{height: 100%; margin-bottom: 1px}

html,body{margin:0;padding:0 0 20px}
div#box{width:100%;margin: 0}
div#page{width:960px;margin: 0px auto;text-align: left}

div#header{position: relative;margin:0;padding: 0;}
div#hbox{margin: 0; padding: 0}
 *html body div#hbox{margin: 0; padding: 0}
div#header h1{margin:0;padding:0 5px 15px;height:156px;text-indent:-4000px;background: url(uploads/wireframe1colwnews/saraphina_logo.png) top left no-repeat;}
#banner{position:absolute;margin:0;top: 2px;right: 0;}

div#menu_horiz{margin: 3px 0 0 30px;padding: 3px;}
div#wrapper{height: 20px;padding:  0;}
div#menuwrapper{margin:0px;padding:0;}

div#content{position: relative;margin:0 0 10px;padding: 0;}

div#contentbox{width:800px;margin:0px;padding: 0 0 15px 0;}
 * html body div#contentbox{margin: 0px;padding: 0 0 10px;}
div#contentbox table{margin-left:25px}
div#contentbox th{padding:7px}
div#contentbox th h2{font-size:170%;color:#000}
p.center {margin: 0px;text-align: center}
.center{margin-left:180px}

div#footer{clear: both;margin-top: 10px}
div#footer p {margin: 0;padding: 5px 0;text-align: center;}


div#mainblock{min-height:600px;height:auto !important;height:600px;margin:0 0 10px;padding:3px 0;}
 *html body div#mainblock{width:100%;margin:0;padding:0;}
div#mainblock.col{height:100%;width:77%;margin:0 0 10px;padding:0px}
div#main {width:500px;margin: 0 30px 0 50px;padding:5px 0;}
 * html body div#main {margin: 0 30px 0 50px;padding:5px 0;}

div#block2{;width:73%;margin:0 0 10px;padding:3px}
 *html body div#block2{;width:73%;margin:10px 0px;padding:0px}
div#content2 {position:absolute;width:220px;top:0;right:170px;padding:0 5px 190px;margin:0px;}
div#content2 h2{margin: 0px;padding: 5px 0;}
/*div#newsblock{float:right;width:300px;margin:10px;padding:3px;display:inline;}
div#newsblock.tsw{float:right;width:300px;margin:5px 10px;display:inline;}*/
div#news{padding:0 8px;}

div#flat{clear:both;width:100%;height:30px;margin:10px 0 0;padding:3px;}
div.left49 {float:left;margin-left:25px;width: 35%;padding:3px}
div.right49{float:left;width:35%;margin-right:5px;padding:3px}
div.top49 {float:right;margin-right:25px;width: 15%;text-align: right;}

/*div.left49 a {display:block;height:36px;width:53px;margin:0px;padding:0px;}
div.right49 a {display:block;height:36px;width:53px;margin:0px;padding:0px;}
div.left49 a:hover{width:53px;height:36px;background: url(uploads/wireframe1colwnews/backw.png);}
div.right49 a:hover{width:53px;height:36px;background: url(uploads/wireframe1colwnews/forw.png);}*/

/* ======== Small Advert Link List ================ */

ul#smalladverts {list-style-type:none;margin:0 0 20px 0;padding:0;}
ul#smalladverts li {width:200px;margin:0 0 5px;height:50px;}
ul#smalladverts li a {display:block;height:50px;text-indent:-4000px;}
ul#smalladverts li.stopSmoking {background: url(uploads/images/stopsmoking.png);}
ul#smalladverts li.weightLoss {background: url(uploads/images/weightloss.png);}
ul#smalladverts li.phobias {background: url(uploads/images/phobias.png);}
ul#smalladverts li:hover {background-color:#fff;}

/* ============ General CSS Format ===================== */
.intro {

	margin:0 60px 5px;

	font-size:1.2em;

	text-align:center;

}

.needText {

	font-size:1.2em;

	color:#f03333;

	font-style:italic;

}

.fl {

	float:left;

	margin-left:0;

	padding-left:0;

        clear: left;

}

.stackLeft {

	float:left;

}

.stackRight {

	float:right;

}

.fr {

	float:right;

	margin-right:0;

	padding-right:0;

        clear: right;

}

.noSpace {

	margin-top:0;

}

.textright {

text-align:right;

}

hr { 

height:0px; 

border:0px; 

border-top:1px dotted #714c6d ; 

margin-top:4px;

}
/* === simple clear ==== */
.bothclear {clear:both;}


/* ========== slightly enhanced, universal clearfix hack ======================== */

.clearfix:after {

     visibility: hidden;

     display: block;

     font-size: 0;

     content: " ";

     clear: both;

     height: 0;

     }

.clearfix { display: inline-block; }

/* start commented backslash hack \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* close commented backslash hack */



/* ======== Start of SHADOW WRAPPER ============================== */

.img-wrapper-fr {

  margin: 0 0 10px 15px;

  background-image: url(uploads/wireframe1colwnews/shadow800x1400.gif);

  background-repeat: no-repeat;

  background-position: right bottom;

  float: right;

}

.img-wrapper-fl {

  margin: 0 15px 10px 0;

  background-image: url(uploads/wireframe1colwnews/shadow800x1400.gif);

  background-repeat: no-repeat;

  background-position: right bottom;

  float: left;

}

.img-wrapper-fr div, .img-wrapper-fl div {

  background: url(uploads/wireframe1colwnews/mask800x1400.png) no-repeat left top !important;

  background: url(uploads/wireframe1colwnews/mask800x1400.gif) no-repeat left top;

  padding: 0 10px 10px 0;

}

.img-wrapper-fr img, .img-wrapper-fl img {

/*  border: 1px solid #fff; */

 }

.img-wrapper-fr a, .img-wrapper-fl a {

  margin: 0;

  padding: 0;

}



/* End of SHADOW WRAPPER */



/* End of 'wireframe1colwnews : wframeLayout1col' */