/* CSS layout */
* { margin:0; padding:0; }

body{height:100%;
background:#f5f5f5;
margin-top:10px;
margin-bottom:10px;}

body, th, td, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #404040;
}

h1, h2, h3, h4, h5, h6 {

margin-top: 0px;

font-family: Georgia,"Times New Roman",Times,serif;

color: #626456;

}

 a 

{

text-decoration: none;
color: #000099;

}
a:hover 
{
text-decoration: underline;
color: red;
}

#topcontainer {
	background: white;
	text-align: left;
	margin: 0px auto;
	position: relative;
	/* The entire template's width is set in this class. */
	width: 80%;
	border:1px solid #CFDB4B;
	}

#masthead {
/*background-color:#f5f5f5;*/
background-color:white;
}

#container {
	position: relative;
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
}

#page_content {
	padding: 0;
	width:100%;
}

#maincontent {
width:74%;
float: left;
background:#fff;
padding:0;
}

	#mainright {
		width:25%;
		float:left;
		background:#fff;
		padding:0;
		border-left:1px solid #CCC;
		}
	
	#maincenter {
		border-left:1px solid #CCC;
		width:49.8%;
		float:left;
		background:#fff;
		padding:0;
		}
	
	#mainleft {
		width:25%;
		float:left;
		background:#fff;
		padding:0;
		}
		
	.columnholder {
	width: 96%;
	margin: 0px auto;
	margin-top: 5px;
	position: relative;
}

div.hr {
  height: 4px;
  background: #fff url(images/horizborder.gif) repeat-x scroll center;
}
div.hr hr {
  display: none;
}


#footer {
position:relative;
clear:both;
background-color:#f5f5f5;
border-top:1px solid #CFDB4B;
padding:3px;
}

.smalltxt {
	font-size: 8pt;
	
}

.class1 A:link {text-decoration: none; font-size:10pt; color: #000099;}
.class1 A:visited {text-decoration: none; font-size:10pt; color: #000099;}
.class1 A:active {text-decoration: none; font-size:10pt; color: #000099;}
.class1 A:hover {text-decoration: underline; color: red; font-size:10pt;}

.class2 A:link {text-decoration: none; font-size:1.2em; color: #000099;}
.class2 A:visited {text-decoration: none; font-size:1.2em; color: #000099;}
.class2 A:active {text-decoration: none; font-size:1.2em; color: #000099;}
.class2 A:hover {text-decoration: underline; color: red; font-size:1.2em;}

#blogleft {
width: 35%;
float:left;
padding-right:5px;
}

#blogcenter {
width: 35%;
float:left;
		border-left:1px solid #CCC;
		padding-left:5px;
		padding-right:5px;
}


.box {
margin-bottom:10px;
padding-bottom:3px;
float:left;
width:100%;
border:1px solid #E3E3E3;
}

.boxheader {
width:100%;

	background-color: #E3E3E3;
	font-family: Georgia, "Microsoft Sans Serif", Times, serif;
}

.boxcontent {
width:100%;

}

.boxfooter {
width:100%;
background-color:#f5f5f5; 
}

#navholder {
width:100%;
background-color:white;
border-bottom:1px solid #CFDB4B;
	
}

#tabnav1
	{
		
		height: 20px;
		margin: 0;
		padding-left: 10px;
		/*background: url(../images/tab_bottom.gif) repeat-x bottom;*/
		padding-bottom: 3px;
	}

#tabnav1 li
	{
 
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav1 a
	{
		float: left;
		background: #f3f3f3;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
	}

#tabnav1 a.current
	{
		/*border-bottom: 1px solid #fff;*/
		background: #fff;
		color: #000;
		
	}

#tabnav1 a:hover
	{
		background: #fff;
	}

.artholder {
width:100%;
float:left;
}

.artholderindy {
width:100%;
margin-bottom:8px;

}

.arttxtholder {
width:100%;
margin-right:40px;
}

.voteholder{
 text-align:center;
padding:2px;
float:right;
}

.voteoutput {
 font-size:8pt;
 line-height:13px;
 font-weight:bold;
}

.voteiconholder {
padding:2px;
width:37px;
float:left;
}
	
.sharebar {
width:100%;
background-color:#f5f5f5;
clear:both;
text-align:right;
padding:1px;
}

#shareheader {
float:left;
background-color:white;
border: 0;
}

#mailshareholder {
width:90%;
margin-right:5%;
margin-left:5%;
margin-top:3px;
border:1px solid #CFDB4B;
background-color:white;
padding:5px;
}

#mailshareheader {
width:100%;
border-bottom:1px solid #CFDB4B;
background-color:white;
}

#mailsharebody {
width:100%;
background-color:white;
}

.comments {
width:100%;
float:left;
text-align:left;
display:none;
background-color:white;
}

.addcomment {
clear:both;
text-align:left;
display:none;
background-color:white;
}

.orangelink  a {
color:#FE6A00;
text-decoration: none;
}

.orangelink a:hover {
text-decoration: underline;
}

.addtaglnk {
display:inline;
}

.addtag {
width:100%;
float:left;
text-align:left;
display:none;
background-color:white;
}

.tagholder {
display:inline;
}

.cloudholder {
width:100%;
padding-bottom:5px;
}

.cloudlink  a {
color:#ffffff;
text-decoration: none;
}

.cloudlink a:hover {
text-decoration: underline;
}

.tagcloud{display:block}
.tagcloud *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FE6A00}
.tagcloud1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #febe91;
  border-right:1px solid #febe91;
  background:#fe8f3f}
.tagcloud2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fef0e5;
  border-right:1px solid #fef0e5;
  background:#fe8630}
.tagcloud3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fe8630;
  border-right:1px solid #fe8630;}
.tagcloud4{
  border-left:1px solid #febe91;
  border-right:1px solid #febe91}
.tagcloud5{
  border-left:1px solid #fe8f3f;
  border-right:1px solid #fe8f3f}
.tagcloudfg{
  background:#FE6A00;
  padding-left:2px;
  padding-right:2px;
  }