/*-----------------------  
Template Name: White2
Created by White.
Version: 1.00
Author: White
Author URI: http://www.annefriday.com
-------------------------*/



/*-----main layout-----*/
* {
  font-size: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.4em;
}

body {
  position: relative;
  background: none;
  font: 70% Verdana, Arial, Helvetica, sans-serif;
  color: #4B5D67;
  text-align: center;
}
/*-----main layout-----*/



/*-----top navigation-----*/

#topnav {
  display: block;
  height: 50px;
  background: url(http://www.annefriday.com/themes/site_themes/white/mag1000navbg.jpg) top left repeat-x;
  margin: 0 auto;
}

#navcontainer {
  float: right;
  display: block;
  background: none;
  width: 450px;
  padding: 0;
  margin: -27px 0 0 0;
}

#logocontainer {
  float: left;
  display: block;
  background: none;
  width: 200px;
  padding: 0;
  margin: -40px 0 0 0;
}

/*-----top navigation-----*/



/*-----main pic-----*/

#header {
  display: block;
  float: left;
  background: url(http://www.annefriday.com/themes/site_themes/white/mag1101mainpic01home.jpg) top center no-repeat;
  width: 830px;
  height: 250px;
  padding: 0;
  margin: 0 0 5px 0;
}

#headerlife {
  display: block;
  float: left;
  background: url(http://www.annefriday.com/themes/site_themes/white/mag1101mainpic02life.jpg) top center no-repeat;
  width: 830px;
  height: 250px;
  padding: 0;
  margin: 0 0 5px 0;
}

#headerworks {
  display: block;
  float: left;
  background: url(http://www.annefriday.com/themes/site_themes/white/mag1101mainpic03works.jpg) top center no-repeat;
  width: 830px;
  height: 250px;
  padding: 0;
  margin: 0 0 5px 0;
}

#headerabout {
  display: block;
  float: left;
  background: url(http://www.annefriday.com/themes/site_themes/white/mag1101mainpic04about.jpg) top center no-repeat;
  width: 830px;
  height: 250px;
  padding: 0;
  margin: 0 0 5px 0;
}

#headerarchives {
  display: block;
  float: left;
  background: url(http://www.annefriday.com/themes/site_themes/white/mag1101mainpic05archives.jpg) top center no-repeat;
  width: 830px;
  height: 250px;
  padding: 0;
  margin: 0 0 5px 0;
}

#headerbkcc {
  display: block;
  float: left;
  background: url(http://www.annefriday.com/themes/site_themes/white/mag1101mainpic06bkcc.jpg) top center no-repeat;
  width: 830px;
  height: 250px;
  padding: 0;
  margin: 0 0 5px 0;
}

#headerentries {
  display: block;
  float: left;
  background: url(http://www.annefriday.com/themes/site_themes/white/mag1101mainpic07entries.jpg) top center no-repeat;
  width: 830px;
  height: 250px;
  padding: 0;
  margin: 0 0 5px 0;
}

#headerfresh {
  display: block;
  float: left;
  background: url(http://www.annefriday.com/themes/site_themes/white/mag1101mainpic08fresh.jpg) top center no-repeat;
  width: 830px;
  height: 250px;
  padding: 0;
  margin: 0 0 5px 0;
}

#headerregister {
  display: block;
  float: left;
  background: url(http://www.annefriday.com/themes/site_themes/white/mag1101mainpic09register.jpg) top center no-repeat;
  width: 830px;
  height: 250px;
  padding: 0;
  margin: 0 0 5px 0;
}

#headerbloggers {
  display: block;
  float: left;
  background: url(http://www.annefriday.com/themes/site_themes/white/mag1101mainpic12blogger.jpg ) top center no-repeat;
  width: 830px;
  height: 250px;
  padding: 0;
  margin: 0 0 5px 0;
}


#headerevents {
  display: block;
  float: left;
  background: url(http://www.annefriday.com/themes/site_themes/white/mag1102mainpic06events.png ) top center no-repeat;
  width: 830px;
  height: 250px;
  padding: 0;
  margin: 0 0 5px 0;
}


#clearbox260header {
  display: block;
  float: right;
  background: none;
  width: 260px;
  padding: 0 0 0 0;
  margin: 0 0 5px 0;
}

#lowheaderright {
  display: block;
  float: right;
  background: #777777 ;
  width: 405px;
  height: 100px;
  padding: 0;
  margin: 0 0 0 0;
}

/*-----main pic-----*/



/*-----layout container-----*/

#container1 {
  display: block;
  background: none;
  width: 830px;
  padding: 0;
  margin: 0 auto 20px auto;
}

#container2left {
  float: left;
  text-align: left;
  display: block;
  border-top: 4px solid #dddddd;
  background: none;
  width: 530px;
  padding: 0;
  margin: 0 0 5px 0;
}

#container3right {
  float: right;
  text-align: left;
  display: block;
  background: none;
  width: 260px;
  padding: 0;
  margin: 0 0 5px 0;
}

/*-----layout container-----*/



/*-----general container-----*/

#clearbox530 {
  display: block;
  float: left;
  background: none ;
  width: 530px;
  padding: 0;
  margin: 0 0 5px 0;
}

#clearbox530withbg {
  display: block;
  float: left;
  border-top: 4px solid #dddddd;
  background: #F2F1EF ;
  width: 530px;
  padding: 5px;
  margin: 10px 0 5px 0;
}

#clearbox260 {
  display: block;
  float: left;
  background: none ;
  width: 260px;
  padding: 0;
  margin: 0 0 5px 0;
}

#clearbox250left {
  float: left;
  background: none ;
  width: 250px;
  padding: 5px;
  margin: 10px 0 5px 0;
}

#clearbox250right {
  float: right;
  background: none ;
  width: 250px;
  padding: 5px;
  margin: 10px 0 5px 0;
}

#clearbox250lefttab {
  float: left;
  background: #F2F1EF;
  width: 250px;
  padding: 5px;
  margin: 10px 0 5px 0;
}

#clearbox250righttab {
  float: right;
  background: #F2F1EF;
  width: 250px;
  padding: 5px;
  margin: 10px 0 5px 0;
}

#clearbox120left {
  float: left;
  background: none ;
  width: 120px;

  padding: 0;
  margin: 5px 0 0 0;
}

#clearbox120left2 {
  float: left;
  background: none ;
  width: 120px;
  height: 120px;
  padding: 0;
  margin: 5px 0 0 0;
}

#clearbox50left {
  float: left;
  background: none ;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 5px 0 0 0;
}

#clearbox410right {
  float: right;
  background: none ;
  width: 410px;
  padding: 0;
  margin: 5px 0 0 0;
}

#clearbox410right2 {
  float: right;
  background: none ;
  width: 410px;
  height: 120px;
  padding: 0;
  margin: 5px 0 0 0;
}

#clearbox410right50 {
  float: right;
  background: none ;
  width: 480px;
  height: 50px;
  padding: 0;
  margin: 15px 0 0 0;
}

/*-----general container-----*/


/*-----specific container-----*/

#clearbox260hits {
  display: block;
  float: left;
  background: url(http://www.annefriday.com/themes/site_themes/white/mag1003stat01hits.png) top center no-repeat;
  width: 260px;
  height: 70px;
  padding: 0 0 0 0;
  margin: 0 0 5px 0;
}

#clearbox260comments {
  display: block;
  float: left;
  background: url(http://www.annefriday.com/themes/site_themes/white/mag1003stat03comments.png) top center no-repeat;
  width: 260px;
  height: 70px;
  padding: 0 0 0 0;
  margin: 0 0 5px 0;
}

/*-----specific container-----*/


.page {
  float: left;
  display: block;
  width: 507px;
  margin: 0 0 0 10px;
}


/*-----content container-----*/

.entry {
  float: left;
  text-align: left;
  display: block;
  background: none;
  width: 530px;
  padding: 5px;
  margin: 0 0 0 0;
}

.freshcommententry {
  float: right;
  text-align: left;
  display: block;
  background: none;
  width: 400px;
  padding: 5px;
  margin: 0 0 0 3px;
}

.title {
  float: left;
  text-align: left;
  width: 530px;
  display: block;
  background: none;
  padding: 0;
  margin: 0 0 0 0;
}

.entry260 {
  float: left;
  text-align: center;
  display: block;
  background: none;
  width: 260px;
  padding: 5px 0 0 0 ;
  margin: 0 0 0 0;
}

.entry260header {
  float: left;
  text-align: left;
  display: block;
  background: none;
  width: 260px;
  padding: 70px 0 0 0 ;
  margin: 0 0 0 0;
}

.entry2 {
  float: left;
  text-align: center;
  display: block;
  background: url(http://www.annefriday.com/themes/site_themes/white/mag1000menu830.jpg) top left no-repeat ;
  width: 830px;
  height: 30px;
  padding: 0;
  margin: 0 0 0 0;
}

.entry3 {
  float: left;
  text-align: center;
  display: block;
  background: none ;
  width: 830px;
  padding: 0;
  margin: 0 0 0 0;
}

.postinfo {
  float: left;
  display: block;
  width: 530px;
  padding: 5px;
  margin: 0 0 0 3px;
}

/*-----content container-----*/




/*-----decoration-----*/

.belt {
  float: left;
  text-align: center;
  display: block;
  background: none ;
  width: 810px;
  height: 30px;
  padding: 0;
  margin: 0 0 10px 0;
}

.belt530 {
  float: left;
  text-align: center;
  display: block;
  background: none ;
  width: 530px;
  height: 50px;
  padding: 0;
  margin: 0 0 5px 0;
}

.entry img {
	border:1px dashed #4e6973;
	padding:5px;
	background:#000000;
	margin:0 0 10px 0;
	vertical-align:sub;
	}

/*-----decoration-----*/



/*-----typography-----*/

h1 {
  font: 2.5em Arial Black;
  float: right;
  color: #DFD7C3;
  letter-spacing: 1 px;
  padding: 0 5px 0 5px;
  margin: -2 0 0 0;
}
h1 a, h1 a:visited {
  color: #fff;
  text-decoration: none;
}
.description {
  color: #888888;
  margin: 0 37px 25px 37px;
}
.title h2 {
  font: 1.6em Trebuchet, Tahoma;
  color: #B60418;
  float: left;
  background: none;
  padding: 9px 0 5px 7px;
}

.title h3 {
  font: 1.3em Trebuchet, Tahoma;
  letter-spacing: 1px;
  text-transform: lowercase;
  color: #B60418;
  background: none;
  padding: 9px 0 5px 0;
}

.title h4 {
  font: 1.0em Trebuchet, Tahoma;
  text-transform: lowercase;
  color: #ca3b36;
  background: none;
  padding: 9px 0 5px 10px;
}

.title small {
  float: right;
  padding: 5px 0 0 0;
  color: #666666;
  background: none;
}

h2 a, h2 a:visited { }
h3 {
  font: 1.3em Trebuchet, Tahoma;
}

p {
  font: 13px Trebuchet, Tahoma;
  margin: 0 0 18px 0;
  padding: 0;
  color: #777777;
}

.entry p {
  font: 1.3em Trebuchet, Tahoma;
  letter-spacing: 0;
  padding-right: 24px;
  text-align: left;
}

/*-----typography-----*/




/*-----top navigation-----*/

#navlist
{
margin: 0;
padding: 0 0 20px 0;
}

#navlist ul, #navlist li
{
font: 0.85em Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: right;
margin: 0 15px 4px 15px;
text-decoration: none;
color: #999;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
padding-bottom: 2px;
background: transparent;
color: #E2E2E2;
}

#navlist a:hover { color: #E2E2E2; }

/*-----top navigation-----*/



/*-----side navigation-----*/

#sidenavcontainer 
{
width: 260px; 
border-top: 4px solid #dddddd;
margin: 0 0 30px 0;
padding: 10px 0 0 0;
}

#sidenavcontainer2 
{
width: 260px; 
margin: 0 0 20px 0;
padding: 10px 0 0 0;
}

#sidenavcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font: 1.0em Arial, Helvetica, sans-serif;
}

#sidenavcontainer a
{
display: block;
padding: 0;
width: 260px;
height: 10 px;
background-color: none;
border-bottom: 1px solid #e2e2e2;
}

#sidenavcontainer a:link, #sidenavlist a:visited
{
color: #777777;
text-decoration: none;
}

#sidenavcontainer a:hover
{
background-color: #ededed;
color: #777777;
}

/*-----side navigation-----*/




/*-----article list-----*/

#articlelistcontainer 
{
width: 530px; 
background-color: #222222;
margin: 20px 0 20px 0;
padding: 0 0 0 0;
}

#articlelistcontainer ul
{
list-style-type: none;
font: 1.0em Arial, Helvetica, sans-serif;
}

#articlelistcontainer a
{
display: block;
padding: 0;
width: 530px;
height: 10 px;
background-color: none;
border-bottom: 1px solid #e2e2e2;
}

#articlelistcontainer a:link, #articlelist a:visited
{
color: #777777;
text-decoration: none;
}

#articlelistcontainer a:hover
{
background-color: #ededed;
color: #777777;
}

/*-----article list-----*/





/* Topic list in blogazine */
	.commlistbox h4 {
		font: 12px "Lucida Grande", "Verdana", sans-serif;
		padding: 5px 0 5px 23px;
		background: #ddd;
		_background: #ddd !important;
		_padding-top: 2px !important;
		margin: 0 0;
		border-top: 1px dotted #bbb;
		color: #333; }
	
	.commlistbox ul {
		list-style: none;
		height: 15px;
		overflow: hidden;
		background: none ;   /*#1a1a1a*/
		padding: 0 0 5px 5px;
		margin: 2px 0 0 0; }

		.commlistbox ul li {
			float: left;
			padding: 0;
			margin: 0 0 0 0;
			width: 110px; }
			
			.commlistbox ul li a {
				display: block;
				width: 100px;
				height: 1.8em;
				color:none;
				padding: 0 5px;
				font: 11px/1em "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
				text-decoration: none; }

				.bottom ul li a {
					color: #999999; }

				.bottom ul li a:hover {
					background:  none;
					color: #333333;
					text-decoration: underline ; }

/* member */
	.memberbox h4 {
		font: 12px "Lucida Grande", "Verdana", sans-serif;
		padding: 5px 0 5px 23px;
		background: #ddd;
		_background: #ddd !important;
		_padding-top: 2px !important;
		margin: 0 0;
		border-top: 1px dotted #bbb;
		color: #333; }
	
	.memberbox ul {
		list-style: none;
		overflow: hidden;
		background: none ;   /*#1a1a1a*/
		padding: 0 0 5px 0;
		margin: 0 0 0 0; }

		.memberbox ul li {
			float: left;
			padding: 0;
			margin: 0 0 0 0;
			width: 260px; }
			
			.memberbox ul li a {
				display: block;
				width: 260px;
				height: 1.8em;
				color:none;
				padding: 0 ;
				font: 11px/1em "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
				text-decoration: none; }

				.bottom2 ul li a {
					color: #B3C65C; }

				.bottom2 ul li a:hover {
					background:  none;
					color: #333333;
					text-decoration: underline ; }

/* Topic list in about */
	.topicbox h4 {
		font: 12px "Lucida Grande", "Verdana", sans-serif;
		padding: 5px 0 5px 23px;
		background: #ddd;
		_background: #ddd !important;
		_padding-top: 2px !important;
		margin: 0 0;
		border-top: 1px dotted #bbb;
		color: #333; }
	
	.topicbox ul {
		list-style: none;
		overflow: hidden;
		background: ;   /*#1a1a1a*/
		padding: 6px 0 0 10px;
		margin: 0 0 20px 0; }

		.topicbox ul li {
			float: left;
			padding: 0;
			margin: 0 13px 0 0;
			width: 500px; }
			
			.topicbox ul li a {
				display: block;
				width: 500px;
				height: ;
				padding: 0 5px;
				color: #666666;
				font: 1.2em "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
				text-decoration: none; }

		        .topicbox  ul li a:hover {
					background: ;
					color: #666666;
					text-decoration: underline; }



/*-----general hyperlinks-----*/

a, a:visited {
  color: #B05255;
  text-decoration: none;
}

a:hover {
  color: #B05255;
  text-decoration: underline;
}

p a:hover, ul a:hover {
  background-color: none;
}

#content p a:hover, #content ul a:hover {
  background-color: none;
}

/*-----general hyperlinks-----*/



/*-----footer-----*/

#footer {
  clear: both;
  display: block;
  background: #000000;
  text-align: center;
  margin: 30px 0 0 0;
  padding: 50px 0 30px 0;
}
* html #footer {
  margin-top: 18px;
  position: relative;
  left: 7px;
}
#footer-top {
  display: block;
  background: url(http://www.annefriday.com/themes/site_themes/white/bkfootertop.gif) top left repeat-x;
}
#footer p {
  color: #444444;
  padding: 30px 37px 7px 37px;
}
#footer a, #footer a:visited {
  color: #555555;
}

/*whiteboxes on footer*/
.whitebox { 
	float: left;
	padding: 0 2% 15px 0;
	width: 30%;
	z-index: 1;}	
	.b2 {width: 35%; }
	.b3 {width: 25%;}
			}

/* Formatting Buttons ------------------------------------------------------ */ 

.buttonMode { 
background-color: transparent; color: #73769D; 
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; 
font-size: 10px; white-space: nowrap;
 } 

.htmlButtonOutter, .htmlButtonOutterL {
background-color: #f6f6f6; 
border-bottom: #333 1px solid;
border-right: #333 1px solid; 
border-top: #333 1px solid; 
padding: 0; 
} 

.htmlButtonOutterL { 
border-left: #333 1px solid; 
} 

.htmlButtonInner { 
background-color: transparent; 
border-bottom: #ccc 1px solid; 
border-left: #fff 1px solid; 
border-right: #ccc 1px solid; 
border-top: #fff 1px solid; 
padding: 0 3px 0 3px; 
text-align: center; 
} 

.htmlButtonOff { 
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif; 
font-size: 11px; 
font-weight: bold; 
padding: 1px 2px 2px 2px; 
white-space: nowrap; 
} 

.htmlButtonOff a:link { 
color: #000; text-decoration: none; 
white-space: nowrap; 
} 

.htmlButtonOff a:visited { 
text-decoration: none; 
} 

.htmlButtonOff a:active { 
color: #999; text-decoration: none; 
} 

.htmlButtonOff a:hover {
color: #999; text-decoration: none; 
} 

.htmlButtonOn { 
background: #f6f6f6; 
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif; 
font-size: 11px; 
font-weight: bold; padding: 1px 2px 2px 2px; white-space: nowrap; 
} 

.htmlButtonOn a:link { 
color: #990000; text-decoration: none; 
white-space: nowrap; 
} 

.htmlButtonOn a:visited { 
text-decoration: none; 
} 

.htmlButtonOn a:active { 
color: #999; text-decoration: none; 
} 

.htmlButtonOn a:hover { 
color: #999; text-decoration: none; 
} 

.htmlButtonA { 
font-family: Lucida Grande, Verdana, Geneva, Sans-serif; 
font-size: 11px; 
font-weight: bold; 
padding: 2px 3px 3px 3px; 
white-space: nowrap; 
} 

.htmlButtonB { 
background: #E1E3EC; 
font-family: Lucida Grande, Verdana, Geneva, Sans-serif; 
font-size: 11px; 
font-weight: bold; 
padding: 2px 3px 3px 3px; white-space: nowrap; 
} 

.htmlButtonA a:link { 
color: #000; 
font-weight: bold; 
text-decoration: none; white-space: nowrap; 
} 

.htmlButtonA a:visited { 
text-decoration: none; 
} 

.htmlButtonA a:active { 
color: #999; 
text-decoration: none; 
} 

.htmlButtonA a:hover { 
color: #999; text-decoration: none; 
} 

.htmlButtonB a:link { 
color: #990000; 
font-weight: bold; 
text-decoration: none; 
white-space: nowrap; 
} 

.htmlButtonB a:visited { 
text-decoration: none; 
} 

.htmlButtonB a:active { 
color: #999; 
text-decoration: none; 
} 

.htmlButtonB a:hover { 
color: #999; 
text-decoration: none; 
}