/*  
Theme Name: Cool Outfit
Theme URI: http://www.cooloutfit.at/
Description: Wordpress theme for Cool Outfit
Version: 2.2
Author: Walter Krivanek
Author URI: http://www.vividvisions.com/
*/

/****************************************
   CSS for cooloutfit.at
   
   Created by VividVisions
   www.vividvisions.com
   
   (c) Copyright 2008 by VividVisions
 ****************************************/

/********** RESET **********/

* {
	margin: 0;
	padding: 0;
}

a {
   outline: none;
}

a img {
   border: 0;
}

em {
   font-style: italic;
}

strong {
   font-weight: bold;
}

del {
   text-decoration: line-through;
}

ins {
   text-decoration: none;
}

body {
   background: #ffffff url(images/header_background.gif) scroll repeat-x left top;
   font: normal normal normal 0.9em/1.3em Arial, Helvetica, sans-serif;
   color: #000000;
}

/********** TAGS **********/

.alignleft,
img[align=left] {
   margin-right: 10px !important;
}

.alignright,
img[align=right] {
   margin-left: 10px !important;
}

.wp-smiley {
   padding: 0 !important;
   margin: 0 2px !important;
   background: none !important;
   border: none !important;
   vertical-align: middle;
}

#wrap {
   width: 980px;
   min-height: 200px;
   margin: 0 auto;
}

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

#header {
   height: 100px;
   position: relative;
}

#header h1 {
   width: 517px;
   height: 70px;
   background: #892a2a url(images/header_cooloutfit.gif) scroll no-repeat left top;
   overflow: hidden;
   text-indent: 600px;
   white-space: nowrap;
}

#header h1 a {
   display: block;
   width: 335px;
   height: 70px;
}

#header h2 {
   width: 517px;
   height: 30px;
   background: #ffffff url(images/header_tagline.gif) scroll no-repeat left top;
   overflow: hidden;
   text-indent: 600px;
   white-space: nowrap;
}

#menu {
   position: absolute;
   right: 5px;
   bottom: 30px;
   list-style: none;
   font-size: 0.9em;
   color: #ffffff;
}

#menu li {
   float: left;
   padding: 0 0 0 10px;
   margin: 0 0 0 8px;
}

#menu li a {
   display: block;
   padding: 5px 10px 5px 0;
   text-transform: uppercase;
   text-decoration: none;
   color: #ffffff;
}

#menu li a:hover {
   text-decoration: underline;
}

#menu li.current_page_item {
   background: #ffffff url(images/menu_left.gif) scroll no-repeat left top;
}

#menu li.current_page_item a {
   background: #ffffff url(images/menu_right.gif) scroll no-repeat right top;
   color: #892a2a;
}

#menu li.active a:hover {
   text-decoration: none;
}

/********** FEM **********/

#fem {
   width: 60px;
   height: 60px;
   position: absolute;
   left: 720px;
   top: 5px;
}

#fem a {
   display: block;
   width: 60px;
   height: 60px;
   overflow: hidden;
   text-indent: 1000px;
   white-space: nowrap;
   background: url(images/fem.gif) scroll no-repeat left top;
}


/********** BODY **********/

#body {
   background: #ffffff url(images/body_background.jpg) scroll repeat-y left top;
}

/********** CONTENT **********/

#content {
   position: relative;
   background: url(images/body_top.jpg) scroll no-repeat left top;
   color: #182130;
   overflow: hidden;
   min-height: 1000px;
}

#rss-button {
   position: absolute;
   top: 175px;
   right: 230px;
   width: 90px;
   height: 90px;
   z-index: 99;
}

#rss-button a {
   display: block;
   width: 90px;
   height: 90px;
   background: url(images/rss_button.png) scroll no-repeat left top;
   white-space: nowrap;
   text-indent: 100px;
   overflow: hidden;
}

#posts {
   margin: 260px 0 0 110px;
   width: 635px;
   float: left;
}

.post {
   padding: 0 0 20px 0;
   margin: 15 0 15px 0;
   overflow: hidden;
}

.post-date {
   font-size: 0.8em;
   margin: 0 0 8px 0;
}

#posts h1 {
   color: #892a2a;
   margin: 5px 0 15px 0;
   font-size: 1.5em;
   text-transform: uppercase;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#posts h2 {
   color: #892a2a;
   margin: 0 0 15px 0;
   font-size: 1.3em;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#posts h3 {
   color: #892a2a;
   margin: 0 0 10px 0;
   font-size: 1.1em;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#posts h1.post-heading {
   margin: 4px 0 2px 0;
}

#posts h1.archive-heading {
   margin: 0 0 30px 0;
}

#posts h1 a,
#posts h2 a,
#posts h3 a {
   color: #892a2a;
   text-decoration: none;
}

#posts a {
   color: #892a2a;
}

#posts h1 a:hover,
#posts h2 a:hover,
#posts h3 a:hover {
   color: #892a2a;
   text-decoration: underline;
}


#posts p,
#posts ul,
#posts ol,
#posts table,
#posts hr,
#posts object {
   margin: 0 0 15px 0;
}

#posts ul {
   padding-left: 15px;
}

#posts ol {
   padding-left: 25px;
}

#posts img {
   padding: 2px;
   background: #ffffff;
   border: 1px solid #aaaaaa;
   margin: 2px;
}

.share {
   height: 40px;
   padding-top: 10px;
}

.share > div {
   height: 40px;
   float: left;
}

.share .fb-like {
   width: 115px;
}

.share .pinterest {
   width: 80px;
}

.share .tweet {
   width: 100px;
}

.post-content {
   clear: both;
   overflow: hidden;
   margin-bottom: 10px;
}

.post-properties {
   list-style: none;
   font-size: 0.85em;
   padding: 0 !important;
   margin: 10px 0 10px 0;
}

.post-properties li {
   padding: 0 0 2px 18px;
}

.post-categories {
   background: url(images/icon_categories.gif) scroll no-repeat left 4px;
}

.post-comments {
   background: url(images/icon_comments.gif) scroll no-repeat left 4px;
}

#wp_page_numbers {
   text-align: center;
   font-size: 0.9em;
} 

#wp_page_numbers ul {
   list-style: none;
}

#wp_page_numbers ul li {
   display: inline;
   margin: 0 0 0 0;
}

#wp_page_numbers a {
   padding: 5px;
   background: #ffffff;
   border: 1px solid #cccccc;
   text-decoration: none;
}

#wp_page_numbers a:hover {
   text-decoration: underline;
}

.active_page a {
   font-weight: bold;
   color: #ffffff !important;
   background: #892a2a !important;
}

.space {
   padding: 5px 8px;
}

.page_info {
   display: block !important;
   margin: 0 0 5px 0;
   padding: 0 0 10px 0;
}

.list-articles li {
   margin: 0 0 25px 0;
}

/* Facebook Connect */

#alt-login-methods {
   margin: 0 0 15px 0;
}

img#RES_ID_fb_login_image {
   padding: 0;
   border: 0;
   margin: 0;
}

/********** PREVIOUS/NEXT POST **********/

#prev-next-posts {
   margin: 0 0 35px 0;
   overflow: hidden;
   text-align: right;
}

.prev-link {
   float: left;
}

.prev-next {
}

/********** SIMILAR POSTS **********/

#similar-posts {
   width: 430px;
}

#similar-posts ul {
   margin: 0 0 35px 0 !important;
}

#similar-posts ul li {
   margin: 0 0 4px 0;
}

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

#comments {
}

.comment {
   /*width: 635px;*/
   margin: 0 0 30px 0;
   background: url(images/comment_background.gif) scroll repeat-y left top;
   font-size: 0.85em;
   color: #5f5f5f;
}

.comment h3 {
   min-height: 43px;
   line-height: 1.3em;
   background: url(images/comment_top.gif) scroll no-repeat left top;
   padding: 35px 30px 10px 30px;
   font-size: 1em;
}

.comment h3 a {
   text-decoration: underline !important;
}

.comment-content {
   background: url(images/comment_bottom.gif) scroll no-repeat left bottom;
   margin-top: -15px;
   padding: 0 30px 15px 30px;
}

.comment-content p {
   margin: 0 0 10px 0 !important;
}

#respond {
}

#respond form label {
   font-size: 0.9em;  
   font-weight: bold;
}

/*
#respond form label.required {
   background: transparent url(images/icon_required.gif) scroll no-repeat 100% 50%;
   padding: 2px 25px 2px 0;
}
*/

#respond form input.textfield,
#respond form textarea {
   margin: 0 0 15px 0;
   border: 1px solid #cccccc;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.2em;
   padding: 3px;
   font-weight: bold;
   width: 50%;
   background-color: #f5f5f5;
   color: #235277;
}

#respond form textarea {
   width: 60%;
   height: 5em;
}

.respond-content {
   padding: 10px 0 0 0;
}


/********** SIDEBAR **********/

#sidebar {
  /* border: 1px solid red;*/
   float: right;
   margin: 0 3px 0 0;
   width: 183px;
   background: url(images/sidebar_background.gif) scroll repeat-y 50% top;
   color: #6e6157;
   font-size: 0.9em;
}

.sidebar-item {
   padding: 45px 15px 15px 15px;
   background: url(images/sidebar_separator.gif) scroll no-repeat 50% top;
}

.sidebar-item-first {
   padding: 330px 15px 15px 15px;
   min-height: 200px;
   background: url(images/sidebar_top.jpg) scroll no-repeat 50% top;
}

.sidebar-item.social {
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

.sidebar-bottom {
   height: 5px;
   background: url(images/sidebar_bottom.gif) scroll no-repeat 50% bottom;
}

#sidebar h3 {
   color: #892a2a;
   font-size: 1.1em;
   margin: 0 0 4px 0;
}

#sidebar h4 {
   color: #6e6157;
   font-size: 1em;
   margin: 10px 0 2px 0;
}

#sidebar a {
   color: #6e6157;
   text-decoration: none;
}

#sidebar a:hover {
   text-decoration: underline;
}

#sidebar ul {
   list-style: none;
}

#sidebar ul li {
   padding: 0 0 1px 0;
}

#searchform {
   margin: 10px 0 0 0;
   text-align: right;
}


/*
#sidebar .social img {
   border: 1px solid #6e6157;
   margin: 5px 0;
}
*/

.fb-like-box {
	background-color: white;
	border-bottom: 1px solid #6e6157;
	margin-bottom: 15px;
}

.twitter-follow-button {
	margin-bottom: 15px;
}

/*
#searchform a {
   text-decoration: underline;
}
*/

#searchstring {
   width: 145px;
}

/********** FOOTER **********/

#footer {
   margin: 0px 0 0 0 ;
   height: 163px;
   background: #ffffff url(images/body_bottom.jpg) scroll no-repeat left top;
} 

/********** ADS **********/

.ad {
   text-align: center;
}

#ad-top {
   margin: 0 0 35px 0;
}

#ad-single {
   /* border: 1px solid #B7CED4; */
   width: 180px;
   height: 150px;
   float: right;
}

#ad-search {
   margin: 20px 0 30px 0;
}

#ad-bottom {
   text-align: left !important;
   margin: 0;
   padding: 15px 0 0 195px;
}

#ad-linkblock {
   position: relative;
   left: -3px; 
   top: 10px;
}

/********** Facebook Connect **********/

#facebook-login {
   width: 40%;
   float: right;
   padding: 18px 0 0 0;
   text-align: right;
}

#fb-user {
   overflow: hidden;
   margin: 0 0 15px 0;
}

#fb-title {
   font-weight: bold;
}

#fb-user img {
   float: left;
   margin: 0 10px 0 0;
   padding: 3px;
   background: #ffffff;
   border-left: 1px solid #f0f0f0;
   border-top: 1px solid #f0f0f0;
   border-right: 1px solid #586066;
   border-bottom: 1px solid #586066;
}