/*  
Theme Name: Floss.com
Theme URI: http://www.floss.com
Description: Customized 3-Column, Widget ready theme.
Version: 1.0

*/


/* reset
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,form,hr {margin:0;padding:0;}
.low {display:none;}
.clear {clear:both;}

hr {
border:1px solid #333333;
}

/* body
--------------------------------------------------*/
body {
  color:#333333;
  background:#244990 url(images/bg.jpg) fixed top left;  
  margin:0;padding:0;
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size:75%;line-height:1.8em;
  text-align:center;
}
 

/* headings
--------------------------------------------------*/

h1 {color:#14568A;}
h1 a  {color:#14568A;}
h2 {color:#14568A;font-weight: normal;line-height:1.2em;font-size:1.6em;}
h2 a {color:#14568A; font-weight: normal ; text-decoration:none !important; border-bottom: #ccc 0px solid !important;}
h2 a:hover { color:#CC0000;  text-decoration:none;}
h4 {color: #14568A;font-weight: normal;margin: 7px 0 7px 0px;font-size:1.5em;line-height:1.5em;padding:5px 0;}
h3 a, h4 a {color:#14568A; font-weight: normal;}
h3 a:hover,h4 a:hover {color:#CC0000; text-decoration:none;} 

a {color:#14568A; text-decoration:none;}
a img {border:0 !important; }
a:hover {color: #CC0000; text-decoration:none;}
hr{color: #3399cc;background-color: #3399cc;border-bottom:#3399cc;height: 1px;text-align:center;}

/* links
--------------------------------------------------*/
.entry a {text-decoration:underline;}
.entry img a {border-bottom: 0px dotted #ccc !important;text-decoration:none;}
.entry p {padding: 0 0 15px;}
.entry a:hover {color: #003AAA; text-decoration:underline;}

img a {border-bottom: #ccc 0px solid !important;}

a.commentlink {padding-left:0px;}

.entry .filedunderindex a {text-decoration:none !important;border-bottom: #ccc 0px solid !important;}
.entry .filedunderindex a:hover {text-decoration:underline;color: #C22463;}

small {font-family: verdana,Arial,Helvetica,sans-serif;	font-size: 1em;	line-height: 1.5em; color: #666;padding: 5px 0;}

small a {color: #999;text-decoration:underline;}

/* topbar
------------------------------------------------*/

#topbar { background: #3d79bf url(images/top-menu.gif) center top no-repeat; margin: 0 auto; padding:0; height:34px;}
	
#topbar ul {padding-bottom:7px;padding-top:3px;margin:0 0 0 10px;} 
	
#topbar li {list-style: none;margin: 0px;padding: 0px;}
	
#topbar li a, #topbar li a:link, #topbar li a:visited {
	color: #3399cc;
	display: block;
	font-family: verdana, Arial,Helvetica,Sans-Serif;
	font-size: 1.0em ;
     	line-height: 1.3em;
	font-weight:bold;
	margin: 0px;
	padding: 10px 15px 5px 15px;
}

#topbar li a:hover, #topbar li a:active {
	color: #00ccff;
    margin: 0px;
	padding: 10px 15px 5px 15px;
	text-decoration: none;
	}
	
#topbar li li a, #topbar li li a:link, #topbar li li a:visited {
	background: #ffffff;
	width: 150px;
	color: #3399cc;
	float: none;
	margin: 0px;
	padding: 8px 10px 7px 10px;
	border-bottom: 1px solid #3d79bf;
	border-left: 1px solid #3d79bf;
	border-right: 1px solid #3d79bf;
	border-top: 1px solid #3d79bf;
	}
	
#topbar li li a:hover, #topbar li li a:active {
	background: #b8d8ed;
	color: #ffffff;
	padding: 7px 10px 7px 10px;
	}

#topbar li {
	float: left;
	padding: 0px;
	}

#topbar li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}

#topbar li li { 
	}

#topbar li ul a { 
	width: 140px;
	}

#topbar li ul a:hover, #topbar li ul a:active { 
	}

#topbar li ul ul {
	margin: -32px 0 0 171px;
	}

#topbar li:hover ul ul, #topbar li:hover ul ul ul, #topbar li.sfhover ul ul, #topbar li.sfhover ul ul ul {
	left: -999em;
	}

#topbar li:hover ul, #topbar li li:hover ul, #topbar li li li:hover ul, #topbar li.sfhover ul, #topbar li li.sfhover ul, #topbar li li li.sfhover ul {
	left: auto;
	}

#topbar li:hover, #topbar li.sfhover { 
	position: static;
	}

/* Bottom bar
--------------------------------------------------*/

#subnav {
  margin: 0px auto;  
  padding:0;
  height:20px;
}
	
#subnav ul {
 margin:0px;
 padding:0px;
	 
} 
	
#subnav li {
	list-style: none;
	 display:inline;
	margin: 0px;
	padding: 2px 10px;
}
#subnav li a{
  color:#fff;
  font-weight:bold;
}

/* images
--------------------------------------------------*/
img.left {
  float:left;
  margin:0 12px 0 0;
}

img.right {
  float:right;
  margin:0 0 0 12px;
}

img.center {
  display: block;
  margin:0 auto;
}


/* paragraphs, lists, blockquote  etc
--------------------------------------------------*/
pre, code  {
font: 1.1em 'Courier New', Courier, Fixed;
}

kbr {color:#009193;}

p {
  margin:0;
  padding:0 0 18px 0;
}

ul {
  margin:0 0 0 1.4em;
  padding:0 0 10px 0;
}

ul ul {padding:0;}

/*blockquote {
  margin:0;
  padding-bottom:3px;
  padding-left:4px;
  padding-right:3px;
  padding-top:3px;
  font-style:italic;
  color: #333;
  overflow:hidden;
} */

blockquote {
margin:5px 0pt;
padding:8px 12px 8px 36px;
}

pre {
  overflow:auto;
  margin:0 0 18px 0;
  padding:4px;
  border:1px dashed #CCCCCC;
}

pre, code, kbr {font-family: Courier, Monaco, monospace;}
 
code, kbr {padding:0 2px;}

abbr, acronym {
  font-size:0.9em;
  letter-spacing:1px;
  cursor:help;
}

#top {background:url(images/top.gif) no-repeat;
      padding-left:16px;}


/* Next post link 
---------------------------------------------------*/
.nextright {
	float: right;
   font-size:0.9em;
	}

.nextleft {
	float: left;
   font-size:0.9em;
	}


#search{
	width:255px;
	height:38px;
	float:right;
	padding:0px;
	margin-top:25px;
	margin-right:20px;
}
#search button {
	padding:0px;
	background:transparent url(images/search.gif) top right no-repeat;
	border:none;
	color:#fff;
	font-size:7pt;
	width:46px;
        height:19px;
}
#search input{
	margin:0 auto;	
	text-align:left;
	color:#999;
	font-size:7pt;
}

/* container
--------------------------------------------------*/
#container {
  padding-top:0;
  background: #3d79bf;
  border:5px #fff solid;
  width:968px;
  margin: 0px auto;
  padding: 0px;
  text-align:left;
  margin-top:20px;
  overflow:hidden;
}
#wrapper{
  background:#fff url(images/footer.gif) bottom left no-repeat;
  width:950px;
  margin: 0px auto;
  padding: 0px;
  text-align:left;
  margin-top:5px;
  margin-bottom:5px;
  overflow:hidden;
}
#gallery{
  margin:0 auto;
  padding:0;
  text-align:center;
}
#gallery img{
  padding:5px 10px;
  border:none;
}
#gallery .ngg-galleryoverview{
  text-align:center;
  margin:0 auto;
}
#commentspopup #container {
  width:455px;
  padding:0 15px;
}
.ngg-award-gallery-thumbnail-box {
	float: left;
	height:130px;
	width:108px;
	padding-right:6px;
	padding-left:8px;
}

.ngg-award-gallery-thumbnail {
	float: left;
	height:130px;
	width:108px;
	margin-right: 5px;
 }
.ngg-award-galleryoverview {margin-left:5px;}
hr {
	display: none;
}

/* header
--------------------------------------------------*/
#header {
  background: transparent url(images/header-bg.gif) center top no-repeat;
  height:112px;
  margin:5px auto;
  overflow:hidden;
  text-align:center;
}

.singlecol #content a {
  font-weight: normal;
}

#header a,a:hover {text-decoration:none;color:white;}
#header small {color:white;}
#header h1 {color:white; margin:10px; }

/* navigation
--------------------------------------------------*/
#navigation {
		background:#F2F2F2;
		width:958px;
		border:1px solid #DDDDDD;
		height:32px;
		}
#navigation a {
color:#003AAA; 
font-weight: bold;
text-decoration:none;
       }
#navigation .selected,
#navigation a:hover
  {color:#000;}
#navigation li a:hover {
	background:#000000;
	color:white;
}

#navigation {
  line-height:2.5em;
  padding: 0 0; 
  margin: 0 auto;
  }

#navigation a {
  padding:0 0px;
  font-size:0.9em;
  text-transform:uppercase;
  }

#navigation ul {
  margin:0;
  padding:0;
}

#navigation li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border:1px solid #fff;
  white-space:nowrap;
}

#navigation li a {
  display:block;
  padding:0 10px;
  font-size:0.9em;
  text-transform:uppercase;
  }


/* Post Title 
--------------------------------------------------*/ 
.post-title {
display:block;
font-size:1.7em !important;
line-height:1.2em;
margin:5px 0px 5px 0px !important;
padding:5px 0pt;
color:#333;
}

/* content
--------------------------------------------------*/
#content {
  float:left;
  width:500px;
  margin-top:10px;
  padding-right:10px;
  padding-left:10px;
  margin-bottom:20px;
  background: #fff;
  font-size:1em;
  display:inline;
  overflow:hidden;
}
#content h1 {
   color:#333333;
   font-weight: normal;
   line-height:1.4em;
   margin:0 0 8px 0;
   font-size:1.5em;
}
#content a {color:#14568A; text-decoration:none;}
#content a:hover{color:#CC0000; text-decoration:none;} 

#content h2 {  
  color:#333333;
  font-weight: normal;  
  line-height:1.4em;
  margin:0 0 8px 0 ;
  font-size:1.5em;
}

#content h1 a,h2 a, h3 a, h4 a {font-weight: normal;}
#content h3 {
  margin: 10px 0 18px 0;
  font-size:1.3em;
  font-weight:bold;
  margin:0 0 8px 0;
  line-height:1.4em;
  color:#333333;
} 
#content h4 {
  margin: 10px 0 18px 0;
  font-size:1.1em;
  font-weight:bold;
  margin:0 0 8px 0;
  line-height:1.4em;
  color:#333333;
} 
#content h5 {
  margin: 10px 0 18px 0;
  font-size:1em;
  font-weight:bold;
  margin:0 0 8px 0;
  line-height:1.4em;
  color:#333333;
} 
#content h6 {
  margin: 10px 0 18px 0;
  font-size:0.8em;
  font-weight:bold;

  margin:0 0 8px 0;
  line-height:1.4em;
  color:#333333;
}
#content ol {margin-top:5px;margin-bottom:5px;}

#content.archive h2 {margin:0 0 8px 0;}
#content.archive h3 {
  margin:0 0 10px 0;
  font-family:Georgia, serif;
  font-size:1.3em;
  font-weight:normal;
}
#content.archive h4 {
  margin:0 0 18px 0;
  font-size:1em;
}
#content.archive h5 {
  margin:0;
  font-size:1em;
}
#content li{
  list-style-type:circle;
  list-style-image: url(images/bullet.gif);
  padding:0;
  margin-left:5px;
}
.singlecol #content {
  float:left;
  width:470px;
}

#commentspopup #content {
  float:none;
  padding-top:0;
}
 
#byline{
  border-top:1px #ccc solid;
  border-bottom:1px #ccc solid;
  font-size:0.8em;
  padding:3px;
}
.time{
  background:transparent url(images/date.gif) left top no-repeat;
  margin:0;
  height:20px;
  padding: 0px 0px 5px 16px;
}
#byline .comment{
  background:transparent url(images/comment_add.gif) left top no-repeat;
  height:20px;
  margin:0;
  padding: 0px 0px 8px 16px;
}
.wp-polls{
  background-color:#efeeee;
  border:1px #dcdcdc solid;
 
}
.wp-polls-ul{
   margin-left:-5px;
}
.continue{
  font-size:0.8em;
}
/* Post_nav post navigation	on index post
----------------------------------------------------*/
#post_nav  {border-top:1px solid #14568A;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	line-height:normal;
	margin:15px 0pt 25px;
	padding:5px 0pt;
	overflow:hidden;
}
#post_nav .back {
display:block;
float:left;
width:45%;
}

#post_nav .fwrd {
display:block;
float:right;
}

/* single_Post_nav post navigation	on single post
----------------------------------------------------*/
#single_post_nav  {border-top:1px solid #14568A;
			font-family:Verdana,Arial,Helvetica,sans-serif;
			margin:15px 0pt 25px;
			padding:5px 0pt;
             }
#single_post_nav .back {
display:block;
}

#single_post_nav .fwrd {
display:block;
}


/* Entry
--------------------------------------------------*/
#content li
{margin-bottom: 3px;}

.entry a.more {
  padding-left:12px; 
}
 
.contenttitle {
   color:#C22463; 
   font-weight: normal;
   font-family: georgia, serif;
   line-height:1.2em;
   margin:0 0 5px 0;
   font-size:1.9em;
   padding: 5px;
   background: #f9f9f9;
   border-bottom: 2px #f3f3f3 solid;
   border-top: 2px #f3f3f3 solid;
}

.entry {margin:0 0 7px 0;}

.entry .info {
  position:relative;
  margin-top:-3px;
  padding:3px;
  font-size:0.9em;
}

.entry.single {clear:both;}

.entry.single .info {margin:0 0 22px 0;}

.entry .info a {
  margin: 0 2px;
  padding: 0 2px;
}

.entry .info em {
  padding-right:6px;
  font-style:normal;
}

.entry .author,
.entry .editlink a {
  margin:0;
  padding:0 0 0 10px;
  border-left:1px solid;
  border-right:none
}

/* POST META
---------------------------------------------------*/
#postmeta{
          text-transform:uppercase;
		  color:#999999;
		  font-family:arial;
		  font-size:0.8em;
		  margin-bottom:5px;
		  overflow:hidden;
		  margin-top:5px;
          }
#postmeta a,a:visited{color:#003366;}
#postmeta a:hover {color:#CC0000;}
.postmetabox {border:1px solid #DDDDDD; padding:3px;}

/* edit link style code
---------------------------------------------------*/
#elink {color:#cc0000;
        font-weight:bold;}

/* Comments	Display Style Code
--------------------------------------------------*/
#comments{
		font-family:verdana;
		margin-top:15px;
         }
   /*Readers Comment Title*/
#comments h4 {  font-size:1.4em !important;
	text-transform:none;
	border-bottom:1px solid #DDDDDD; 
	margin:0; padding:0;
 	font-weight:bold;
	font-family:Georgia,Arial,Helvetica,sans-serif;
}
.comment {margin:0px;
		  margin-top:8px;
		  margin-bottom:15px;
          padding:0px;
		  width:540px;
		  overflow:hidden;
		  }

#comments .comment .ucomment p {margin:0px !important;
}

.ucomment {margin:0px;
		   padding:0px;
	
          }
.ucomment p{
border:1px dashed #CCCCCC;
padding:3px 5px;
font-style:italic;
width:95%;
}
#comments .comment .ucomment p {margin:0px !important;
                     padding:0px;}
.mcomment {margin:0px;
		   padding:0px;
		   border-bottom:1px solid #DDDDDD;
		   background:#F4F7FC;
          }
#comments .comment .mcomment p {margin:0px !important;
                     padding:0px;}

.tcomment {margin:0px;
		   padding:0px;
		   /*border-bottom:1px solid #DDDDDD;*/
		   /*background:#F4F7FC;*/
          }
 #comments .comment .tcomment p {margin:0px !important;
                     padding:0px;}

.ucomment_meta {margin:0px;
	padding:0px;
	font-family:arial;
	font-size:0.8em;
	/*border-top:1px solid #DDDDDD;*/
	text-transform:uppercase;
        color:#999999;
	display:inline;
}
.ucomment_meta_dt {margin:0px;
	padding:0px;
	font-family:arial;
	font-size:0.8em;
	/*border-top:1px solid #DDDDDD;*/
	text-transform:uppercase;
        color:#999999;
	display:inline;				
	width:10px;
}
.avatar img {float:left;}

/* AddComment Comment Adding Form Style code
--------------------------------------------------*/
#addcomment { margin-top:15px;
	border:1px solid #CCCCCC;
	padding:10px 10px 0px 0px;
	/* margin: 10px; Commented for IE fix*/
	font-size:0.9em;
	background:#F4F7FC;
	font-family:verdana,Arial, Helvetica, Sans-Serif;
	width:488px;
}
#addcomment h4 { font-size:1.4em !important;
	text-transform:none;
	margin:0;padding:0;
	font-weight:bold;
	font-family:Georgia,Arial,Helvetica,sans-serif;
}			   
#addcomment p {margin:0px;
            padding:0px;
            padding-bottom:5px;
            padding-top:5px;}

.form-item { width:170px;
             float:left;
             }
#addcomment input {width:150px; margin:0px; padding:4px; height:16px;}

#addcomment textarea {width:450px;
	font-family:verdana,Arial, Helvetica, Sans-Serif;
	font-size:14px; 
	margin:10px;
	height:190px;
	padding:5px;}

#addcomment #comment-name {
			   display:block;
			  }

#addcomment .desc {color:#999999;
	font-size:0.8em; 
	text-transform:capitalize;
	font-family:verdana,Arial, Helvetica, Sans-Serif !important;
	width:180px;
                   }
#addcomment input#submit {  background-color:#4F8ACE;
	border-color:#93BFEE rgb(50, 92, 142) rgb(50, 92, 142) rgb(147, 191, 238);
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-family:arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:2px;
	width:110px;
}

div.search input#searchbtn, input#comment-submit, input#searchsubmit {
	background-color:#4F8ACE;
	border-color:#93BFEE rgb(50, 92, 142) rgb(50, 92, 142) rgb(147, 191, 238);
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-family:arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:2px;
	height:25px;
	margin-top:5px;
	margin-bottom:5px;
}
.nocomments {font-weight:bold;
              color:#003366;}

/* content misc
--------------------------------------------------*/
/*#entrynavigation {border-color:#F3F4F4;}

 .editlink {
  position:absolute;
  height:14px;
  width:14px;
  right:2px;
} 

.next a {float:right;}
.previous a {float:left;}*/

html>body .editlink {bottom:6px;}
.entry .info .editlink a,
.minientry .editlink a,
#comments li .editlink a {
  display:block;
  height:14px;
  width:14px;
  margin:0;
  padding:0;
  border:none;
  font-size:1px; /* IEWin */
  line-height:0; /* IEWin */
  text-indent:-9999px;
}
.entry .info .editlink a:hover,
.minientry .editlink a:hover,
#comments li .editlink a:hover
  {background:none;}


/* footer
--------------------------------------------------*/
#footer {
  color:#666;
  font-weight:normal;
  clear:both;
  padding: 20px 10px 5px 10px;
  font-size:0.9em; 
  text-align:center;
  }

#footer a {
color: #0066cc; 
text-decoration:none;
}
#footer strong {font-weight:normal;}
#footer a:hover {
color: #000; 
}

#footer p { 
  padding: 5px 10px 10px 0px;
  text-align: center;
  line-height: 2em; 
}

.alignright {float:right;}

#disclaimer{
  color:#acdffa;
  font-size: 0.8em;
  margin:10px auto;
  padding:0;
  width:75%;
  height:100px;
  text-align:left;
  line-height:105%;
}

/* Sidebar Properties 
---------------------------------------------------*/
.sidebar {
  font-size:1em;
  color:#464646;
  overflow:auto;
}
.sidebar h1 {
   color:#333333;
   font-weight: bold;
   line-height:1.4em;
   margin:0 0 8px 0;
   font-size:1.5em;
}
.sidebar a,a:hover,a:visited{color:#14568A; text-decoration:none;}

.sidebar h2 {  
  color:#333333;
  font-weight: bold;  
  line-height:1.4em;
  margin:0 0 8px 0 ;
  font-size:1.5em;
}
.sidebar h3 {
  margin: 10px 0 18px 0;
  font-size:1.3em;
  font-weight:bold;

  margin:0 0 8px 0;
  line-height:1.4em;
  color:#333333;
}
.sidebar h4 {
  margin:2px;
  padding:0px;
  font-size:1.2em;
  font-weight:bold;
  line-height:1.4em;
  color:#666666;
  border-bottom:1px #a5d2e9 solid;
}

#sidebar_l .sidebar_box h4 a,h1 a,h2 a, h3 a {font-weight:bold;}

.sidebar h5 {
  margin: 10px 0 18px 0;
  font-size:1em;
  font-weight:bold;

  margin:0 0 8px 0;
  line-height:1.4em;
  color:#003366;
} 
.sidebar h6 {
  margin: 10px 0 18px 0;
  font-size:0.8em;
  font-weight:bold;

  margin:0 0 8px 0;
  line-height:1.4em;
  color:#003366;
}
.sidebar_box{
	margin-top:5px;
	margin-bottom:10px;
	padding-left:14px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	overflow:hidden;
}
#sidebar_r .sidebar_box ul li{
	padding:5px 5px;
}

.sidebar ul li {
list-style-type:circle;
list-style-image: url(images/bullet.gif);
padding:3px 0 0 0px;
margin:0px 0px 0px 8px;
}
.sidebar li {
line-height:1.4em;
padding:3px 0pt;
}

/* left sidebar
--------------------------------------------------*/
#sidebar_l {
			/*float:left;*/
			width:200px;
			border-right:#d9ecf5 solid 1px;
			margin-left:1px;
			font-size:0.9em;			
			}

/* right sidebar
--------------------------------------------------*/
#sidebar_r {
			float:right;
			width:200px;
			border-left:#d9ecf5 solid 1px;
			margin-right:5px;
			font-size:0.9em;
			overflow:auto;
		 	}



/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */

.linklove, .visitshop{
  display:none;
}