/* 
Theme Name: Stardonic
Version: 0.1
Description: Generic Three Column Stardonic.
Author: Stardonic
Author URI: http:/www.stardonic.com
*/

/* First things first */
* {
   margin:0; 
   padding:0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
   font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	background: #3e6f87 url('images/bg.png') repeat-x;
 	color:#333;  	 	
}


/* General Typography */

p {
	margin: 0.5em 0px 0.7em;
	line-height:1.6em;
}

abbr, acronym {
	border-bottom: 1px dotted;
}

abbr[title]
{
	cursor:help;
}

img,
img a
{
   border: none;
}

img.right 
{
	float:right;
	padding: 5px;
}
img.left 
{
	float:left;
	padding: 5px;
}

/* Headings */
h2,h3 {
   background-color: transparent;
	font-size: 1.5em;
	color: #666;
	padding: 3px 0;
	margin: 0;
	font-family: 'Frutiger Linotype', 'Lucida Grande', 'Trebuchet MS', sans-serif;	
	font-weight:normal;
}

/* Page Layout */

#wrapper {  /* This encloses the whole page */
	margin: 0 auto 30px auto;
	padding:0 10px 0 0;
	background: url('images/wrapper-bg.png') repeat-y;
	width: 780px;
	}
	
#wrapper-bottom{  /* This encloses the whole page */
	clear:both;
	width: 780px;
	height:20px;
	background: #ffffff url('images/wrapper-bottom-bg.png') no-repeat;
	color: inherit;
	}
	
	
#header { /* This is, um.. the header. */
	width: 100%;
	height: 280px;
	background: #3e6f87 url(images/banner.jpg) no-repeat top left;
	margin: 0 auto;
	padding: 0;	
	}	
	
/* It's the content, dummy! */
#content {
  	float:left;
  	padding:0 0 0 0;
	margin:0;
	width: 570px;
	background:#ffffff;
	font-size: 1em;
   clear:left;
        overflow:hide;
	}
	
#content img,
#content a img
{
   margin: 2px;
   border: 1px dotted #ccc;
}

#content a img
{
   border: 1px dotted #3e6f87;
}		

/* Primary Sidebar */
#primary {
	float: left; 
	width: 190px;
	padding: 0 5px 0 5px;
	overflow:hidden;
	}

/* Secondary Sidebar */

#secondary {
	float:left;
	padding: 0 5px 0 5px;
	margin:  0;
	width: 190px;
	overflow:hidden;

}

#footer {
	clear: both;
	background: #ffffff url('images/container-bg-bottom.png') no-repeat right bottom;
	color: #ddd;
	font-size: 0.9em;		
	padding:0;	
	width:100%;
	margin: 0;
	height: 100%;
	text-align: center;
}

/* Start Filling in the sections one by one */

/*********** Header Content *******************/

/* Since we got a banner, we wont display the header title and description */
#header h1,
#header h1 a,
#header h1 a:visited,
#header h1 a:hover
 {
   display: none;
   font-family: 'Century Gothic',Verdana, Arial, Sans-Serif;
   font-size: 60px;
   text-transform:lowercase;
   clear:both;
   text-decoration:none;
   color: #bf1f41;
   font-weight:bold;
   position: relative;
   left: 0px;
   top: 70px;
   }
   

#header h4 {
   display:none;
}

  
/* Navigation Using Son of SuckerFish Menus */

#navigation 
{
	margin: 0;
	padding:0 20px 0 0;
	background-color: #ffc71e;
	border-bottom: solid 2px #ffc71e;
	height: 25px;
	width: 400px;

}

#menu { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-variant:small-caps;
	font-family:'Frutiger Linotype', 'Lucida Grande', 'Trebuchet MS', sans-serif;	
	font-weight:bold;
	text-align:left;	
	font-size:1.2em;
	color: #fff;
}
#menu h2
{
   font-size:1em;
}

#menu ul
{
   padding: 0;
	margin: 0;
	list-style: none;
}

.dropdown-title,
.dropdown-title :hover
{
   display: block;
	width: 80px;
	color: #fff;
	font-size:1.2em;
   cursor:pointer;
   font-variant:small-caps;
	font-family:'Frutiger Linotype', 'Lucida Grande', 'Trebuchet MS', sans-serif;	
	font-weight:bold;
	text-align:center;	
	padding:0;
	margin:0;
}

#page-list
{
   display:inline;
   padding: 0;
	margin: 0;
	text-align:left;
}
	

#page-list li.current_page_item,
#page-list li.current_page_item a:link, 
#page-list li.current_page_item a:visited, 
#page-list li.current_page_item a:hover, 
#page-list li.current_page_item a:active
{
	color:#222;
	background-color:transparent;
	cursor: default;
}
   

   
#menu a,
#menu a:visited,
#menu a:hover
 {
	display: block;
	color: #fff;
	text-decoration:none;
	width: 80px;
}

#menu a:hover
{
   background: #bf1f41;
}

#menu li { /* all list items */
	float: left;
	width: 80px; /* width needed or else Opera goes nuts */
}

#menu li ul { /* second-level lists */
	position: absolute;
	background: #bf1f41;
	width: 90px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-size:12px;
}

#menu li ul a{ /* second-level lists */
	width: 90px;
}



#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}




	
/* Feed Icon */

div .feed
{
	background:url(images/feed.gif) no-repeat left center;
	position: relative;
	top: 60px;
	left: 15px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	display:none;
}




   

   

/*********** Post Content *******************/

.post 
{
	margin: 0 0 10px 10px;
	padding: 0;	
}

/* Post Edit Link */
.entry-editlink img
{
  border: none;
  padding:0;
  margin:0;
}

#nav-above
{
   display: block;
   background-color: #f0f0f0;
   font: 1.1em  Verdana, Arial, sans-serif;
}

#nav-above a
{
   color: #3371A3;
   background-color: transparent;
   
}

#nav-above a:hover
{
   color: #fff;
   background-color: #3371A3;
}

.nav-previous
{
   float:left;
}

.nav-next
{
   float:right;
}

.entry-author
{
   display:none;
}

.alert
{
   background: #fffde3;
   border: 1px solid black;
   padding: 2px;
}

#content h2
{
   display:block;
   clear:both;
   font-size: 2em;
   color: #333;
   padding: 20px 0px 10px 5px;
   font-variant:small-caps;
  }

#content h2 a,
#content h2 a:visited,
#content h2 a:hover
{
   color: #3371A3;
   text-decoration:none;
}

#content h2 a:hover
{
   color: #fff;
   background: #3371A3;
}


#content blockquote{
	padding: 5px 0px 5px 60px;
	background:  url('images/quote.png') no-repeat top left;*/
	/* border-left: 3px solid #bf1f41 */;
	color:#222;
}

/* Bullet Lists */
#content ul 
{
	list-style:none;
}

#content ul li 
{
	list-style-image:url(images/bullet.gif);
	padding:3px 0;	
	margin:0 1em;
}


.entry-date
{
   display: block;
   clear:both;
   padding: 10px 0 0 0;
}

.entry-content {
	padding:10px 10px 2px 10px;
	font-size: 1em; 
	font-family: Verdana, Arial, sans-serif; 
	color: #222;	
}

.entry-content a,
.entry-content a:visited
{
   color: #3e6f87;
   text-decoration:none;
}

.entry-content a:hover
{
   background: #3e6f87;
   color: #ffffff;
}
   
.entry-meta
{
   background: url('images/meta-bg.png');
   border-bottom: 10px solid #e5e5e5;
   border-top: 1px solid #e5e5e5;
   padding: 20px;
   font-size: 0.8em;
   text-align: right;
}

.entry-meta a,
.entry-meta a:hover,
.entry-meta a:visited
{
   color: #333;
   text-decoration:none;
   font-variant:small-caps;
}

.entry-meta a:hover
{
   text-decoration:underline;
}

.more-link
{
   font-variant: small-caps;
   font-size: 0.9em;
}

/* What's a blog without the comments */

/*Trackback */
#comment-meta-links {
	border: 1px dotted #ccc;
	margin: 20px 10px 10px 10px;
	padding: 10px;
	text-align: left;
	height: 30px;
	}
	
.trackback-url
{
   float:left;
   text-align:left;
}

.comments-rss-feed
{
   float:right;
   text-align:right;
}
   

/* Comment headers */

.comment-title, #respond{
   color: #333;
   display:block;
   clear:both;
   font-size: 1.5em;
   color: #333;
   padding: 20px 0px 10px 5px;
   font-variant:small-caps;
 }
 #comments
 {
   display:inline;
}
 

#commentform 
{
	margin:10px;
	padding:10px;
}
.counter
{
   float:left;
   
}


/*--------------------------- 'Comment Edit' Buttons ------------------------ */
#ed_toolbar {
 padding-left: 5px;
}


#ed_bold {
 background: url(images/bold.gif) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
 cursor:pointer;
}


#ed_italic {
 background: url(images/italic.gif) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
 margin-left: 5px;
 cursor:pointer;
}


#ed_link {
 background: url(images/link.gif) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
 margin-left: 5px;
 cursor:pointer;
}


#ed_close{
 background: url(images/close.gif) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
 margin-left: 25px;
 cursor:pointer;
}

   

.commentlist {
	margin: 0 1em;
	padding: 0;
}
.commentlist li 
{
	list-style:none;
	margin: 1em 0;
	padding: 0.5em;	
	background:#eeeee9;
}
.commentlist li.alt 
{
    background:#f4f4f4;
}

.commentlist li .comment-meta 
{
	font-size:1em;	
	border-bottom: #ddd 1px solid;
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
.commentlist li .comment-meta em 
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
.nocomments 
{
	padding-left:10px;
}

fieldset{
	border: none;
}

.field label{
	display: block;
}

textarea{
	width: 90%;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f0f0f0;
}

input{
	border: 1px solid #ccc;	
	background:#f0f0f0;
}
























   
/*********** Now on to the sidebars *********/

.sidebar
{
   font-size: 0.9em;
}
   
.sidebar ul
{
	list-style: none;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 20px;
}

.sidebar li 
{
	margin:0;
	padding:0;
	
}

.sidebar ul li ul
{
	list-style: none;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 0;
}




/* h3 is for sidebar titles */
.sidebar h2
{
	font-size: 1.1em;	
	color: #404040;	
	text-transform: uppercase;	
	font-weight:bold;
	padding: 5px;
	
}


.sidebar ul li
{
  list-style:none;
  width: 190px;
  padding-bottom:10px;
  margin: 0;
  margin-bottom: 10px;
 
}

.sidebar ul li ul li 
{
  background:none;
  display: block;
  width: 188px;
  list-style:none;
  width:auto;
  padding:0px;
  margin: 5px;
  border: none;
  font-variant: small-caps;
  font-weight:bold;
  border-bottom:1px solid #ccc;
}

.sidebar ul li ul li a,
.sidebar ul li ul li a:visited
{
  display:block;
  color: #3371A3;
  text-decoration:none;
  background-image:none;	
}

.sidebar ul li ul li a:hover
{
  background: #3371A3;
  background-image:none;
  color: #fff;
  text-decoration:none;
}

 

/* Primary Sidebar contents */

.left-sidebar-box,
.right-sidebar-box,
#linkcat-1,
#linkcat-2
{
    background: #fffde3 url('images/sidebar-top.png') no-repeat top left;
    margin-bottom: 20px;
}


#primary img
{
   clear:both;
   border:0;
}

/* Feedburner Email Form And Search Form*/
#email-subscribe p
{
   padding: 5px;
   font-size: 0.8em;
}

#email-subscribe-form,
#searchform
{
  padding: 0;
  margin: 0;
}

#email-subscribe-textbox,
#s

 {
  width: 158px;
  height: 15px;
  border: 1px solid #e36f87;
  background: transparent;
  font-size: 10px;
  padding: 0;
  margin: 5px 14px 5px 14px;
  color: #666; 
 }
 
 #email-subscribe-button{
  width: 84px;
  height: 29px;
  border: none;
  margin: 10px 52px 10px 52px;
  padding: 0;
  display: block;
  background: url('images/button_submit.gif');
  background-position:left;
}

#email-subscribe-button:hover {
  background-position:right;
}

#searchsubmit {
   display: none;
   }

#chicklet-links li a:hover
{
   background-color: transparent;
   color: #3371A3;
   text-decoration:none;
}

#chicklet-links img
{
   clear:both;
   border:0;
   margin-bottom:2px;
}




/* And on to the footer now */

#footer
{
   border-top: 1px dotted #333;
   text-align: center;
   color: #333;
}

#footer strong 
{
	color:#333;
	font-size:1.4em;
}



#footer a 
{
	color:#ddd;		
	text-decoration:none;
}

#footer a:hover
{
	color:#fff;	
	background:#bf1f41;	
}
