/* Theme Name: Stay on Fountain
Description: Custom theme for Adam Sass's website
Theme URL: http://www.stayonfountain.com
Version: 3.0
Author: Tiffany Rose
Author URL: http://www.cherry-fizz.com

/* Menu 

0. General Stuff 
1. Wrapper
2. Header
	3.Logo
	4.Site Title
5. Menu
	6. Left Menu
	7. Right Menu
8. Blog Contents
	9. Sidebar
		10. Widget
	11. Main Blog
		12. Blog Loop
13. Footer

*/

/* 0. General */

* {
	margin: 0;
	padding: 0;
}

body, tr,
td, input,
select, textarea {font:normal 11px  Verdana, Arial, 
Helvetica, sans-serif; 	height: 100%;
	font-size: small;
	color: #262622;
	background: #F7F6F6;}
a:link,a:visited {color: #817455; text-decoration:none;}
a:hover, a:active {color: #a9986f;  text-decoration:none;}
ul, ol {margin:0 0 10px 25px; text-align: left;}
dl {margin:0 0 10px;  text-align: left;}
dt {font-weight:bold;  text-align: left;}
dd {margin:0 0 3px 10px;  text-align: left;}
p {margin:0 0 10px; text-align: left; }
h1 {font-family: Verdana, Arial, sans-serif; font-size:large; margin:10 0 9px;  text-align:left; }
h2 {font-family: Verdana, Arial, sans-serif; font-size:1.2em; font-weight: normal; margin:8px 0; text-align:left;}
h3 {font-family: Verdana, Arial, sans-serif; font-size:small; margin:6px 0 5px; text-align:left;}
h4 {font-family: Verdana, Arial, sans-serif; font-size:x-small; margin:4px 0; text-align:left;}
h5 {font-family: Verdana, Arial, sans-serif; font-size:xx-small; margin:3px 0; text-align:left;}
h6 {font-family: Verdana, Arial, sans-serif; font-size:xx-small; margin:0; text-align:left;}
hr {display:none;}
img {border: 1px solid #333; margin-right: 5px; margin-bottom: 
1px;margin-left: 5px; padding: 2px;}
acronym {border-bottom: 1px dotted;}
blockquote {margin:0 25px 20px 25px; font-style:italic;}
}
pre {
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */ /*
	width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	margin: 15px 15px 15px 50px;
}

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}

img.imgtfe {float:left; margin:0 1em 1em 0}
a img.imgtfe {float:left; margin:0 1em 1em 0}

body {
background-color:#444;
font-family:  Verdana, Tahoma, Arial;
font-size: 100.1%;
color: #333;
background-image: url(img/bg.jpg);
background-repeat: repeat-x;
}


ul {
list-style-position: outside;
list-style-type: disc;
margin-left: 20px;
padding-left: 10px;
}


a:link, a:visited { color: #000;
text-decoration: underline;
font-weight: normal; 
 }


a:hover,a:active  { color: #444;
text-decoration: underline;
font-weight: normal;  
}


/*1. Wrapper*/
#wrapper {
	background-color: #F7F6F6;
	width: 797px;
	margin-left:auto;
	margin-right: auto;
	height: auto;
	border: none;

}

/* 	2. Header
		3. Logo
		4. Site Title	 */ 
#headerwrap {
width: 797px;
height: 259px;

}		

#header { 
	width: 797px;
	height:229px;
	background-image: url(img/stayon.jpg);
	background-repeat: no-repeat;
	
	}
	



/* 	5. Menu
		6. Left Menu
		7. Right Menu	*/

#menu {
	background-image: url(img/mg.jpg);
	background-repeat: repeat-x;
	height: 30px;
	width: 797px;

}



#rmenu {

	width: 797px;
	font-weight: thick;
	text-align: left;
	color: #000000;
	font-size: 1.2 em;
	float: left; 
	height: 30px;
	font-family:  Verdana, Tahoma, Arial;
text-color: #F7F6F6;

}

#r-menu, #r-menu ul {
	margin-top:0px;
	list-style:none;
	text-align: left;
	height: 25px;
	margin-left: 0px;


}


#r-menu li {
float: left;
list-style:none;
background:none;
border-right:none;
text-align: left;
margin-top:0px;
margin-left: -3px;
}

#r-menu a, #r-menu a:visited {
background:none;
font-weight:none; 
border: none; 
color:#8AA9C5;
padding-top: -5px;
}

#r-menu a:hover, #r-menu a:active {
background:none; 
color:#000;
text-decoration:underline;

}	


/* 8. Blog Contents
		9. Sidebar
			10. Widget
		11. Main Blog
			12. Blog Loop */
			
#content {

	clear: both;
	background-color: #FFFFFF;

	width: 797px;
	font-family:  Verdana, Tahoma, Arial;
	font-size: 0.75em;


}

#sidebar { 
margin-top: 3px;
width: 285px;
height: auto;
float: right;
background-position: top;
}

div.widget {

width: 270px;
height: auto;
margin-left: -2px;

}

p.widget { font-size:0.63em;
margin: 0px;

}

h2.h2widget {
 	font-family: Verdana, Tahoma, sans-serif;
 	font-size: 1.0em;
 	margin-bottom: 5px;
 	margin-top: 10px;
 	color: #003174;
}

#mainblog { width: 512px;
height: auto;
float: left;

}

div.loop {
width: 485px;
height: auto;
margin-left: 15px;
padding-top: 15px;

}

p.loop {
font-size:0.63em;
margin: 20px;
margin-left: 20px;
margin-right: 20px;

}

div.written-by {
width: 485px;
text-align: left;
font-size: 1.5;

}

div.tags, div.post-comments {

	font-family:  Verdana, Tahoma, Arial;
	color: #333; 
	font-size: .80em;
	text-align: left;
	width: 485px;
	padding-top: 6px;

}



div.posted-comments {
height: auto;
width: 485px;
margin-left: auto;
margin-right: auto;
}

h1.h1content {
font-family:   Verdana, Tahoma, sans-serif;
font-size: 1.5em;
padding-bottom: 0px;
margin-top: 10px;

}

.h1content a,.h1content a:visited{
text-decoration: none;
color: #FF2700;
font-weight: bolder;
}

.h1content a:hover, .h1content a:active {
text-decoration: underline;
color: #333333;
font-weight: bolder;
}


.tags, .tags a,.tags a:visited{
text-decoration: none;
color: #003174;
font-weight: bolder;
}

.tags a:hover, .tags a:active {
text-decoration: underline;
color: #333333;
font-weight: bolder;
}

.date {
color: #333;
font-weight: bolder;
font-size: 1.24em;
padding-bottom: 7px;
margin-top: -10px;
}

.nav-prev {
padding-top: 10px;

}

.nav { 
margin-left: 15px;
margin-top: 30px;
font-size: 1.15em;
color
}

/* 13. Footer*/

#footer {
	clear: both;
	background-color: #F7F6F6;
	height: 50px;
	width: 797px;
	font-family:  Verdana, Tahoma, Arial;

}

#footerp {
	font-size: .63em;
	font-style: normal;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	text-align: center;
	padding-top: 30px;
	padding-left: 10px;
	
	}
	
	/*** Main menu CSS code ***/
#suckerfishnav {font-size:18px;
	font-family:verdana,sans-serif;
	font-weight:bold;
	width:100%;}
	
#suckerfishnav, #suckerfishnav ul {
float:left;
list-style:none;
line-height:30px;
padding:0;
margin:0;	
width:100%;}
#suckerfishnav a {
display:block;
color:#000;
text-decoration:none;
padding:0px 10px;}
#suckerfishnav li {float:left;padding:0;}
#suckerfishnav ul {
	position:absolute;left:-999em;
	height:auto;
	width:151px;
	font-weight:normal;
	margin:0;
	line-height:1;	
	border:0;
	border-top:1px solid #666666;	}

#suckerfishnav li li {	width:149px;border-bottom:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
font-weight:bold;
font-family:verdana,sans-serif;}

#suckerfishnav li li a {padding:4px 10px;	width:130px;font-size:12px;color:#000;}
#suckerfishnav li ul ul {margin:-21px 0 0 150px;}#suckerfishnav li li:hover {background:#F7F6F6;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {color:#000;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#000;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#000;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:auto;background:#F7F6F6;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#F7F6F6;background-image: url(img/mgh.jpg);}