/***************************************************************************************************
Theme Name:    xblog
Version:       1
Theme URI:     http://www.generationx.at
Author:        Andrea Mandl
Author URI:    http://www.generationx.at/blog
Description:
***************************************************************************************************/


/* GENERAL SETTINGS *******************************************************************************/

@import url("css/reset.css"); /* adding eric meyer's fabulous reseting stylesheet */
.clear 				{clear: both;}
.alignleft 			{float: left;}
.alignright 		{float: right;}
.aligncenter 		{display: block; margin: 0 auto;}

/* TYPOGRAPHY *************************************************************************************/

@font-face 			{font-family: ColabLig; src: url('fonts/ColabLig.otf');}
@font-face 			{font-family: ColabMed; src: url('fonts/ColabMed.otf');}
@font-face 			{font-family: ColabThi; src: url('fonts/ColabThi.otf');}
@font-face 			{font-family: ColabBol; src: url('fonts/ColabBol.otf');}


body				{font: 14px ColabLig, arial, sans-serif;}

i, em				{font-style: normal; font-family: ColabThi;}
b, strong			{font-weight: normal; font-family: ColabMed;}

h1, h2, h3, 
h4, h5, h6			{font-family: ColabBol;}

a,
a:active,
a:visited,
a:focus,
a:hover				{text-decoration: none;}

a:active			{position: relative; top: 1px;}


/* IMAGES *****************************************************************************************/

img.alignleft 		{margin: 5px 10px 0 0;}
img.alignright 		{margin: 5px 0 0 10px;}
img.aligncenter		{display: block; margin: 0 auto;}

/* LAYOUT *****************************************************************************************/

html, body			{width:100%;
					 height:100%;
					 position: relative;}

body				{background: #fff;}

/* HEADER *****************************************************************************************/


#header				{width: 150px;
					 height: 150px;
					 position: fixed;
					 top: 55px; right: 10%;
					 z-index: 100;}

#header a			{display: block;
					 width: 150px;
					 height: 150px;
					 background-image: url('images/logo.png');
					 -moz-opacity: 0.6;
					 filter: Alpha(opacity=60);
					 opacity: 0.6;
					 -webkit-transition:linear 0.3s;}

#header a:focus,
#header a:hover		{-moz-opacity: 1.0;
					 filter: Alpha(opacity=100);
					 opacity: 1.0;
					 -webkit-transition:linear 0.1s;}

#header a:active	{position: relative;
    				 top: 1px;}

/* WRAPPER ****************************************************************************************/

#wrapper			{width: 680px;
					 margin: 0 auto;}


/* headline */

#wrapper h1			{padding: 80px 10px 0 10px;
					 font-size: 32px;
					 color: #0D9CDF;}

#wrapper h1 span	{font-size: 28px!important;
					 color: #000!important;}

#wrapper h1 a		{color: #0D9CDF;}


#content			{overflow: hidden;
					 color: #000;
					 margin-bottom: 50px;
					 margin: 0 10px;}

#content h1			{padding: 0 0 15px 0;
					 font-size: 22px;
					 color: #0D9CDF;
					 text-transform: uppercase;}

#content h1 a		{color: #0D9CDF;}

#content h1 span	{font-size: 18px!important;
					 color: #ccc!important;}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6			{clear: both;}

#content h2			{margin: 20px 0 10px 0;
					 font-size: 18px;
					 text-transform: uppercase;
					 color: #0D9CDF;}

#content img		{}

#content p,
#content li,
#content blockquote {color: #000;
					 padding-bottom: 10px;
                     line-height: 150%;}

#content a			{color: #000;}

#content p a		{border-bottom: 1px dotted #0D9CDF;}

#content li a:focus,
#content a:focus,
#content p a:focus	{border-bottom: 0; background: #000; color: #fff;}

#content li a:hover,
#content a:hover,
#content p a:hover	{border-bottom: 0;}

#content ul			{margin-left: 25px;}
#content li 		{list-style-image: url('images/bullet.png');}

.post				{position: relative;
					 margin-top: 100px;}

.comments a			{display: block;
					 position: absolute;
					 top: 0; right: 0;
					 background: #0D9CDF;
					 font-size: 22px;
					 width: 25px;
					 text-align: center;
					 -webkit-border-radius: 10px;
					 -moz-border-radius: 10px;
					 border-radius: 10px;
                     color: #fff!important;}
                          
.comments a:active	{position: absolute; top: 1px;}

/* COMMENTS  **************************************************************************************/

ol.commentlist 		{}
ol.commentlist li,
li.oddcomment 		{display: block;
					 padding: 20px 0;}

ol.commentlist li 			{}
ol.commentlist li.authorstyle {}

.single-cmt 				{display: block;
	                          margin: 0 auto;
	                          width: 680px;}

.single-avatar 			{width: 60px;
						 float: left;
                               -webkit-border-radius: 20px;
	                          -moz-border-radius: 20px;
	                          border-radius: 20px;}

.rounded-img 				{display: inline-block;
	                          overflow: hidden;
	                          -webkit-border-radius: 10px;
	                          -moz-border-radius: 10px;
	                          border-radius: 10px;
	                          -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	                          -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	                          box-shadow: 0 1px 3px rgba(0, 0, 0, .4); }

.single-text 				{width: 600px;
						 float: right;
                               line-height: 150%;}

.cmts-wrapper a 			{color: #000;
						 font-weight: bold;}

.cmt-form 				{display: block;
	                          margin: 0 auto;
	                          width: 680px;
	                          padding-top: 30px;}

input.cmt-author,
input.cmt-mail,
input.cmt-url 				{border: 1px solid #ddd;
						 width: 184px;
						 padding: 5px;}

input.cmt-author:focus,
input.cmt-mail:focus,
input.cmt-url:focus,
textarea.text:focus 		{border: 1px solid #999;}

input.cmt-mail 			{margin: 0 19px;}

input.send 				{cursor: pointer;
						 background-color: #0D9CDF;
                             	 color: #fff;
                             	 border: 0;
                               padding: 5px;
                               margin-bottom: 50px;}

input.send:active 			{position: relative; top: 1px;}

textarea.text 				{border: 1px solid #ddd;
	                          width: 550px;
	                          padding: 5px;
	                          display: block;
	                          margin: 19px 0;
	                          line-height: 200%;
	                          min-height: 0px;
	                          overflow: hidden;}

/* WP-PAGENAVI ************************************************************************************/

#pagenavi 			{display: block;
					 clear: both;
					 overflow: hidden;
					 padding: 40px 0 20px 10px;
					 font-size: 14px;}

.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active,
.wp-pagenavi a:hover,
.wp-pagenavi span.extend,
.wp-pagenavi span.current
					{display: inline-block;
					 padding: 6px 10px;
					 -webkit-border-radius: 10px;
					 -moz-border-radius: 10px;
					 border-radius: 10px;
					 margin: 2px;
					 border: 0;
					 background: transparent;}

.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active,
.wp-pagenavi span.extend
					{color: #000;}

.wp-pagenavi a:hover
					{color: #fff;
					 background-color: #000;}

.wp-pagenavi span.current
					{background: #0D9CDF;
					 color: #fff;}

.wp-pagenavi span.pages
					{display: none;}

/* SEARCH *****************************************************************************************/