/*
Theme Name: Ultimate Diva Flippybits
Theme URI: http://www.wordpressdiva.com/themes/47/ultimate-diva-sandbox.html
Description: Two-column WordPress Sandbox theme flippified.
Author: WordPress Diva
Author URI: http://www.wordpressdiva.com/
Version: 1.0.0
*/

/* =================================
All Rights Reserved.

This theme is subject to the theme use 
policy outlined at the address below:
http://www.wordpressdiva.com/themes/legal/theme-use/

Please note: There are a number of empty CSS 
elements. This is intentional and are there so you 
can have maximum flexibility with customizing 
specific theme elements.

For more information, see:
http://www.wordpressdiva.com/themes/read-me/css/
================================== */

/* let's get universal */
body 
{
	background-color: #fff;
}
a 
{
	color: black;
	text-decoration: none;
	border-bottom: 1px black solid;
}
a:hover 
{
	color: cfdd62;
}
a img 
{
	border: none; 
	text-decoration: none;
}
acronym, abbr {}
blockquote 
{
	margin-left: 20px;
	margin-right: 0px;
}
blockquote cite {}
code, pre {}
fieldset {}
legend {}
h1, h2, h3, h4, h5, h6, p, blockquote, li
{
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
    	line-height:150%;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
h1 {}
h2 {}
h3 {}
h4 {}
hr {}
input, textarea {}
td, th, tr {}

#wrapper
{
	width: 730px;
	\width: 740px;
	w\idth: 730px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

/* Header */
#top 
{
	text-align: center;
	height: 1px; 
}
	#top h1 {}
	#top p.blogdescription {}
	
/* Content */
#content 
{
	margin-left: 175px;
	padding: 5px;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	padding-left: 20px;
	padding-right: 20px;
}
	/* blog posts */
	.post-wrap {}
	.author {}
	.author a {}
	.author a:hover {}
	.post-meta {}
	.post-date {}
	.post-title 
	{
		font-weight: normal;
		font-family: Georgia, Times, Serif;
		font-size: 16px;
	}
	.post-title a 
	{
		padding: 5px;
		border: 2px  outset #cfdd62;
	}
	.post-title a:hover {background-color: #cfdd62;}
	.story-content {}
		/* post content headings */
		.story-content h3 {}
		.story-content h4 {}
		/* playing with blockquotes */
		.story-content blockquote {}
		.story-content blockquote cite {}
		.story-content blockquote .styleleft {}
		.story-content blockquote .styleright {}
		/* post content lists */
		.story-content ul {}
		.story-content ol {}
		/* post content links */
		.story-content a {}
		.story-content a:visited {}
		.story-content a:hover {}
		.story-content a img 
		{
			border: none; 
			text-decoration: none;
		}
		/* post content tables */
		.story-content table {}
		.story-content th {}
		.story-content tr {}
		.story-content td {}
		/* post content forms */
		.story-content form {}
		.story-content fieldset {}
		.story-content legend {}
		.story-content label {}
		.story-content input {}
		.story-content input.submit {}
	/* single page meta info */
	.metawrap {}
	.singlemeta {}
	.singlemeta a {}
	.singlemeta a:hover {}
	.interact {}
	.interact a {}
	.interact a:hover {}
	/* blog comments */
	#commentwrap {}
	#commentwrap fieldset 
	{
		border: none;
	}
	#commentwrap fieldset legend 
	{
		display: none;
	}
	#comments {}
	#comments big {}
	#respond {}
	.nocomments {}
	.commentmetadata {}
		/* individual comments */
		#commentlist {}
		#commentlist li {}
		#commentlist li a {}
		#commentlist li a:hover {}
		#commentlist li.alt {}
		#commentlist li.alt a {}
		#commentlist li.alt a:hover {}
		#commentlist cite {}
			/* individual comment content */
			#commentlist .commentcontent {}
			#commentlist blockquote {}
			#commentlist code {}
			#commentlist ul {}
			#commentlist ol {}
		/* comment form */
		#commentform {}
		#commentform dl {}
		#commentform dt {}
		#commentform dd {}
		#commentform fieldset {}
		#commentform legend {}
		#commentform label {}
		#commentform input#author {}
		#commentform input#email {}
		#commentform input#url {}
		#commentform textarea {}
		#commentform input#submit {}
		/* pop up comments */
		#commentspopup {}
		#commentspopup h1#header {}
		#popupcontent {}
		#popupcontent .interact {}
		#popupcontent .commentwrap {}
		
/* Sidebar */
#side 
{
	float: left;
	width: 150px;
	\width: 150px;
	w\idth: 150px;
	margin: 0 5px 0 0;
	padding: 5px 20px 0 0;
}
	#side ul 
	{ 
		list-style-type: none; 
		padding: 0;
	}
	#side li 
	{ 
		font: 90%/145% 
		list-style-type: none;
		padding: 0;
	}
	#side li h2 {}
	#side li ul { list-style-type: none; }
	#side li li { list-style-type: none; }
	#side p
	{ 
		text-align: left;
		padding: 0;
		margin: 0;
	}
	#side a
	{
		border: 0px;
		color: #112468;
	}
		/* sidebar widgets */
		#side li#text-1 h2
		{
			display: none;
		}
	
		/* search box */
		#side li#search {}
		#side li#search h2 {}
		#side li#search fieldset {}
		#side li#search legend {}
		#side li#search label {}
		#side li#search dl {}
		#side li#search dt {}
		#side li#search dd {}
		#side li#search input#s {}
		#side li#search input#search {}
		/* common sidebar list elements */
		#side li#archive {}
		#side li#categories {}
		#side li#meta {}
		#side li#pages {}
		/* calendar */
		#calendar_wrap {}
		#wp-calendar {}
		#wp-calendar #next {}
		#wp-calendar #next a {}
		#wp-calendar #next a:hover {}
		#wp-calendar #prev {}
		#wp-calendar #prev a {}
		#wp-calendar #prev a:hover {}
		#wp-calendar a {}
		#wp-calendar caption {}
		#wp-calendar th {}
		#wp-calendar tr {}
		#wp-calendar td {}
		#wp-calendar td.pad {}
		#wp-calendar td.pad:hover {} /* not IE compatible */
		
/* Footer */
#bottom 
{
	clear: both;
	margin-top: 5px;
}
#bottom p
{
	text-align: center;
}
#bottom a {}
#bottom a:hover {}
	/* attribution link styling */
	#bottom p.credit {}
	#bottom p.credit a {}
	#bottom p.credit a:hover {}

/* Various Classes & Image Alignment */
.center {text-align: center;}
.floatleft {float: left; margin: 5px;}
.floatright {float: right; margin: 5px;}
img.center {display: block; margin: 10px auto;}
img.left {display: inline; margin: 0 10px 5px 0;}
img.right {display: inline; margin: 0 0 5px 10px;}
.nav {margin: 25px 0;}
.previous {float: left; text-align: left; width: 45%;}
.next {float: right; text-align: right; width: 45%;}
.caps {letter-spacing: 0.1em;  font-size: 10px; }