/*
Theme Name: Flatty
Theme URI: http://www.tuxarena.com/themes/flatty/
Description: Flatty is my second attempt at a WordPress theme, written in HTML5 and tested on WordPress 3.5.1. It has three columns and includes eight widget areas.
Author: Craciun Dan
Author URI: http://www.tuxarena.com/themes/
Version: 2.2.0
Tags: light, white, blue, three-columns, fixed-width

License: GPLv2
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme is licensed under the GPLv2, so feel free to modify and share it (but keep the same license).
*/

/******************************************************************************/
body {
  margin: 8px;
  line-height: 100%;
  //background-image: url(images/background.jpg);
  //background: #fdfdfd;
}

ul {
  margin: 4px;
}
/******************************************************************************/
#wrapper {
  width: 1234px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  font-family: Raleway, Ubuntu;
  font-size: 90%;
}

#wrapper-header {
  width: 1212px;
  padding: 10px;
	//height: 60px;
  margin-bottom: 14px;
  border: 1px solid grey;
  /*
  -moz-border-radius: 8px;
  border-radius: 8px;
  */
  background: #fff;
}

#wrapper-left {
  clear: both;
  float: left;
  margin-right: 20px;
}

#wrapper-middle {
  float: left;
  margin-right: 20px; 
}

#wrapper-right {
  float: left;
}

#wrapper-footer {
  width: 1212px;
  padding: 10px;
  text-align: center;
  font-style: italic;
  font-size: 90%;
  clear: both;
  border: 1px solid grey;
  /*
  -moz-border-radius: 8px;
  border-radius: 8px;
  */
  background: #fff;
}
/******************************************************************************/
#header-title {
  margin-bottom: 4px;
  font-family: Raleway, Ubuntu;
  font-size: 140%;
  font-weight: bold;
}

#header-description {
  font-weight: bold;
}

#header-title a { text-decoration: none; color: #000000; }
/******************************************************************************/
.widget-lr { /* total width is 300 + 2 * 10 + 2 * 1 = 322px */
  width: 300px;
  padding: 10px;
  margin-bottom: 14px;
  border: 1px solid grey;
  /*
  -moz-border-radius: 8px;
  border-radius: 8px;
  */
  background: #fff;
}

.widget-tb { /* total width = 490px */
  width: 528px;
  padding: 10px;
  margin-bottom: 14px;
  border: 1px solid grey;
  /*
  -moz-border-radius: 8px;
  border-radius: 8px;
  */
  background: #fff;
}

.widget-title {
  //background: #332682;
  background: #4b3ca7;
  color: #ffffff;
  padding: 8px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 110%;
  border: 1px solid grey;
}
/******************************************************************************/
/*
#menu {
  width: 488px;
  height: 32px;
  margin-bottom: 14px;
  border: 1px solid grey;
}
*/
/******************************************************************************/
/* total width is 468 + 2 * 10 + 2 * 1 = 490px */
/* total width is 528 + 2 * 10 + 2 * 1 = 550px */
.content {
  width: 528px;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid grey;
  overflow: hidden;
  /*
  -moz-border-radius: 4px;
  border-radius: 4px;
  */
  background: #fff;
}

.content-title {
  background: #332682;
  color: #ffffff;
  padding: 8px;
  margin-bottom: 4px;
  font-weight: bold;
  font-size: 120%;
  border: 1px solid;
}

.content-author {
  margin-bottom: 10px;
  font-style: italic;
  font-size: 90%;
}

.content-footer {
  margin-top: 10px;
  border: 1px solid grey;
}

.content-comments {
  width: 100px;
  padding: 8px;
  float: left;
  display: inline-block;
}

.content-categories {
  width: 350px;
  padding: 8px;
  display: inline-block;
}
/******************************************************************************/
.code {
  background: #f0edff;
  background: #e7ffcf;
  padding: 4px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Monospace;
  word-wrap: none;
  border: 1px dashed grey;
  overflow-x: scroll;
  white-space: nowrap;
	color: #0c550c;
}

.info {
  background: aliceblue;
  padding: 4px;
  margin-bottom: 10px;
  border: 1px solid grey;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.subtitle {
  background: #c4baff;
  padding: 8px;
  margin-bottom: 10px;
  font-weight: bold;
}

.sub {
}
/******************************************************************************/
.image {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  overflow: hidden;
}
/******************************************************************************/
a { text-decoration: underline; }
a:link { color: navy; }
a:hover { color: black; }
a:active { color: black; }

.content-title a { text-decoration: none; }
.content-title a:link { color: #fff; }
.content-title a:hover { color: #fff; text-decoration: underline; }
.content-title a:active { color: #fff; }
.content-title a:visited { color: #fff; }
/******************************************************************************/
.ad_468x60 {
}
/******************************************************************************/
#list-comments div {
  margin-left: 20px;
  margin-top: 10px;
}

#list-comments {
  width: 468px;
}
/******************************************************************************/
#feed {
  margin-top: -34px;
  margin-left: 1152px;
	margin-right: 40px;
  float: right;
}
#twitter {
	margin-top: -34px;
	margin-left: 1152px;
	margin-right: 92px;
	float: right;
}
#facebook {
	margin-top: -34px;
	margin-left: 1152px;
	margin-right: 144px;
	float: right;
}
/******************************************************************************/
.field, .submit {
  background: #fff;
  border: 1px solid black;
}

/*** added in 2014 ***/

.add-footer {
  width: 1212px;
  padding: 10px;
	margin-left: auto;
	margin-right: auto;
  margin-bottom: 10px;
  text-align: center;
  font-style: italic;
  font-size: 90%;
  clear: both;
  border: 1px solid grey;
  /*
  -moz-border-radius: 8px;
  border-radius: 8px;
  */
}

.widget-lr ul {
  padding-left: 20px;
}

.content img {
  margin-left: 22px;
}

#menu-header {
  width: 1232px;
  text-align: center;
  font-size: 90%;
	//border: 1px solid grey;
	padding: 0px;
	margin: 0px;
	margin-bottom: 56px;
	margin-top: -4px;
}

nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	background: #d9d6ec;
	background: #f3effd;
	background: #5f5e63;
	float: left;
	width: 1234px;
	border-bottom: 1px solid grey;
}

nav ul li {
	//display: inline-block;
	float: left;
	list-style: none;
	background: #d9d6ec;
	background: #f3effd;
	background: #5f5e63;
	color: #fff;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

nav ul li:hover {
	background: #332682;
	background: #8376d4;
	background: #dfd6f6;
	background: #3f3d2f;
	color: #fff;
	text-decoration: none;
}

nav ul li a {
	display: block;
	//width: 100%;
	height: 100%;
	padding: 8px;
	margin: 0px;
	text-align: center;
	border-left: 1px solid #c3c3c3;
}

nav ul li:hover > a {
	background: #332682;
	background: #8376d4;
	background: #dfd6f6;
	background: #3f3d2f;
	color: #fff;
	text-decoration: none;
}

nav ul li a { text-decoration: none; color: #fff; }
nav ul li a:hover { color: #fff; }
nav ul li a:active { color: #fff; }
nav ul li a:visited { color: #fff; }
nav ul li a:link { color: #fff; }

#wrapper-right ul {
	margin-left: 0px;
	padding-left: 4px;
}

#wrapper-right ul li {
	margin-left: 0px;
}

#wrapper-right ul li a {
	text-decoration: none;
	color: black;
	display: block;
	width: 100%;
}

#wrapper-right ul li {
	border-top: 1px dotted grey;
	padding: 4px;
	list-style-type: none;
}

#wrapper-right ul li:hover > a {
	color: #3f71b5;
	background: #f7f9fd;
}

#wrapper-right ul li:hover {
	background: #f7f9fd;
}

#wrapper-left ul {
	margin-left: 0px;
	padding-left: 4px;
}

#wrapper-left ul li {
	margin-left: 0px;
}

#wrapper-left ul li a {
	text-decoration: none;
	color: black;
	display: block;
	width: 100%;
}

#wrapper-left ul li {
	border-top: 1px dotted grey;
	padding: 4px;
	list-style-type: none;
}

#wrapper-left ul li:hover > a {
	color: #3f71b5;
	background: #f7f9fd;
}

#wrapper-left ul li:hover {
	background: #f7f9fd;
}

#header-ad {
	float: right;
	margin-top: -36px;
	margin-right: 120px;
}

.align-center {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}

.div-footer-links ul {
	margin-left: 0px;
}

.div-footer-links ul li {
	margin-left: -12px;
}

.div-footer-links ul li a {
	margin-left: 0px;
}

blockquote {
	padding: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px solid grey;
	border-left: 5px solid green;
	border-radius: 8px;
	background: #edfbed;
}

h3 {
  padding: 2px;
  border-bottom: 1px grey dashed;
  line-height: 120%;
}