
/*
Theme Name: BlackWooden
Theme URI: http://wordpress.org/extend/themes/Wooden
Author: Asma
Author URI: 
Description: woden is owesome
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: BlackWooden
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.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
@charset "utf-8";
/* CSS Document */

.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.entry-content img{ max-width:760px;}
.entry-content h1{color:#FFF}
.entry-content h2{color:#FFF}
.entry-content h3{color:#FFF}
.entry-content h4{color:#FFF}
.entry-content h5{color:#FFF}
.entry-content h6{color:#FFF}
.wp-caption .wp-caption-text,
article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}
.gallery-caption,
.gallery-caption {
	width: 90%;
}
.gallery-caption a {
	display: inline;
}
li.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
.alignright {
	float: right;
}
img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
.alignleft {
	float: left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
li.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}

body{margin:0; padding:0; background-image:url(Wood3_1600x1200.jpg)}
#wrapper{
	width:960px;
	margin:0 auto; min-height:1000px;
	float:none}
#menu{ width:100%; min-height:50px; color:#FFF;}
#down{width:100%; min-height:130px;}
#logo{float:left; width:200px; min-height:100px; margin-left:30px;margin-top:15px;}
.cb{clear:both;}
#name{margin-top:28px;float:left;width:600px; min-height:100px; margin-left:-10px; }

#divs{float:left; width:700px; min-height:420px; margin-left:20px;margin-top:10px;  background: #e3e3e3;
     -moz-border-radius:15px;
     -webkit-border-radius: 15px;
	 margin-top:22px;
    }
#alert{ margin-top:90px;float:left;width:200px; min-height:420px; margin-right:10px;background-color:rgba(238,90,0,0.6);margin-top:20px; border: 2px solid rgba(238,90,0,0.6);
     background: rgba(238,90,0,0.6);
     -moz-border-radius:15px;
     -webkit-border-radius: 15px;
	 margin-left:10px;
     }
.div1{ margin-top:20px;float:left;width:290px; min-height:220px; margin-left:10px; margin-right:20px; border: 2px solid #434343;
     background: #e3e3e3;
     -moz-border-radius:15px;
     -webkit-border-radius: 15px;
     width:310;}

.img2{width:130px; min-height:90px; margin-left:20px; margin-right:20px; background-color:#39F;margin-top:20px;}
.img1{width:130px; min-height:90px; margin-left:20px; margin-right:20px; background-color:#39F;}
#f ul li{ float:left;color:#FFF; text-decoration:none; list-style:none; font-family:Verdana, Geneva, sans-serif; line-height:30px;border-right:solid;}
#f ul li a{color:#FFF; text-decoration:none; list-style:none; margin-left:50px; margin-right:50px; }
#f{ margin-top:100px; background-color: #000;} 
.text{ text-align:center; font-family:"Times New Roman", Times, serif; font-style:italic; color:#FFF}
#menu ul {
	margin-top:14px;

}
#menu
{
	width:100%;
	height:40px;
}
#menu ul li {
	display:inline;
	color: #999;
	padding:15px 20px;
	font-family:Verdana, Geneva, sans-serif;
	border-right: 1px solid #FFF;
}
#menu ul li a{
	display:inline;
	color: #999;
	padding:15px 20px;
	font-family:Verdana, Geneva, sans-serif;

}

#slider{ margin-left:70px; width:60%; height:300px; background-color:#F00; margin-top:5px}
