/*
	Design-Feed.net Screen Styles
*/

/* LAYOUT
----------------------------------------------- */

body{
	margin: 0;
	padding: 0;	
	background-image: url("../images/navdropshadow.gif");
	background-repeat: repeat-x;
	background-position: 0 130px;
	height: 100%;
}

#page{
	width:770px;
	margin:0 auto;
}

#main{
	float:right;
	width:530px;
}
	
#content{
	clear:both;
	padding-top: 20px;
}

#left{
	float:left;
	width:220px;	
}
	
#logo{
	width:180px;
	height:225px;	
}

#search{
	clear:both;
	padding: 5px 5px 5px 15px;
}
	
#footer{
	background-image: url("../images/footerbg.gif");
	height: 33px;
	line-height: 33px;
	clear:both;
	font-size:10px;	
}	

	
/* top menu */
	
#header{
	height: 130px;
	border-left: 1px solid #eee;
    margin: 0;	
}

#header a {	
	text-decoration: none;
	font-weight: bold;
	font-size:9px;
	color: #01A0C7;
}
   
#header a:hover {
	color: #01A0C7;
}

#menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	text-transform: uppercase;	
}

#menu li {
	float: left;
	width: 100px;
	border-right: 1px solid #eee;	
}

#menu a {
	display: block;
	height: 50px;
	width:100px;
	line-height: 20px;
	padding: 65px 0 0;
	text-align: center;
	border-bottom: 15px solid #fff;
}

#menu a:hover{
	border-bottom: 15px solid #01A0C7;
	background-image: url("../images/navitembg.gif");
	background-color: #f5f5f5;		
}

#menu .current_page_item {
	background-image: url("../images/navitembg.gif");
	color: #EF037F;
	border-bottom: 15px solid #EF037F;
	background-color: #f5f5f5;	
}

/* TYPOGRAPHY
----------------------------------------------- */	
body{
	color: black;
	background-color: white;
	font-family: verdana, arial, sans-serif;
  	font-size: 75%;
  	line-height:1.4;
}

p {
	margin: 10px 0px;	
}

a {	
	text-decoration: none;	
	color:#EF037F;
}

h1 {
	font-size: 26px;
	margin: 14px 0 10px 0;	
}

h2 {
	font-size: 18px;	
	margin: 14px 0 10px 0;		
}

h2 a{
	color:#000;
}

.post{	
	border-bottom: 1px solid #DADADA;
	clear:both;
	overflow:hidden;
	padding-bottom: 8px;
}

.thumb{
	float:left;
	padding: 4px;
	margin: 15px 10px 0 0;
	border: 0px;
}

.details{
	color:#666;		
}

.details a {
	color:#666;
}

.details a:hover{	
	color:#000;
}

.detailsIcon {
	width:16px;
	height:16px;
	vertical-align:middle;
	padding-right:2px;
	border: 0;
}

#pageNav{
	text-align:center;
	padding: 30px;
	font-size: 16px;
	font-weight:bold;
	color:#666;	
}

#pageNav a{
	color: #EF037F;	
}

.dateSeparator{
	color:#fff;
	background-color:#01A0C7;
	padding: 0 0 0 2px;
	width:530px;
	background-image: url("../images/footerbg.gif");	
	font-size: 16px; 
	margin: 10px 0;
	font-weight:bold;
}

.innerText{
	color:#fff;
	background-color:#01A0C7;
	padding: 2px;	
}

.innerText a {
	color:#fff;
}

/* Feed List
----------------------------------------------- */	

.feed{
	border-bottom: 1px solid #DADADA;
	padding: 12px;
	clear:both;
	overflow:hidden;
}

.feedtitle{
	width:260px;
	display:block;
	float: left;
}

.feedsite{
	background-image:url("../images/site_icon.png");
	background-repeat:no-repeat;
	padding: 0 0 0 20px;	
}

.feedrss{
	background-image:url("../images/rss_icon.png");
	background-repeat:no-repeat;
	padding: 0 0 0 20px;	
}

.even{
	background-color:#E6F5FA;

}

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

.largebody{
	font-size:18px;
}

.blue {
	color: #01a0c7
}

/* Forms
----------------------------------------------- */	

.dfInput	{ 
	border:1px solid #ccc; 
	padding: 3px;
	margin: 0;
}

.dfButton{
	border: none;
	padding: 3px;
	color:#fff;
	background-color:#01A0C7;
}

.goButton{
	width:40px;
	border: none;
	padding: 3px;
	color:#fff;
	background-color:#01A0C7;
}