/*
Website: www.mandyfloss.co.uk
Author: Mandy Carey
Note: Not the best looking coding but hey!
*/


/*-------------------------------------------------------------------- */
/*Begin CSS*/
/*-------------------------------------------------------------------- */

body {
background:url(images/bgslice.jpg) repeat;
background-color:#9fc7df;
font-family:"Gill Sans MT", "Arial", "Verdana", sans-serif;
font-size:12px;
color:#3a3a3e;
margin:0px;
padding:0px;
}

/*-------------------------------------------------------------------- */
/* H Tags*/
/*-------------------------------------------------------------------- */


h1 {
font-size:19px;
font-weight:bold;
color:#3a3a3e;
margin:0px;
padding-bottom:30px;
padding-top:20px;
text-align:center;
}

h2 {
font-size:20px;
font-weight:bold;
padding:0px;
margin:0px;
}

h3 {
font-size:17px;
font-weight:bold;
margin:0px;
padding-left:10px;
}

h4 {
font-size:13px;
margin:0px;
padding:0px;
}

h5 {
font-size:25px;
font-weight:bold;
color:#3a3a3e;
margin:0px;
padding-bottom:2px;
padding-top:10px;
text-align:center;
}

/*-------------------------------------------------------------------- */
/* Paragraphs*/
/*-------------------------------------------------------------------- */

p {
font-size:14px;
margin:0px;
padding-left:20px;
padding-top:4px;
padding-bottom:5px;
text-align:center;
}

/*-------------------------------------------------------------------- */
/* Background*/
/*-------------------------------------------------------------------- */

#topBar {
background:url(images/topBg.jpg) repeat-x;
height:58px;
margin:0px;
padding:0px;
}

#Bgwrapper {
background:url(images/bg.jpg) repeat-x;
width:auto;
margin:auto auto;
padding:0px;
}

#wrapper {
width:1000px;
height:1000px;
margin:auto auto;
padding:0px;
}

/*-------------------------------------------------------------------- */
/* Header & Banner*/
/*-------------------------------------------------------------------- */

#header {
background:url(images/header.jpg) no-repeat;
width:1000px;
height:243px;
margin:auto auto;
padding:0px;
}

#banner {
background:url(images/banner.jpg) no-repeat;
width:1000px;
height:220px;
margin:auto auto;
padding:0px;
}

/*-------------------------------------------------------------------- */
/* Navigation*/
/*-------------------------------------------------------------------- */

#navbg {
width:1000px;
height:100px;
margin:auto auto;
padding:0px;
}

#navigation {
width:1000px;
height:70px;
margin:auto auto;
padding-left:150px;
padding-top:15px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

#navigation li {
list-style:none;
display:inline;
padding-left:10px;
}

/*-------------------------------------------------------------------- */
/* Introduction*/
/*-------------------------------------------------------------------- */


#intro {
background:url(images/text.png) no-repeat;
width:1000px;
height:200px;
margin:auto auto;
padding:0px;
}

#contentBg {
width:1000px;
height:auto;
margin:auto auto;
padding:0px;
color:#3a3a3e;
}

#contentBg2 {
width:800px;
height:auto;
margin:auto auto;
padding:0px;
color:#3a3a3e;
}

.title {
font-size:32px;
text-align:center;
font-weight:bold;
font-style:italic;
margin:0px;
padding:0px;
}

/*-------------------------------------------------------------------- */
/* Content Wrapper*/
/*-------------------------------------------------------------------- */

.innerWrapper {
width:800px;
height:170px;
margin:auto auto;
padding-top:10px;
margin-bottom:30px;
border:dotted 1px #3a3a3e;
}

.innerWrapperA {
width:800px;
height:auto;
margin:auto auto;
padding-top:10px;
}

#content {
width:800px;
height:170px;
margin-left:20px;
padding:0px;
}

/*-------------------------------------------------------------------- */
/* About Me*/
/*-------------------------------------------------------------------- */


#aboutBg {
background:url(images/about.png) no-repeat;
width:1000px;
height:300px;
margin:auto auto;
padding:0px;
}

#aboutText {
width:580px;
height:176px;
margin:0px;
padding-left:120px;
padding-top:10px;
color:#3a3a3e;
}

/*-------------------------------------------------------------------- */
/* Website Design*/
/*-------------------------------------------------------------------- */


#webBg {
width:1000px;
height:auto;
margin:auto auto;
padding-bottom:0px;
}

#imgWrapper {
width:1000px;
height:auto;
margin:auto auto;
padding:0px;
}

/*-------------------------------------------------------------------- */
/*Image Containers*/
/*-------------------------------------------------------------------- */

#container {
width:1000px;
height:auto;
margin-left:60px;
padding:0px;
}

.latesthold {
width:250px;
height:240px;
margin-left:20px;
margin-top:10px;
padding:0px;
float:left;
border: 2px thick #3a3a3e;
}

.imghold {
width:150px;
height:95px;
margin-left:50px;
margin-top:10px;
padding:0px;
}

.imgInside {
width:140px;
height:140px;
margin:0px;
padding:0px;
float:left;
}

.imgTitle {
width:660px;
height:25px;
margin:0px;
padding:0px;
float:left;
}

.imgTitle h1 {
font-size:20px;
text-align:center;
}

.imgTitle p {
width:500px;
font-size:15px;
padding-left:80px;
}

.imgs {
width:200px;
height:70px;
margin-left:230px;
padding:0px;
float:left;
}

#backShow {
background:url(images/imgbck.jpg) no-repeat;
width:688px;
height:200px;
margin:auto auto;
padding:0px;
}

#backContent {
width:688px;
height:200px;
margin:auto auto;
padding:0px;
}

/*Back Content Floats*/

.imgFloat {
width:165px;
height:200px;
margin-left:20px;
padding-top:10px;
}

/*-------------------------------------------------------------------- */
/* Resources*/
/*-------------------------------------------------------------------- */

#resourceBg h5 {
font-size:25px;
font-weight:bold;
color:#5d4a15;
margin:0px;
padding-bottom:2px;
padding-top:10px;
}

/*-------------------------------------------------------------------- */
/* Back To Top/
/*-------------------------------------------------------------------- */


.topWrapper {
width:1000px;
height:20px;
margin:auto auto;
padding:0px;
}

.top {
margin-left:670px;
padding:0px;
}

.top li {
display:inline;
padding-left:25px;
}

.top a {
color:#e44237;
font-style:italic;
font-weight:bold;
}

.top a:hover {
color:#fff;
text-decoration:none;
}

/*-------------------------------------------------------------------- */
/* Footer*/
/*-------------------------------------------------------------------- */


#footerWrapper {
background:url(images/footer.jpg) repeat-x;
width:auto;
height:271px;
margin:0px;
padding:0px;
}

#footerContentW {
width:900px;
height:210px;
margin:auto auto;
padding-top:20px;
padding-left:100px;
}

#footerContentW p{
color:#fff;
margin:0px;
padding-left:5px;
padding-top:5px;
}

#footerContentW h5{
color:#fff;
margin:0px;
padding-left:5px;
padding-top:5px;
}

#bcktop {
width:1000px;
margin-left:780px;
padding:0px;
}

/*-------------------------------------------------------------------- */
/* Contact Me*/
/*-------------------------------------------------------------------- */

#expert_me {
width:250px;
height:210px;
margin-left:0px;
padding:0px;
float:left;
}

#contact {
width:250px;
height:210px;
padding:0px;
margin-left:5px;
float:left;
}

#email {
margin-left:65px;
padding-top:5px;
}

#footerClear {
height:0px;
clear:both;
}

/*-------------------------------------------------------------------- */
/* Twitter*/
/*-------------------------------------------------------------------- */

#social li{
list-style:none;
display:inline;
padding:0px;
margin-left:25px;
}

#twitter_div {  
left: 650px; 
top: 820px; 
width: 280px; 
height: 210px; 
overflow: auto;
float:left;
}

#twitter_div h5{  
font-size:25px;
font-weight:bold;
text-align:center;
margin:0px;
padding-top:4px;
}

ul#twitter_update_list { 
list-style: none; 
font-size: 12px;	
}

ul#twitter_update_list li { 
margin-bottom: 10px;
padding: 0px;
color: #dbd7cd;
}


/*-------------------------------------------------------------------- */
/* Copyright & Clears*/
/*-------------------------------------------------------------------- */


#copyRight {
text-align:center;
padding-top:10px;
margin:0px;
color:#fff;
font-size:11px;
}

.clearNew {
height:40px;
clear:both;
}

/*-------------------------------------------------------------------- */
/* Site Links*/
/*-------------------------------------------------------------------- */

a:link {color:#fff;text-decoration:none;}
a:hover {color:#fff; text-decoration:none;}
a:visited {color:#fff;  text-decoration:none;}
a:active {color:#fff; text-decoration:none;}

a.selected:link {color:#fff; text-decoration: none;}
a.selected:visited {color:#fff;text-decoration: none;}  
a.selected:hover {color:#af0404; text-decoration: none;} 
a.selected:active {color:#fff; text-decoration: none;} 

a.effect:link {color:#3a3a3e; border:0px; text-decoration:none;}
a.effect:hover {color:#333339; text-decoration:underline;}
a.effect:visited {color:#3a3a3e; border:0px; text-decoration:none;}
a.effect:active {color:#3a3a3e; border:0px; text-decoration:none;}

a.foot:link {color:#fff; border:0px; text-decoration:none;}
a.foot:hover {color:#dcd8ce; text-decoration:underline;}
a.foot:visited {color:#fff; border:0px; text-decoration:none;}
a.foot:active {color:#fff; border:0px; text-decoration:none;}