/*
Theme Name: G E M I N I - T A U R U S 
Theme URI: http://gemini_taurus/
Author: Tanja Goltsche  
Author URI: http://www.gemini-web.de/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, post-thumbnails, custom-background, custom-header

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF9900), to(#99FFCC));
*/

/* Reset
--------------------------------------------- */
@import "css/reset.css";

/* WordPress generated classes
-------------------------------------------------------------- */
/* Text meant only for screen readers */
.screen-reader-text,
.section-heading {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.valignmiddle, div.valignmiddle{
	display: table-cell;
	vertical-align: middle;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	text-align:center;
	padding:10px;
	margin:10px
}
.post-edit-link {
}

/* Lists
--------------------------------------------- */
#content .post ul, #content .page ul  {
	padding:7px 0 7px 30px;
	line-height: 1.3;
}
#content .post ul li, #content .page ul li {
	padding:0 0 12px;
	list-style: square;
}
#content .post ol, #content .page ol  {
	padding:7px 0 7px 30px;
	line-height: 1.3;
}
#content .post ol li, #content .page ol li {
	padding:0 0 12px;
	list-style: decimal;
}
#content .post ol ol li, #content .page ol ol li {
	list-style: upper-alpha;
}
#content .post ol ol ol li, #content .page ol ol ol li {
	list-style: lower-roman;
}
#content dl {
	margin:0 ;
	padding: 0;
}
#content dt {
	font-weight: bold;
	margin: 0;
	padding: 10px 5px 5px;
}
#content dd {
	margin: 0;
	padding: 0 0 10px 15px;
}

/* Headlines
--------------------------------------------- */
#content h1 {
	margin:26px 0 12px;
	font: bold 1.4em/1.4 Century Gothic, arial, sans-serif;
}
#content h2 {
	margin:26px 0 12px;
	font: bold 1.3em/1.4 Century Gothic, arial, sans-serif;
}
#content h3 {
	margin: 26px 0 12px;
	font: bold 1.2em/1.4  Century Gothic, arial, sans-serif;
}
#content h4 {
	margin: 22px 0 12px;
	font: bold 1.1em/1.4 Century Gothic, arial, sans-serif;
}
#content h5 {
	margin: 22px 0 10px;
	font: bold 1em/1.3 Century Gothic, arial, sans-serif;
}
#content h6 {
	margin: 20px 0 10px;
	font: bold .9em/1.3 Century Gothic, arial, sans-serif;
}
#respond h3 {
	margin: 26px 0 10px;
	font: bold 1em/1.3 Century Gothic, arial, sans-serif;
}
/* Links
--------------------------------------------- */
a {
   color: #009BC2;
	text-decoration:none;
}
a:hover {
   color: #777!important;
	text-decoration:none;
}

/* =Structure
-------------------------------------------------------------- */
/* Hole Page */
body {
	background-color: #ececec;
	font-family: Century Gothic, arial, sans-serif;
	color: #777;
}
#page {
	xmax-width: 1102px;
	margin: 12px auto;
	padding-left: 2px;
	z-index: 0;
}
#branding {
}
#content {
   width: 60%;
   float: left;
   padding-left: 7%;
   padding-right: 11%;
}
#main .widget-area { /* Sidebar */
	float: right;
	overflow: hidden;
	width: 22%;
}
#colophon {
	width: 100%;
	float: left;
	padding: 10px 0 0;
	overflow: hidden;
}

/* Header
--------------------------------------------- */
#site-title {
	float: left;
	padding: 10px 0 10px 10px;
	margin: 0 10px 0 0;
	display: block;
	font-size: 2.1em;
	line-height: 1.2;
	font-weight: bold;
	text-transform: uppercase;
}
#site-title a:hover {
	text-decoration:none;
}
#site-description {
	margin: 17px 0 0 0;
	font: italic .9em Times, Serif;
	color: #777;
}

/* Navigations
--------------------------------------------- */
/* --- Main Nav --- */
#access {
	margin: 10px 0 0;
	max-width: 70%;
	float:right;
}
#access ul li {
	float: left;
	list-style: none;
	position: relative;
}
#access ul li a {
	margin:0;
	padding:9px 14px;
	display: block;
	font-size: .8em;
	text-transform: uppercase;
}
#access ul li:first-child {
	margin: 0px;
}
#access ul li a:hover {
	background:#F0F0F0;
	color: #999;
	text-decoration: none;
}
#access ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #F9F9F9;
	padding: 9px 14px;
	width: 11em;
	height: auto;
	text-transform: none;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #F0F0F0;
}
#access ul ul a:hover {
	background: #F0F0F0;
}
#access ul li:hover > ul {
	display: block;
}

/* Posts
--------------------------------------------- */
#content .post {
	xmargin: 0 0 40px;
	padding: 0 0px 40px;
	overflow: hidden;
	clear: both;
	font-size: .95em;
	line-height: 1.6;
}
#content .entry-header h2.entry-title {
	margin: 0 0 12px;
	font: bold 1.3em/1.4 Century Gothic, arial, sans-serif;
}
#content .post p {
	padding: 0 0 5px;
}
#content .entry-meta {
	padding: 0 18px 5px 0;
	font: italic .8em/1.6 Times, serif;
}
#content .entry-meta p span.entry-date, #content .entry-meta p a {
	width: 100%;
	font-family: 'Droid Sans', arial, sans-serif;
	font-style: normal;
}
/* --- Post Nav Below and Above --- */
#content #image-nav {
	margin: 30px 0 3px 0;
	overflow: hidden;
}
#content #nav-below .nav-previous a, #content #nav-above .nav-previous a, #content #image-nav span.previous-image a {
	width: 40%;
	display: block;
	float: left;
	font-size: .9em;
	font-weight: bold;
}
#content #nav-below .nav-next a, #content #nav-above .nav-next a, #content #image-nav span.next-image a {
	display: block;
	float: right;
	font-size: .9em;
	font-weight: bold;
}
#content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover, #content #nav-above.nav-next a:hover, 
#content #image-nav span.previous-image a:hover, #content #image-nav span.next-image a:hover {
	text-decoration: none;
}
#nav-above {
   display: none;
}

/* Pages
--------------------------------------------- */
#content .page {
	padding: 0 20px 10px;
	overflow: hidden;
	clear: both;
	font-size: .95em;
	line-height: 1.6;
}
#content .entry-content img {
   padding-right: .95em;
}
#content .entry-content blockquote {
   font-size: .8em;
}
/* Home */
#home {
   width: 100%;
   float: left;
}
#rectangle, #rectangle img {
   float: left;
   width: 180px;
   height: 120px;
   text-align: center;
   font-size: 1em;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: none;
}
.rec a {
   padding-top: 50px;
   display: block;
}

.rec-2   { background-color: #AAAA99;}
.rec-2  a { color: #DDDDCC; }
.rec-2  a:hover { color: #FFFFFF!important; }
.rec-4   { background-color: #9999AA;}
.rec-4 a { color: #CCCCDD; }
.rec-4 a:hover { color: #EEEEEE!important; }
.rec-6   { background-color: #BB9966;}
.rec-6 a { color: #EEDDBB; }
.rec-6 a:hover { color: #FFFFFF!important; }
.rec-8   { background-color: #778877;}
.rec-8 a { color: #CCCCCC; }
.rec-8 a:hover { color: #EEEEEE!important; }
.rec-10 { background-color: #556644;}
.rec-10 a { color: #669933; }
.rec-10 a:hover { color: #FFEEFF!important; }
.rec-12 { background-color: #AA7788;}
.rec-12 a { color: #DDAAAA; }
.rec-12 a:hover { color: #EEEEEE!important; }
.rec-14 { background-color: #777788;}
.rec-14 a { color: #AABBEE; }
.rec-14 a:hover { color: #DDDDEE!important; }
.rec-16 { background-color: #DDBB11;}
.rec-16 a { color: #997733; }
.rec-16 a:hover { color: #FFFF00!important; }
.rec-18 { background-color: #669955;}
.rec-18 a { color: #88CC66; }
.rec-18 a:hover { color: #BBBBAA!important; }
.rec-20 { background-color: #996655;}
.rec-20 a { color: #cc8866; }
.rec-20 a:hover { color: #EEEEEE!important; }
.rec-22 { background-color: #553311;}
.rec-22 a { color: #AAAA44; }
.rec-22 a:hover { color: #DDAA22!important; }
.rec-24 { background-color: #666655;}
.rec-24 a { color: #AAAAAA; }
.rec-24 a:hover { color: #EEEEEE!important; }
.rec-26 { background-color: #776677;}
.rec-26 a { color: #CCBBAA; }
.rec-26 a:hover { color: #FFFFFF!important; }
.rec-28 { background-color: #728942;}
.rec-28 a { color: #CCBBAA; }
.rec-28 a:hover { color: #FFFFFF!important; }
.rec-30 { background-color: #884444;}
.rec-30 a { color: #662222; }
.rec-30 a:hover { color: #DD2244!important; }
.rec-32 { background-color: #6699BB;}
.rec-32 a { color: #77CCEE; }
.rec-32 a:hover { color: #BBBBCC!important; }
.rec-34 { background-color: #68878A;}
.rec-34 a { color: #CCCCDD; }
.rec-34 a:hover { color: #EEEEEE!important; }

/* =Comments
-------------------------------------------------------------- */
article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond p {
	font: .9em/1.3 Century Gothic, arial, sans-serif;
}
#respond .logged-in-as {
	font: .7em/1.3 Century Gothic, arial, sans-serif;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
margin: 0 0 1em;
	font: .7em/1.3 Century Gothic, arial, sans-serif;
}
#respond .form-allowed-tags code {
	display: block;
}
/* =Widgets
-------------------------------------------------------------- */
.widget {
	display: block;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}

/* Sidebars
--------------------------------------------- */
aside.widget {
	margin: 0 0 30px 0;
	padding:  0 0 30px 0;
	font-size: .8em;
	border-bottom: 1px solid #ddd;
}
aside.widget ul li {
	padding: 0 0 7px 0;
	line-height: 1.4em;
}
aside.widget ul li:last-child {
	padding: 0;
}
.widget h3.widget-title, .widget_get_recent_comments h1.widget-title, .widget-title {
	padding: 0 0 15px 0;
	color: #777;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
}
.textwidget {
	line-height: 1.6;
}
/* --- Standard Widgets --- */
.widget_categories ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_pages ul li ul.children {
	margin: 5px 0 0 0;
}
.widget_categories ul li ul.children li, .widget_nav_menu ul li ul.sub-menu li, .widget_pages ul li ul.children li {
	margin: 0 0 0 20px;
}
.widget_recent_entries ul, .widget_recent_comments ul {
	padding: 0 0 0 15px;
}
.widget_recent_entries ul li, .widget_recent_comments ul li {
	list-style: square;
}
.widget_calendar #wp-calendar caption {
	font-family: Times, serif;
	font-style: italic;
	text-align: left;
	padding: 0 0 5px 0;
}
.widget_calendar table#wp-calendar th, .widget_calendar table#wp-calendar td {
	padding: 0 6px 6px 0;
}
.widget_calendar table#wp-calendar tbody tr td#today {
	font-weight: bold;
}
/* --- Search Widget --- */
.widget_search {
	overflow: hidden;
}
.searchform {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
}
#secondary .searchform .search-input {
	width: 90%;
	margin: 0 0 5px 0;
}
#tertiary .searchform .search-input {
	width: 62%;
	margin: 0 2px 5px 0;
}
.searchform .search-input {
	width: 40%;
	margin: 0 2px 5px 0;
	padding: 6px 5px;
	background-color:#F0F0F0;
	border: 1px solid #ddd;
}
.searchform .search-input:hover, #searchform .search-input:focus, #searchform .search-input:active {
	background-color:#fff;
}
.searchsubmit {
	margin: 0;
	padding: 8px 10px 7px;
	display: inline-block;
	vertical-align: baseline;
	outline: none;
	background-color: #777;
	border: none;
	font-size: 11px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}
.searchsubmit:hover {
	color: #fff;
	background-color: #009BC2;
}

/* =Footer
-------------------------------------------------------------- */
#colophon {
	padding: 10px 0 0 30px;
	font-size: 0.6em;
}

/* CSS3 Media queries
--------------------------------------------- */
@media screen and (max-width : 620px) {
   .rec-1  { display: none;}
   .rec-3  { display: none;}
   .rec-5  { display: none;}
   .rec-7  { display: none;}
   .rec-9  { display: none;}
   .rec-11 { display: none;}
   .rec-13 { display: none;}
   .rec-15 { display: none;}
   .rec-17 { display: none;}
   .rec-19 { display: none;}
   .rec-21 { display: none;}
   .rec-23 { display: none;}
   .rec-25 { display: none;}
   .rec-27 { display: none;}
   .rec-29 { display: none;}
   .rec-31 { display: none;}
   .rec-33 { display: none;}
   .rec-35 { display: none;}
}

@media screen and (min-width : 1900px) {
   #rectangle, #rectangle img {
      float: left;
      width: 240px;
      height: 180px;
   }
}