/*

Theme Name: White Space
Theme URI:http://darice.org/
Description: Original darice.org design based on white space.
Version:1.0
Author:Darice de Cuba
Author URI:http://darice.org/
Tags:minimal, simple, clean, white	"White" 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; }

@font-face { font-family: 'Franchise';
 src: url('font/Franchise-Bold.eot');
 src: local('Franchise-Bold'), local('Franchise-Bold'),
 url('font/Franchise-Bold.ttf') format('truetype'); }


body {
	background: #F9F9F9;
	color: #444;
	font: 13px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif; 
    -webkit-font-smoothing: antialiased;
	
}


h1 { font-size: 26px; font-weight: bold; letter-spacing: 3px; text-shadow: 2px 2px 2px #fff; }
h2 { font-size: 24px; font-weight: normal; margin: 8px 0 8px 0; text-shadow: 2px 2px 2px #fff; font-family: "Franchise"; }
h3 { font-size: 16px; font-weight: normal; margin: 8px 0 8px 0; }
h4 { font-size: 14px; }

p { margin: 7px 0 7px 0; line-height: 18px; }
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; }

a { color: #dc370a; }
a:hover { color: #111; }
li.current_page_item a, li.current-menu-item a { text-decoration: none; }
#sidebar a, #footer a, .item_meta a { color: #2b63a5; } 

img.clean, li.comment img, #lightdiv-button {
	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 h1 { height: 119px; width: 405px; margin: 0 auto;
			background: url('images/logo.png') no-repeat; text-indent: -9999px; }
#header h1 a { height: 119px; width: 405px; display: block;  }


#container { 
	width: 540px;
	margin: 0 auto;
	margin-bottom: 20px;
		}
	
#twitter { background: #fff; padding: 5px; border: 1px solid #ccc;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
	width: 360px; margin: 0 auto; margin-top: 20px; margin-bottom: 30px;}
#twitter img { float: left; }

#content { }

#content h2 a { font-size: 30px; color: #444; text-transform: lowercase; text-decoration: none; font-family: Franchise; letter-spacing: 2px; }
#content h2 a:hover { color: #111; text-decoration: none; }
#content span.date { font-size: 15px; letter-spacing: 2px; color: #a6a6a6; margin: 0 0 0 10px; text-shadow: none; vertical-align: 0.5em; }
#content .post { margin: 0 0 40px 0; }

#content .post h3 { font-weight: bold; margin: 15px 0 10px 0; }

#content .item_meta {  margin: 15px 0 0 0; padding: 5px; background: #F1F1F1;  clear: both; } 

#fb-root { display: block; height: 25px; margin: 0; }

#lightdiv-button-div-r { margin: 0 0 17px 0; display: block; }

blockquote { background: #FFF; padding: 10px; border-top: 2px solid #eee; color: #111;}


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

#sidebar h2 { font-size: 16px; margin: 25px 0 2px 0;}

#sidebar a { font-size: 14px; font-weight: bold; text-transform: uppercase; }
#sidebar ul#widget li ul li { margin: 0 0 5px 0; }


/* #############################
######## FOOTER #############
############################### */

#footer {
	padding: 3px 8px;
	border-top: 1px solid #ccc;
	margin: 20px 0 0 0;
}

#footer div {
    width:162px;
    margin: 20px 20px 10px 0;
    float:left;
    border-right: 1px solid #ccc;
}

#footer div strong { font-size: 16px; font-weight: normal; font-family: Franchise; letter-spacing: 2px; text-transform: lowercase; }
#footer div li strong { font-size: 11px; letter-spacing: normal; text-transform: none; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

#footer div div#flickr img {
	width: 32px;
	height: 32px;
	margin: 0 3px 0 0;
	padding: 2px;
	border: 1px solid #999;
	-webkit-box-shadow:rgba(2,53,104,.45) 0 1px 3px; 
	-moz-box-shadow:rgba(2,53,104,.45) 0 1px 3px; 
	background: #fff !important;
}

#footer div.last {
    width: 153px;
    margin: 15px 0 10px 0;
    border: 0;
}

#footer div.last ul {
	font-size: 11px;
}
#footer div.last div {
	margin: 0;
	border: 0;
}
/*search field*/
#footer #searchform { margin: 0 0 5px 0;}
#footer input#searchsubmit {
	background: url('images/search.png') no-repeat;
	width: 22px;
	height: 22px;
	border: 0;
	text-indent: -9999px;
	float: right;	
}

#footer label.screen-reader-text {
	display: none;
}

#footer #searchform input#s {
	width: 127px;
	border: 1px solid #ccc;
}

#footer .small {
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #ccc;
}

.clearfix { clear: both; }

/* footer archive | code by Franky: http://ifranky.com/ */
    h4.archive { margin: 10px 0 0 12px; text-transform: lowercase; font-size: 26px;  font-weight: normal; clear: both; font-family: Franchise;}
	ul.archive_footer_post { float: left; width: 220px; height: 105px; margin: 0px 0 4px 0; padding: 5px; }
	li.archive_footer_post { float: left; width: 220px; list-style: none; padding: 5px; margin: 0; display: block; clear: both; border: 1px solid #F7F7F7; }
	li.archive_footer_post:hover { background: rgba(255,255,255,.5); -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #eee; }
	.archive_footer_post { padding: 0 0 5px 0; margin: 0 0 5px 0; }
	.archive_footer_title a { color: #444; font-weight: bold; text-decoration: none; }
	.archive_footer_title a:hover { }
	.archive_footer_date, .home_recent_auth { padding: 0; margin: 0; color: #a5a5a5; font-size: 0.9em; }
	.archive_footer_date a, .home_recent_auth a { text-decoration: none; color: #2b63a5;}
	.archive_footer_exc p { color: #525252; text-align: left; }
	
#cat-col-1, #cat-col-2, #cat-col-3, #cat-col-4, #cat-col-5, #cat-col-6 {
	display: block;
	float: left;
	margin: 15px 0 20px 2px;
	padding: 0 5px;
	width: 115px;
}

ul.category_footer_post li { padding: 3px; }
ul.category_footer_post a { color: #2b63a5; text-transform: uppercase; border: 1px solid #F7F7F7; padding: 3px; text-decoration: none;}
ul.category_footer_post a:hover { background-color: #FFF; border: 1px solid #EEE; }



.nav-previous { float: left; width: 50%; margin: 0 0 20px 0; }
.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 { height: 15px; margin: 55px 0 55px 0; }

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

h3#reply-title { font-family: "Franchise"; font-size: 24px; text-transform: lowercase; }

li.comment { background: #fff; padding: 5px; border: 1px solid #ccc;
	-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: #fff; border: 1px solid #eee;}

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; }