/*   
Theme Name: Simon WP Framework
Theme URI: http://simonwebdesign.com/simon-wordpress-framework-blank-theme/
Description: A blank frame work using 960.gs grid system and is licensed under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
Author: Simon Urbina
Author URI: http://simonwebdesign.com
Version: 1.1.6
Tags: light, two-columns, fixed-width
*/

@import url('css/reset.css');
@import url('css/typography.css');
@import url('css/grid.css');
@import url('css/forms.css');
@import url('css/newsblock.css');

html {
	 background: #fff url(images/bg.gif) repeat-x;
}

body {
	 background: transparent url(images/shrimp.png) no-repeat 20px -20px;
	 text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

::selection {
	background: rgba(255, 72, 101,0.7); /* Safari */
	}
::-moz-selection {
	background: rgba(255, 72, 101,0.7); /* Firefox */
}

/* header */
.header {
        padding: 0px 0px 20px 10px;
        position: relative;
}

#header-wrap h1 {
		/*background: transparent url(images/logo.png) no-repeat right 30px;*/
		margin-bottom:0;
		margin-top:40px;
		width: 650px;
		float: left;
}

#header-wrap h1 a {
        margin: 0px;
		background: transparent url(images/bloglogo.png) no-repeat;
		text-shadow:1px 1px 1px #FFFFFF;
		width: 649px;
		height: 131px;
		text-indent: -5000px;
		display: block;
}
#header-wrap .description {
        font-size: 1.45em;
        color: #515151;
        text-shadow:1px 1px 1px #999;
        position: absolute;
        top: 62px;
        display: none;
}

#socialkrams {
	width: 250px; 
	float: left; 
	margin-top: 25px;
	margin-left: 50px;
}

#socialkrams span {
	padding-left: 50px;
	display: block;
	height: 36px;
	padding-top: 8px;
	line-height: 14px;
	margin-bottom: 10px;
	color: #b2b2b2;
}

#socialkrams span.trrs {
	background: transparent url(images/socials.png) no-repeat;
}

#socialkrams span.trrs:hover {
	background: transparent url(images/socials.png) no-repeat 0px -44px;
}

#socialkrams span.ttwitter {
	background: transparent url(images/socials.png) no-repeat 0px -88px;
}

#socialkrams span.ttwitter:hover {
	background: transparent url(images/socials.png) no-repeat 0px -132px;
}

#socialkrams span.tfacebook {
	background: transparent url(images/socials.png) no-repeat 0px -173px;
}

#socialkrams span.tfacebook:hover {
	background: transparent url(images/socials.png) no-repeat 0px -217px;
}

#search-bar {
        width: 300px;
        margin-bottom: 15px;
}

#content {
	margin-top: 6px;
}

div#content div:last-child {border: none;}

#sidebar {
	margin-top: 5px;
}

#sidebar h4, .postinfo {
	 background: #eee; 
}

#sidebar h4 span { background:#fff; padding:0.4em 0.7em 0.4em 0; font-size: 16px; font-weight: 500; }

#sidebar .widget {
	margin-bottom: 30px;
}

#text-3 .textwidget a {
	margin-bottom: 10px;
	display: block;
}

p.postinfo {
	font-size: 0.9em;
	margin-bottom: 1em;
}

.postinfo span { padding:0.3em 1em 0.3em 0; background:#fff; }

p.tags, .attn {
	background: rgba(255, 72, 101,0.1); padding: 5px 10px; border: 1px dashed #FFB6C1;
}

.attn {
	margin-bottom: 15px;
}

h3.storytitle {
	padding-left: 30px;
}

.hugetype {
	font-size: 24px;
}
 
Q { 
	background:url("images/quotation.png") no-repeat scroll 0 12px transparent;
	color:#FF4764;
	display:block;
	font-style:italic;
	margin-bottom:0;
	margin-left:15px;
	padding-left:22px;
}

Q span {
	background: transparent url("images/quotation_end.png") no-repeat scroll right 0;
	padding-right: 25px;
}

Q { quotes: '»' '«'   } 

hr { 
	background: transparent url(images/hr.png) no-repeat center bottom;
	margin: 8px auto;
	height: 10px;
	border: 0 none;
}

/***** Comments *****/

img.avatar {
	padding: 2px;
	border: 1px solid #ccc;
	float: left;
	margin:0 15px 10px 0;
	-moz-box-shadow:1px 1px 4px #999999;
	-webkit-box-shadow:1px 1px 4px #999999;
}

.cdate {
	display: block;
	color: #666;
	font-size: 12px;
}

/*
.category-garnelen h3 {
	background: transparent url(images/garnelen.gif) no-repeat left center;
}
.category-futter h3 {
	background: transparent url(images/futter.gif) no-repeat left center;
}
.category-tipps h3 {
	background: transparent url(images/tipps.gif) no-repeat left center;
}
.category-kauftipps h3 {
	background: transparent url(images/kauftipp.gif) no-repeat left center;
}
.category-interviews h3 {
	background: transparent url(images/interviews.gif) no-repeat left center;
}
.category-pflanzen h3 {
	background: transparent url(images/pflanzen.gif) no-repeat left center;
}
.category-aquarien h3 {
	background: transparent url(images/aquarium.gif) no-repeat left center;
}
.category-tipps-tricks h3 {
	background: transparent url(images/tipps.gif) no-repeat left center;
}
.category-bilder h3 {
	background: transparent url(images/photo.gif) no-repeat left center;
}
*/

ul.categories {
	-moz-column-count: 2;
	-moz-column-gap: 0;
	-webkit-column-count: 2;
	-webkit-column-gap: 0;
}

.categories li.cat-item {
	padding: 2px 0 2px 30px !important;
	margin: 0 0 10px 10px !important;
	height: 22px;
}

.categories li.cat-item-1, .category-garnelen h3, .page h3 {
	/*background: transparent url(images/garnelen.gif) no-repeat left center;*/
	background: transparent url(images/symbole.png) no-repeat left -78px;
}

.categories li.cat-item-3, .category-futter h3 {
	/*background: transparent url(images/futter.gif) no-repeat left center;*/
	background: transparent url(images/symbole.png) no-repeat left -52px;
}

.categories li.cat-item-4, .category-aquarien h3 {
	/*background: transparent url(images/aquarium.gif) no-repeat left center;*/
	background: transparent url(images/symbole.png) no-repeat left 0px;
}

.categories li.cat-item-5, .category-pflanzen h3 {
	/*background: transparent url(images/pflanzen.gif) no-repeat left center;*/
	background: transparent url(images/symbole.png) no-repeat left -182px;
}

.categories li.cat-item-6, .category-tipps-tricks h3 {
	/*background: transparent url(images/tipps.gif) no-repeat left center;*/
	background: transparent url(images/symbole.png) no-repeat left -234px;
}

.categories li.cat-item-7, .category-kauftipps h3 {
	/*background: transparent url(images/kauftipp.gif) no-repeat left center;*/		background: transparent url(images/symbole.png) no-repeat left -156px;
}

.categories li.cat-item-8, .category-interviews h3 {
	/*background: transparent url(images/interview.gif) no-repeat left center;*/
	background: transparent url(images/symbole.png) no-repeat left -130px;
}

.categories li.cat-item-11, .category-bilder h3 {
	/*background: transparent url(images/photo.gif) no-repeat left center;*/
	background: transparent url(images/symbole.png) no-repeat left -26px;
}

.categories li.cat-item-13, .category-internes h3 {
	background: transparent url(images/symbole.png) no-repeat left -104px;
}

.categories li.cat-item-25, .category-produkt-tests h3 {
	background: transparent url(images/symbole.png) no-repeat left -208px;
}

/* links */
a:link, a:visited {
	color: #FF0132;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
/* navigation */
#nav-bar {
    border-bottom: solid 1px #ccc;
	width: 960px;
	height: 26px;
	padding: 20px 0px 10px 0px;
	}
	
#navbar-left {
	width: 850px;
	height: 26px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-shadow:1px 1px 1px #FFFFFF;
	}
	
#navbar-right {
	width: 30px;
	height: 26px;
	float: right;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	text-align: right;
	}
	
#navbar-right a img {
	border: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	}

#menu-main-nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#menu-main-nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#menu-main-nav a {
	display: block;
    font-weight: bold;
    margin: 0px 20px 0px 0px;
	padding: 6px 10px 5px 0px;
	}
	
#menu-main-nav a:hover {
	text-decoration: underline;
	}

#menu-main-nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
#menu-main-nav li li {
	display: none;
	}
/* header */
#footer {
        margin: 30px 0px 15px 0px;
        padding: 30px 0px 0px 0px;
        border-top: solid 3px #ccc;
        font-size: 0.9em;
        color: #ababab;
        position: relative;
}

#footer .mac {
	display:block;
	margin-top:30px;
	text-align:center;
}

#footer .mac a {
	width: 154px;
}

#bamboo {
	background: transparent url(images/bamboo.gif) no-repeat;
	width: 97px;
	height: 153px;
	display: block;
	left: -100px;
	top: -50px;
	position: absolute;
	text-indent: -500px;
	padding-bottom: 10px;
}

#footer a {
	color: #909090;
}

#footer p {
	float: left;
	width: 600px;
}

#footer .imprint {
	float: right;
	text-align: right;
	width: 200px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/* Misc */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
	margin: 5px 0 10px 15px !important;
}
/* post */
.meta {
}
/* COmments */
#comments {
        margin:20px 0px 10px 0px;
        padding:20px 0px 10px 0px;
        border-top: solid 1px #ccc;
}
#postcomment {
        margin:20px 0px 10px 0px;
        padding:20px 0px 10px 0px;
        border-top: solid 1px #ccc;
}

#commentlist {
	list-style-type: none;
	padding-left: 0;
}

#commentlist li {
	position: relative;
	border-top:1px dotted #CCCCCC;
	margin:10px 0;
	padding:20px 0 10px;
	border-bottom: none;
}

#commentlist p {
	font-size: 13px;
	margin:0 0 1em;
}

.comment_autor {
	font-size: 16px;
	display: block;
	padding-top: 4px;
}

.count {
	color:#DDDDDD;
	font-family:Georgia;
	font-size:50px;
	position:absolute;
	right:0;
	top:0;
	margin-top: -15px;
}

/* featured section */
#featured-sticker {
        width: 100px;
        padding: 5px;
        margin-left: 800px;
        background-color: #f00;
        color: white;
        text-align: center;
        position: absolute;
        float: right;
}
#featured-post {
        background-color: #f3f3f3;
        padding:20px;
        margin: 0px 0px 45px 0px;
        border-top: solid 3px #ccc;
        border-bottom: solid 1px #ccc;
}

.post-entries {
        padding: 0px 0px 20px 0px;
        margin: 0px 0px 20px 0px;
        border-bottom: solid 1px #ccc;
        position: relative;
}

.post-entries a img, .post a img {
	border:1px solid #CCCCCC;
	margin:5px 15px 0 0;
	padding:3px;
}

.iLikeThis { position: absolute; top: 0; right: 0;}
.iLikeThis .counter { background:url(images/heart.png) center left no-repeat !important; padding:0 0 0 20px; font-weight:bold; margin-left:5px; }
.iLikeThis .counter a { cursor:pointer; text-decoration: none; color: #333;}
.iLikeThis .counter a.image { background: none !important; padding: 0 !important; }

.refinfo h4 {
	margin-bottom: 0.9em;
}

.refinfo ul {
	margin-bottom: 2em;
}

.refinfo {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 2em;
}

#post-108 table, #post-108 th, #post-108 td, #post-146 table, #post-146 th, #post-146 td {
	vertical-align: top;
}

#post-108 td, #post-146 td  {
	border-bottom: 1px solid #ccc;
}

#post-108 th, #post-146 th {
	padding: 10px 5px;
}


/****************** Facebook Like Box *******************/

.textwidget .fan_box a:hover{
  text-decoration: none;
}
.textwidget .fan_box .full_widget{
  border: none !important;
  background: none !important;
  position: relative;
}
.textwidget .fan_box .connect_top{
  background: none !important;
  padding: 0 !important;
}
.textwidget .fan_box .profileimage, .textwidget .fan_box .name_block{
  display: none;
}
.textwidget .fan_box .connect_action{
  padding: 0 !important;
}
.textwidget .fan_box .connections{
  padding: 0 !important;
  border: 0 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666;
}
span.total{
	color: #FF0132;
  font-weight: bold;
}
.textwidget .fan_box .connections .connections_grid {
  padding-top: 10px !important;
}
.textwidget .fan_box .connections_grid .grid_item{
  padding: 0 10px 10px 0 !important;
}
.textwidget .fan_box .connections_grid .grid_item .name{
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-weight: normal;
  color: #666 !important;
  padding-top: 1px !important;
}
.textwidget .fan_box .connect_widget{
position: absolute;
bottom: 0;
right: 10px;
margin: 0 !important;
}
.textwidget .fan_box .connect_widget .connect_widget_interactive_area {
margin: 0 !important;
}
.textwidget .fan_box .connect_widget td.connect_widget_vertical_center {
padding: 0 !important;
}

.gallery {margin: auto;}
.gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
}
.gallery-icon {margin-right: 1px;}
.gallery-caption {margin-left: 0;}

dt.gallery-icon a img {
	margin: 0 !important;
	padding: 1px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}