/*

Theme Name: Bokeh
Theme URI:http://darice.org/
Description: Original darice.org design inspired by bokeh effect.
Version:1.0
Author:Darice de Cuba
Author URI:http://darice.org/
Tags:minimal, simple, clean, dark colors	"Bokeh" by http://darice.org/

	This theme was designed and built by Darice de Cuba

	Design is copyrighted.  

*/


/* Reset (Browser reset for compatibility)
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, img{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse:collapse;border-spacing:0; }
caption, th, td { text-align: left; font-weight: normal; }


body {
	background: url("images/bg.jpg") no-repeat fixed;
	color: #fff;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
	
}


h1 { font-size: 26px; font-weight: bold; letter-spacing: 3px; text-shadow: 2px 2px 2px #222; }
h2 { font-size: 22px; font-weight: bold; margin: 8px 0 8px 0; text-shadow: 2px 2px 2px #444; }
h3 { font-size: 16px; font-weight: bold; margin: 8px 0 8px 0; }
h4 { font-size: 14px; }

p { margin: 7px 0 7px 0; line-height: 20px; }
b {	font-weight: bold;}
strong { font-weight: bold;}
i { font-style: italic;}
em { font-style: italic;}
small { font-size: 80%; }

.post ul, ol { padding: 0 0 0 5px; margin: 0 0 0 15px;}
.post li { list-style: square;}

.post code { font-family: "Courier New", Courier, mono; background: #274a66;  }

a { color: #dadada; font-weight: bold;}
a:hover { color: #fff; }
li.current_page_item a, li.current-menu-item a { text-decoration: none; }
#sidebar a, #footer a { color: #2b63a5; } 

img.clean {
	padding: 0; border: 0; background: none !important;
	-webkit-box-shadow: none; -moz-box-shadow: none; }
	
img { 
	padding: 5px;
	border: 1px solid #999;
	-webkit-box-shadow:rgba(2,53,104,.85) 0 3px 9px; 
	-moz-box-shadow:rgba(43,84,118,.85) 0 3px 9px; 
	background: #fff !important;
}


/* #############################
######## LAYOUT #############
############################### */

#header { height: 65px; padding: 10px 0 0 30px; }
#header h1 a { color: #fff; text-decoration: none; }
#header span.tagline { font-size: 16px; font-style: italic; color: #eee; margin: 0 0 0 10px; text-shadow: none; letter-spacing: 5px;}

#container { 
	width: 820px;
	margin: 0 auto;
	background: rgba(216, 216, 192, 0.4);
	border: 1px solid #eee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px; margin-bottom: 20px;}

#content { 
	width: 540px;
	float: left;
	margin: 0 0 0 30px;
}

#content h2 a { color: #fff; text-decoration: none; }
#content h2 a:hover { color: #fff; text-decoration: none; }
#content span.date { font-size: 12px; font-style: italic; color: #eee; margin: 0 0 0 10px; text-shadow: none; }
#content .post { margin: 0 0 40px 0; }

#content .item_meta { width: 540px; background: rgba(34, 34, 34, 0.3); padding: 5px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
	
blockquote { background: rgba(129, 51, 99, 0.5); padding: 5px 5px 5px 15px; margin: 0 0 0 10px;
			 border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
			 line-height: 22px; }

#sidebar { 
	width: 175px;
	float: right;
	padding: 40px 0 0 0;
}

#sidebar h2 { text-shadow: none;}

#sidebar a { font-size: 14px; font-weight: bold; text-transform: uppercase; }

#sidebar ul#widget li ul li { margin: 0 0 5px 0; }

#footer { 
	clear: both;
	width: 820px;
	text-align: center;
	padding: 10px 0 0 0;
	}


.nav-previous { float: left; width: 50%; }
.nav-next { float: right; width: 50%; text-align: right; }

#nav-above { margin: 0 0 18px 0; }
#nav-above { display: none; }

.paged #nav-above, .single #nav-above { display: block; }

#nav-below { margin: 0 0 0 0; }

	
/* #############################
######## COMMENTS #############
############################### */

li.comment { background: rgba(34, 34, 34, 0.5); padding: 5px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
	margin: 0 0 20px; }
	
textarea#comment { display: block; }
label { font-weight: bold; }

.form-allowed-tags dt {font-style: italic; font-weight: bold; }
.form-allowed-tags dd {font-style: italic; }
	
li.bypostauthor { background: rgba(129, 51, 99, 0.5); }

div.comment-author { display: inline; }
div.comment-author span.says { font-style: italic; }
div.comment-meta { float: right; }


/* #############################
######## WIDGETS #############
############################### */

li#text-4 { font-size: 10px; }
li#text-4 a { font-size: 10px; }

/* #############################
######## BUTTONS #############
############################### */

.button, #submit {
		padding: 3px 3px;
	 -webkit-border-radius: 2px 2px;
	 -moz-border-radius: 2px 2px;
	border: solid 1px rgb(153, 153, 153);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
	background: -moz-linear-gradient(-90deg,#FFF,#DDD);
	color: #333;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	line-height: 1; }
	
.button:focus { border-color:#666; }
.button:active { margin-top:1px; }