/*   
Theme Name: CSS3 Feb 10
Theme URI: http://www.css3.info
Description: New theme for CSS3.info released Feb 10
Author: Chris Morley with assitance from Peter Gasston
Author URI: http://www.css3.info
Version: 1.1
.
Copyright 2009 CSS3 .info.
.
*/

body {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	color: #333;
	margin: 0px;
	padding: 0px;
	background: #f9f9f9;
}

a:link,
a:visited	{ color: #0381DC; text-decoration: none; }
a:hover		{ color: #0381DC; text-decoration: underline; }
a:active	{ color: #0381DC; text-decoration: none; }

#page-detail a:link,
#page-detail a:visited	{ color: #fff; text-decoration: none; }
#page-detail a:hover		{ color: #fff; text-decoration: underline; }
#page-detail a:active	{ color: #fff; text-decoration: none; }

P {
	font-weight: normal;
	font-size: 14px;
	color: #000;

	

}

#page-head p {

color: #888;

}

img {

border: 0px;

}

h1 {
	margin:0;
}



h2 {
	
	font-weight: normal;
	font-size: 36px;
	color: #0381DC;
	padding: 0px;
	margin: 0px;
	text-shadow: 2px 2px 2px #000;
	
}

h2.fp {
	
	font-weight: normal;
	font-size: 36px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	text-shadow: 0px 0px 0px #000;
	
}

h3 {
	
	font-weight: normal;
	font-size: 22px;
	color: #0381DC;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	
	
}

h4 {
	
	font-weight: normal;
	font-size: 18px;
	color: #0381DC;
	padding: 10px 0px;
	margin: 0px;
	
	
	
}

hr {
color: #0381DC;
background-color: #0381DC;
}

.tagline {

	font-weight: normal;
	font-size: 28px;
	color: #0381DC;
	padding: 0px;
	margin: 0px;
	text-shadow: 2px 2px 2px #000;
	
}	

.small {

	font-size: 12px;
	color: #f9f9f9;
	
}

.wp-caption-text {

	font-size: 12px;
	font-style: italic;

}

p.post-data {


	font-size: 10px;
	
	text-align: right;
	
}

p.author {
font-size: 12px;
}

p.author-clear {
font-size: 12px;
clear: right;
}

.right {

	float: right;
	font-weight: normal;
	
}

p.white {
	
	color: #f9f9f9;
	width: 658px;
	
}

span.wpp-comments {

color: #888888;

}

#head {

	width: 100%;
	height: 181px;
	background-color: #333;

}

#inner-head {
	
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 200px;
	
}

#logo {

	float: left;


}

#logo h1 a{
	float:left;
	overflow:hidden;
	background:url(http://www.css3.info/wp-content/themes/css3-beta/images/CSS3.png) no-repeat 0 0;
	width:295px;
	height:137px;
	text-indent:-9999px;
}

#head-banner {

	float: right;
	width: 468px;
	padding-top: 43px;

}

#nav-wrapper {
	
	clear: both;
	position: relative;
	top: 9px;
	width: 960px;
}


#main-nav {
	
	float: left;
	width: 900px;
	font-weight: bold;
	font-size: 13px;
	padding: 0;

}

#right-button {
	
	
	float: right;
	text-align: right;
	width: 110px;

}

#page-head {

	
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	
	width: 928px;
	background-color: #333333;
			
			padding: 9px 16px;
	
}

#page-menu {

	
	
	margin-left: auto;
	margin-right: auto;
	
	width: 924px;
	background-color: #333333;
			border-bottom: 3px solid #0381DC;
color: #fff;
			
			padding: 0px 18px 9px 18px;
	
}

#page-detail {

	
	
	margin-left: auto;
	margin-right: auto;
	
	width: 924px;
	background-color: #333333;
			border-bottom: 3px solid #0381DC;
color: #888;
			
			padding: 0px 18px 9px 18px;
	
}

#page-menu ul
{

margin: 0;
padding: 0;
list-style-type: none;
}

#page-menu ul li { display: inline; }

#page-menu ul li a
{
padding: 0px 12px 0px 3px;
color: #fff;
}



#preview-menu ul
{

margin: 0;
padding: 0px 0px 0px 16px;

}



#preview-menu ul li a
{

color: #fff;

}

#author-list ul
{

margin: 0;
padding: 0px 0px 0px 16px;
color: #000;

}



#author-list ul li a
{
color: #fff;
}

#pop-list ul
{

margin: 0;
padding: 0px 0px 0px 16px;
color: #000;

}

#pop-list ul li {

padding-bottom: 5px;

}

#pop-list ul li a
{
color: #fff;
}

#footer2 ul
{

margin: 0;
padding: 36px 16px;
list-style-type: none;
}

#footer2 ul li { display: inline; }

#footer2 ul li a
{
padding: 0px 12px 0px 3px;
color: #fff;
}

#fp-page-head {

	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 928px;
	background-color: #EFEFEF;
			border-bottom: 0px solid #0381DC;
			padding: 9px 16px;
	
}

#post-author {

float: right;
text-align: right;

}

#post-author-image {

float: right;
text-align: right;

}

#main {
	
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	padding-top: 20px; 
	margin-bottom: 20px;


	
}

#content {
	
	float: left;
	width: 678px;
	padding: 0px;	

	


	
}

#sidebar {

float: right;



}

#author {
	


	background-color: #EFEFEF;
	padding: 9px 16px;
	margin-top: 20px;


	
}

#comments {
	


	background-color: #FFF;
	padding: 9px 16px;
	margin-top: 20px;


	
}

div.right-column {
	
margin-left: 6px;
	width: 250px;
	padding: 3px;
	background-color: #0381DC;
	-moz-box-shadow: 2px 2px 3px #4D4D4D;
-webkit-box-shadow: 2px 2px 3px #4D4D4D;
box-shadow: 2px 2px 3px #4D4D4D;
margin-bottom: 20px;

	
}


#footer {
	
	clear: both;
	width: 100%;
	height: 300px;
	background-color: #4d4d4d;
	margin-top: 20px;


}

#footer2 {

	width: 100%;
	background-color: #333;



}

#footer3 {
	
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	
}

#authorpic {

float: right;
padding-left: 10px;
margin-top: 0px;
}

div.fp-article {

	background-image: url('block-bg.png');
	padding: 9px 61px 9px 16px;
	margin-bottom: 20px;
	
}

div.fp-articlealt {

	background-color: #ffffff;
	padding: 9px 16px;
	margin-bottom: 20px;
	
}

div.article {
	


	background-color: #fff;
			padding: 9px 16px;
margin-bottom: 20px;
-moz-box-shadow: 2px 2px 3px #4D4D4D;
-webkit-box-shadow: 2px 2px 3px #4D4D4D;
box-shadow: 2px 2px 3px #4D4D4D;	
}

div.results {
	


	background-color: #fff;
			padding: 9px 16px;
margin-bottom: 20px;
-moz-box-shadow: 2px 2px 3px #4D4D4D;
-webkit-box-shadow: 2px 2px 3px #4D4D4D;
box-shadow: 2px 2px 3px #4D4D4D;
height: 200px;
overflow: auto;	
}

div.single-article {
	


	background-color: #fff;
			padding: 9px 16px 9px 16px;
margin-bottom: 20px;
-moz-box-shadow: 2px 2px 3px #4D4D4D;
-webkit-box-shadow: 2px 2px 3px #4D4D4D;
box-shadow: 2px 2px 3px #4D4D4D;	
}

#head-wrap {
	margin-left: auto;
	margin-right: auto;
	
	width: 960px;
-moz-box-shadow: 2px 2px 3px #4D4D4D;
-webkit-box-shadow: 2px 2px 3px #4D4D4D;
box-shadow: 2px 2px 3px #4D4D4D;	
}

div.content-wrap {

-moz-box-shadow: 2px 2px 3px #4D4D4D;
-webkit-box-shadow: 2px 2px 3px #4D4D4D;
box-shadow: 2px 2px 3px #4D4D4D;	
}

div.content-wrap-right {

width: 256px;
clear: right;
margin-left: 6px;
	margin-bottom: 20px;
-moz-box-shadow: 2px 2px 3px #4D4D4D;
-webkit-box-shadow: 2px 2px 3px #4D4D4D;
box-shadow: 2px 2px 3px #4D4D4D;	
}

div.mt-wrap-right {

width: 256px;
margin-left: 6px;
margin-top: 10px;
margin-bottom: 30px;
text-align: center;
	
}

div.bsa-wrap-right {

width: 262px;

text-align: center;
	
}

div.wp-pagenavi {

text-align: right;
margin-bottom: 20px;

}

div.fp-articlebase {

	background-color: #EFEFEF;
	padding: 9px 16px 9px 16px;
	margin-bottom: 20px;
	font-weight: bold;
	
	
	
}

h3.minihead {


font-weight: normal;
	font-size: 24px;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	text-shadow: 2px 2px 2px #000;
}

h3.sidehead {


font-weight: normal;
	font-size: 20px;
	color: #fff;
	padding: 0px;
	margin: 0px;
	text-shadow: 2px 2px 2px #000;
}

h3.sideblue {


font-weight: normal;
	font-size: 20px;
	
	padding: 0px;
	margin: 0px;
	text-shadow: 2px 2px 2px #000;
}

div.minihead {

	background-color: #4D4D4D;
			border-bottom: 2px solid #333;
	padding: 9px 16px 9px 16px;
	margin-bottom: 0px;

}

div.preview-head {

	background-color: #0381DC;
		
	padding: 9px 16px 9px 16px;
	margin-bottom: 0px;

	width: 224px;
	margin-top: 0px;

}

div.preview-base {

	background-color: #0381DC;
			border-bottom: 2px solid #0381DC;
	padding: 0px 16px 9px 16px;
	margin-bottom: 0px;
	
	width: 224px;


}

div.author-head {

	background-color: #333333;
		
	padding: 9px 16px 9px 16px;
	margin-bottom: 0px;

	width: 224px;
	margin-top: 0px;

}

div.author-base {

	background-color: #333333;

	padding: 0px 16px 9px 16px;
	margin-bottom: 0px;
	
	width: 224px;


}

div.sidehead {

	background-color: #333333;
		
	padding: 9px 16px 9px 16px;
	margin-bottom: 0px;

	width: 224px;
	margin-top: 0px;

}


div.fp-articlealt2 {

	background-color: #ffffff;
	padding: 9px 16px 9px 16px;
	margin-bottom: 0px;
	
}

div.fp-articlebase2 {

	background-color: #EFEFEF;
	padding: 9px 16px 9px 16px;
	margin-bottom: 20px;
	border-bottom: 16px solid #ffffff;
	
	
	
}


#fp-more {

	background-image: url('block-bg.png');
	padding: 9px 61px 9px 16px;
	margin-bottom: 20px;
	
}

#horizontal {

list-style-type: none;
padding: 0px;
margin: 0px;

}

span.nocomment {

float:right;
text-align: right;
margin-right: 10px;
}

span.copyright {

color: #888;
float: right;
text-align: right;
margin: 36px 16px;
}

.module { 
	float: left; 
	width: 315px; 
}

pre {
	background-color: #E9F9FF;
	border: 1px solid #DBE3E6;
	padding: 9px 16px;
       white-space: normal;
}

blockquote {
	font-style: italic;
	padding: 9px 16px;
	background-color: #eee;
}




/* Preview Pages */

#preview-text_shadow {
font-weight: bold;
text-shadow: 2px 2px 2px #999;
}

#preview-multi_text_shadows p {
background: black;
color: white;
font-size: 30px;
margin: 10px;
padding: 40px 0 10px;
text-align: center;
text-shadow: 0 0 4px white, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20;
}

@font-face {
font-family: Delicious;
src: url('/wp-content/uploads/2008/06/delicious-roman.otf');
}

@font-face {
font-family: Delicious;
font-weight: bold;
src: url('/wp-content/uploads/2008/06/delicious-bold.otf');
}

#preview-font_face p {
font-family: Delicious, Verdana, sans-serif;
font-size: 200%;
line-height: 1.2;
}

#preview-font_face p em {
font-style: normal;
font-weight: bold;
}

#border-image-1 {
margin: 0 30px;
width: 270px;
padding: 14px;
-o-border-image: url('/wp-content/uploads/2007/09/border.png') 27 round round;
-icab-border-image: url('/wp-content/uploads/2007/09/border.png') 27 round round;
-khtml-border-image: url('/wp-content/uploads/2007/09/border.png') 27 round round;
-moz-border-image: url('/wp-content/uploads/2007/09/border.png') 27 round round;
-webkit-border-image: url('/wp-content/uploads/2007/09/border.png') 27 round round;
border-image: url('/wp-content/uploads/2007/09/border.png') 27 round round;
border: double orange 1em
}

#border-image-2 {
margin: 0 30px;
width: 270px;
padding: 14px;
-o-border-image: url('/wp-content/uploads/2007/09/border.png') 27 stretch stretch;
-icab-border-image: url('/wp-content/uploads/2007/09/border.png') 27 stretch stretch;
-khtml-border-image: url('/wp-content/uploads/2007/09/border.png') 27 stretch stretch;
-moz-border-image: url('/wp-content/uploads/2007/09/border.png') 27 stretch stretch;
-webkit-border-image: url('/wp-content/uploads/2007/09/border.png') 27 stretch stretch;
border-image: url('/wp-content/uploads/2007/09/border.png') 27 stretch stretch;
border: double orange 1em;
}

#box-shadow-1 {
margin: 30px 0;
-o-box-shadow: 10px 10px 5px #888;
-icab-box-shadow: 10px 10px 5px #888;
-khtml-box-shadow: 10px 10px 5px #888;
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
padding: 5px 5px 5px 15px;
background-color: #eee;
width: 90%;
}

#box-shadow-2 {
margin: 30px 0;
box-shadow: -10px -10px 0px #000;
-o-box-shadow: -10px -10px 0px #000;
-icab-box-shadow: -10px -10px 0px #000;
-khtml-box-shadow: -10px -10px 0px #000;
-moz-box-shadow: -10px -10px 0px #000;
-webkit-box-shadow: -10px -10px 0px #000;
border-radius: 5px;
-o-border-radius: 5px;
-icab-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 5px 5px 5px 15px;
background-color: #eee;
width: 90%;
}

.multi-column {
background-color: #fff;
-o-column-gap: 1em;
-icab-column-gap: 1em;
-khtml-column-gap: 1em;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
column-gap: 1em;
padding: 5px;
}

#multi-column-1 {
-o-column-width: 13em;
-icab-column-width: 13em;
-khtml-column-width: 13em;
-moz-column-width: 13em;
-webkit-column-width: 13em;
column-width: 13em;
}

#multi-column-2 {
-o-column-count: 3;
-icab-column-count: 3;
-khtml-column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-o-column-rule: 1px solid black;
-moz-column-rule: 1px solid black;
-webkit-column-rule: 1px solid black;
column-rule: 1px solid black;
}

.word-wrap {
border: 1px solid;
padding: 5px;
width: 200px;
word-wrap:normal; 
}

#word-wrap { word-wrap:  break-word; }

.media-queries {
background-color: #f00;
float: left;
height: 100px;
margin-left: 30px;
text-align: center;
width: 100px;
}

@media all and (min-width: 640px) {
#media-queries-1 { background-color: #0f0; }
}	

@media screen and (max-width: 2000px) {
#media-queries-2 { background-color: #0f0; }
}




#head { background-image: -moz-linear-gradient(-90deg,#4D4D4D,#333); }

ul.dropdown > li, ul.dropdown > li a {   -moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-border-radius: 3px 3px 0 0; }

ul.dropdown > li { margin-right: 3px; }

#head-wrap {
background-color: #333;
   background-image: -moz-linear-gradient(-90deg,#4D4D4D,#333);
    -moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-border-radius: 3px 3px 0 0;
}

#page-head, #page-menu, #page-detail { background-color: transparent; }


div.fp-articlealt { padding: 2em 16px; }

div.minihead { padding: 0 16px; 
 background-image: -moz-linear-gradient(-90deg,#6d6d6d,#4D4D4D); border: 0px }

h3.minihead { line-height: 1.583em; }

h3, h4 {
    margin-bottom: 1em;
    padding: 0;
}

p {
    line-height: 1.428em;
    margin: 0 0 1.428em;
}

hr {
    font-size: 10px;
    margin: 0 0 1.8em;
}