/* pepetech portfolio *************************************************************************************/
/* http://www.electronation.hu ****************************************************************************/

/******************************************************************************************************/
/* STYLE **********************************************************************************************/
/******************************************************************************************************/
a { color: #666666; text-decoration: none; }
a:hover { color: #316199; }
#top_menu ul { margin: 0px; padding: 0px 0px 0px 150px; list-style: none;  }
#top_menu li { width: 150px; font-size: 14px; padding: 0px 0px 0px 2px; float: left; }
#top_menu li a { width: 150px; text-align: center; color: #316199; text-decoration: none; background: url('img/gomb.png'); display: block; padding: 18px 0px 15px 0px;}
#top_menu li a:hover { width: 150px; color: #316199; text-decoration: none; background: url('img/gomb_hover.png'); display: block; padding: 18px 0px 15px 0px; }
#content { font: 15px Georgia, "Times New Roman", Times, serif; color: #666666; }
#content a { color: #133551; text-decoration: none; }
#content a:hover { color: #316199; }
.title{ font-size: 25px; color: #133551; margin: 0; }
.more{ height: 15px; width: 280px; background-image: url('img/more_300px.png'); padding: 3px 0px 0px 20px; }
#footer p { color: #ffffff; padding-top: 7px; }
#footer p a { color: #ffffff; text-decoration: none; }
#footer p a:hover { color: #316199;	border-bottom: dashed 1px #316199; text-decoration: none; }

form.search { padding: 0; margin: 0; }
textarea.text { height: 150px; width: 90%; border: 1px solid #ccc; background: #fff; }
textarea.text:hover { border: 1px solid #eee; background: #FFFFF4; }
input.field { border: 1px solid #ccc; background: #fff; width: 200px; }
input.field:hover { border: 1px solid #eee; background: #FFFFF4; }

input.text { margin: 0; width: 88px; border: 1px solid #666666; background: #FFF; }
input.text:hover { border: 1px solid #81C4EB; }
input.button { margin: 0; font-size: 100%; font-family: Arial; border: none; background: none; color: #808080; font-weight: bold; }
.date { color: #666666; text-align: right; margin: 4px 0 5px 0; padding: 0.4em 0 0 0; background: url('img/dotted.gif') repeat-x top; }
div.image { padding: 1px; float: left; margin: 0 8px 0 0; }
.comments { padding: 10px 10px 8px 10px; margin: 0 0 10px 0; background: #f8f8f8; }
.commentsbox { padding: 8px 0 10px 10px; margin: 0 0 10px 0; background: #f4f4f4; }