/*  
Theme Name: GO_ONLINE by emotions.hu
Theme URI: http://emotions.hu/
Description: Default design template for 1024x768px
Version: 1.0
Author: Oszkar Horvath, Attila Bacso
Author URI: http://emotions.hu
*/

/* MAIN CONSTRUCTOR LAYOUT */

#page {				width:1000px; }
#top {				width: 1000px; }
#header {			height:180px; }
#logo {				margin:0 0 0 20px; }
#logolink  { 		width:230px; height:85px; }
#menu1 { 			height:30px; }
#menu2 { 			height:26px; width:600px;}
#content { 			width: 1000px; }
#left {				width: 758px; }
.post {				width: 727px; padding: 15px 10px 0 20px; }
#sidebar { 			width: 205px; margin: 0;}
#quote {				width: 300px; height: 60px; margin: 25px 0 0 0; }
#login {				width: 430px; height: 61px; margin: 18px 0 0 8px; }

/* CONSTRUCTION BACKGROUNDS */

body { 		background: #e2f0d1 url(images/bg-body.gif) repeat-x top left; }
#page {		background: url(images/bg-content.gif) repeat-y top center; margin:0 0 0 0; } /* Balra */
#top {		background: url(images/bg-top.gif) no-repeat center top; margin:0 0 0 0; padding:0; } /* Balra */
#left {		background: url(images/bg-left.gif) no-repeat left top; float: left; }
#sidebar {	background: url(images/bg-right.gif) no-repeat left top; }
#logo {		background: url(images/logo.gif) no-repeat top left; float: left; }
#logolink { display:block; }
#quote { 	float: left; }
#login { 	float: left; }
#footer {	background: url(images/bg-footer.gif) no-repeat top left; float: left; }

/* LOGIN / GOOGLE */

@import url(http://www.google.com/cse/api/branding.css);
.cse-branding-bottom {
	width:438px;
}

#login {
	padding:6px 0 0 8px;
}

/* MAIN COLORS */

body {		color: #333; }
h1, h2, h3 {	color: #21759b; }

a {			color: #21759b; text-decoration: underline; }
a:hover {	text-decoration: none; }

/* HEADER COLORS */

#header h1, #header h2 {	color: #fff; }
#header a {				color: #fff; }

/* MENU COLORS */

#menu1 {
  position: relative;
  margin:0;
  height:30px;
  top:10px;
  clear: left;
}

#menu2 {
  clear:both;
  position: relative;
  margin:0 50px 0 0;
  height:26px;
  top:10px;
  float:right;
}

#menu1 ul, #menu2 ul {
	padding: 0;
	bottom: 0;
	left: 0;
	display: block;
	position: relative;	
}

#menu1 ul {
	margin: 0 auto;
}

#menu2 ul {
	margin: 0 40px 0 0;
	float: right;
}


#menu1 ul {	height: 30px; }
#menu2 ul {	height: 26px; }

#menu1 ul li, #menu2 ul li {	float: left; }

#menu1 ul li.page_item, #menu1 ul li.cat-item {
  height: 30px;
  background: url('images/menu1.gif') top left no-repeat;  
}

#menu2 ul li.page_item, #menu2 ul li.cat-item {
  height: 26px;
  background: url('images/menu2.gif') top left no-repeat;  
}

#menu1 ul li.page-item-2 {	background-position: 0px 0px;		width: 447px; }
#menu1 ul li.page-item-5 {	background-position: -447px 0px;	width: 120px; }
#menu1 ul li.page-item-7 {	background-position: -567px 0px; 	width: 115px; }
#menu1 ul li.page-item-26 {	background-position: -682px 0px; 	width: 44px; }
#menu1 ul li.cat-item-1 {	background-position: -682px 0px; 	width: 44px; }
#menu1 ul li.page-item-9 {	background-position: -725px 0px; 	width: 98px; }
#menu1 ul li.page-item-11 {	background-position: -823px 0px; 	width: 76px; }

#menu1 ul li:hover.page-item-2, #menu1 ul li.page-item-2.current_page_item {	background-position: 0px -30px; }
#menu1 ul li:hover.page-item-5, #menu1 ul li.page-item-5.current_page_item  {	background-position: -447px -30px; }
#menu1 ul li:hover.page-item-7, #menu1 ul li.page-item-7.current_page_item {	background-position: -567px -30px; }
#menu1 ul li:hover.page-item-26, #menu1 ul li.page-item-26.current_page_item {		background-position: -682px -30px; }
#menu1 ul li:hover.cat-item-1, #menu1 ul li.cat-item-1.current_cat_item {		background-position: -682px -30px; }
#menu1 ul li:hover.page-item-9, #menu1 ul li.page-item-9.current_page_item {	background-position: -725px -30px; }
#menu1 ul li:hover.page-item-11, #menu1 ul li.page-item-11.current_page_item {	background-position: -823px -30px; }

#menu2 ul li.page-item-13 {	background-position: -59px 0px;		width: 106px; }
#menu2 ul li.page-item-16 {	background-position: -78px 0px;		width: 161px; }
#menu2 ul li.page-item-18 {	background-position: -240px 0px;	width: 79px; }
#menu2 ul li.page-item-20 {	background-position: -319px 0px;	width: 98px; }
#menu2 ul li.page-item-22 {	background-position: -419px 0px;	width: 94px; }
#menu2 ul li.page-item-24 {	background-position: -515px 0px;	width: 106px; }

#menu2 ul li:hover.page-item-13, #menu2 ul li.page-item-13.current_page_item {	background-position: -59px -26px; }
#menu2 ul li:hover.page-item-16, #menu2 ul li.page-item-16.current_page_item {	background-position: -78px -26px; }
#menu2 ul li:hover.page-item-18, #menu2 ul li.page-item-18.current_page_item {	background-position: -240px -26px; }
#menu2 ul li:hover.page-item-20, #menu2 ul li.page-item-20.current_page_item {	background-position: -319px -26px; }
#menu2 ul li:hover.page-item-22, #menu2 ul li.page-item-22.current_page_item {	background-position: -419px -26px; }
#menu2 ul li:hover.page-item-24, #menu2 ul li.page-item-24.current_page_item {	background-position: -515px -26px; }


#menu1 ul li a { display: block; width: 100%; height: 30px; }
#menu2 ul li a { display: block; width: 100%; height: 26px; }
#menu1:hover ul li, #menu2:hover ul li { display: block; }
#menu1 .page_item, #menu1 .cat-item, #menu2 .page_item, #menu2 .cat-item { overflow: hidden; }
#menu1 .page_item span, #menu1 .cat-item span, #menu2 .page_item span, #menu2 .cat-item span { display: none; }
#menu1 .current_page_item a, #menu1 .page_item a:hover, #menu2 .current_page_item a, #menu2 .page_item a:hover { color: #fff; }


/* STYLE */

body {
	font-family: Arial, sans-serif;
	margin: 0;	padding: 0;
	font-size: 14px;
}

h1, h2 {
	margin: 0;
	font-weight: bold;
}

h3 {
	margin: 0 0 6px 0;
	font-weight: bold;
}

h1 {
	letter-spacing: -1px;
	font-size: 38px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 16px;
}

p, ul, ol {
	margin: 0 0 1.5em 0;
	line-height: 1.3em;
}

p {
}

hr {
	display: none;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: left;
	margin: 0 0 0 15px;
}

/* Header */

#header h1, #header h2 {
	float: left;
	left: -3000px;
	position:absolute;
}

#header h1 {
	font-weight: bold;
}

#header #quote h1 {
	left: 0;
	position: relative;
	font-size:14px;
	color: #005080;
	font-family: "MS Georgia", "Times New Roman";
	letter-spacing:0.02em;
}

#header h2 {
	padding: 0 0 0 200px;
	font-size: 10px;
	font-weight: normal;
	text-transform:uppercase;
	letter-spacing:0.01em;
}

#header a {
	text-decoration: none;
}

/* Page */

#content {
	margin:0 0 0 0; /* Balra */
}

/* Navigation */

.navigation {
	padding: 10px 30px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* Posts */

.post {
}

.post ul, .post ol {
	margin-left: 15px;
	padding-left: 0;
	list-style-position: inside;
}

.post .title {
	padding: 0 0 0 12px;
	width:650px;
}

.post .title.nodate {
	width:730px;
}


.post .titlespace {
	margin-bottom:15px;
}

.post .title a {
	text-decoration: none;
	color: #21759b;
}

.post .title a:hover {
	color: #a0ce67;
}

.post .date {
	margin: -26px 25px 15px 0;
	text-align: right;
	color: #79AFCD;
	font-size:12px;
	font-weight:normal;
}

.post .entry {
	padding: 12px 20px 0 12px;
}

.post .meta b {
	display: none;
}

.post .meta p {
	margin:0 0 0 16px;
}

.post .more, .post .comments {
	padding: 0 30px 0 20px;
	margin-left:13px;
}

a.more, a.comments {
	color:#005080;
}

.post .more {
	background: url(images/ico-readfull.gif) no-repeat left center;
}

.post .comments {
	background: url(images/ico-comments.gif) no-repeat left center;
}

.result {
}

.result .title {
	font-size: 18px;
}

.post img {
	/* ll:6px #eef8ff solid; */
}

.post .alignleft img {
	padding:0 16px 4 0;
}

.post .alignright img {
	padding:0 0 4px 16px;
}

p.wp-caption-text {
	background-color:#a0ce67;
	padding:2px 8px 4px 8px;
	font-size:11px;
	color:#fff;
	margin:0 10px 0 0;
}

/* Comments */

#comments {
}

#comment {
	width: 600px;
}

/* Sidebar */

#sidebar {
	float: left;
	margin:0 22px 0 15px;
}

#sidebar ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

#sidebar li {
	padding: 5px 0 5px 0;
}
#sidebar p {
	padding: 5px 10px 5px 10px;
}

#sidebar li ul {
	width: auto;
	padding: 0 15px 0 10px;
}

#sidebar li li {
	padding: 5px 0 5px 10px;
}

#sidebar li li.first {
	padding-top: 0;
	background: none;
}

#sidebar h2 {
	font-size: 16px;
	padding: 20px 0 15px 10px;
}

/* Sidebar Search */

#search { padding: 25px 0 5px 0; }
#search input { color: #333; }
#search br { display: none; }
#search #s { width: 80px; }

/* Calendar */

#calendar {}
#calendar caption { width: 100%; }
#calendar table {	margin: 0 auto;	text-align: center; }
#calendar tbody td { padding: 0 5px; text-align: center; }
#next { text-align: right; }
#prev { text-align: left; }

/* Footer */

#footer {
	margin:0 0 0 0; /* Balra */
	padding:30px 0 0 0;
	width: 1000px;
	height:30px;
	color:#3e7c9b;
	font-size:10px;
}

#footer p {
	margin: 0;
	text-align: center;
	color: #3e7c9b;
}

#footer a { color: #3e7c9b; text-decoration:none; font-size: 11px; }
#footer a:hover { color: #80c040; text-decoration:underline; }

#footerleft {
	margin-left:25px;
	width:730px;
	float:left;
	text-align:center;
}
#footerright {
	margin-right:20px;
	min-width:140px;
	min-height:40px;
	float:right;
}
#footerright img {
	padding:0;
	margin:0;
	border:0;
}

#footer ul { padding:0; margin:0; width:800px; }
#footer li { list-style-type:none; float:left; }