/*  

Theme Name: MiamiBeach

Author URI: http://www.nathanrice.net/

Version: 1.0

Author: Nathan Rice

Description: MiamiBeach is a custom theme.

It has 3 columns, with sidebars on the right and content on the left.

The CSS, XHTML and design is released under GPL: 

http://www.opensource.org/licenses/gpl-license.php

*/



html, body { margin: 0; padding: 0; }



body { 

	background: #E1E1E1;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align: center;

	padding-bottom: 20px; 

	text-align: center;

	color: #333333;

}



body * {margin: 0px; padding: 0px;}



/*********************************************

		Global Link Styles

*********************************************/

a {

	color: #336699;

	text-decoration: none;

}

a:hover { 

	color: #51adbd; 

	text-decoration: none;

}



/*********************************************

		Text Elements

*********************************************/

p, ul, ol, blockquote{color: #333333; font-size: 12px; font-family: Verdana, Arial, Sans-Serif;}

ol, ul {

	margin: 5px 35px;

}

li {

	margin: 5px 0px;

}

blockquote {

	margin: 5px 0px 5px 10px;

	padding: 0px 0px 0px 30px;

	background: url(images/quote.png) no-repeat;

	font-style: italic;

}

img { border: 0px; background: none; }

p {

	padding: 10px 0px;

	margin: 0px;

	line-height: 1.8em;

}

/*********************************************

		Header Styles

*********************************************/

h1 { /* This style used as title on single posts and pages */

	font-family: "Times New Roman", Georgia, Serif;

	font-size: 20px;

	font-weight: normal;

	padding: 0px;

	margin: 0px 0px 3px 0px;

	line-height: 28px;

	color: #1d6598;

	text-decoration: none;

	border-bottom: 1px solid #c4d7e6;

}

h2 { /* This style used as header in the sidebars */

	background: transparent;

	font-size: 19px;

	color: #51adbd;

	font-family: "Times New Roman", Georgia, Serif;

	margin: 0px 0px 10px 0px;

	padding: 5px 0px;

	font-weight: normal;

	border: none;

	border-bottom: 1px solid #c4d7e6;

}

h2 a {

	color: #51adbd;

	text-decoration: none;

}

h2 a:hover {

	color: #1d6598;

	text-decoration: none;

}

h3 { /* This style used as the post titles on homepage/archive */

	font-family: "Times New Roman", Georgia, Serif;

	font-size: 20px;

	font-weight: normal;

	padding: 0px;

	margin: 0px 0px 3px 0px;

	line-height: 28px;

	color: #1d6598;

	text-decoration: none;

	border-bottom: 1px solid #c4d7e6;

}

h3 a {

	font-family: "Times New Roman", Georgia, Serif;

	font-size: 20px;

	font-weight: normal;

	padding: 0px;

	margin: 0px;

	color: #1d6598;

	text-decoration: none;

	border: none;

}

h3 a:hover {

	color: #51adbd;

	border: none;

}

h4 { /* This style used as title for comments and as the identifying header on archive page  */
    border-bottom: 1px solid #C4D7E6;
    color: #1D6598;
    font-family: "Times New Roman",Georgia,Serif;
    font-size: 20px;
    font-weight: normal;
    font-style: italic;
    line-height: 28px;
    margin: 0 0 3px;
    padding: 0;
    text-decoration: none;
}

h4 a {

}

h4 a:hover {

	/* Just in case */

}



/*********************************************

		Container Div

*********************************************/

#container {

	background: #FFF;

	border: 1px solid #c0d3e9;

	text-align: left;

    margin: 0px auto;

    width: 958px;

    padding: 0px 0px;

}



/*********************************************

		Header Styles

*********************************************/

#header {

	border: 0px solid black;

	background: #FFF url(images/header.png) no-repeat;

	height: 64px;

	margin: 0px 30px;

	padding: 0px;

	display: block;

	position: relative;

}

/*********************************************

		Title (Miami Beach Blog)

*********************************************/

#title {

	color: #649CD0;

	display: block;

	width: 400px;

	float: left;

	margin: 0px; padding: 30px 0px 0px 280px;

	font-family: Verdana, Arial, Sans-Serif;

	font-size: 11px;

	font-weight: bold;

}

#title a {

	color: #649CD0;

	text-decoration: none;

	border: none;

}

#title a:hover {

	color: #649CD0;

	text-decoration: underline;

	border: none;

}





/*********************************************

		Google Search

*********************************************/

#goog-search {

	color: #649CD0;

	display: block;

	float: right;

	margin: 0px; padding: 22px 0px 0px 0px;

}



/*********************************************

		Horizontal Navigaion Styles

*********************************************/

#menu {

	color: #FFF;

	font-size: 10px;

	font-family: Verdana, Helvetica, Arial, Sans-Serif;

	font-weight: bold;

	text-align: left;	

	text-transform: uppercase;

	padding: 4px 0px 0px 215px;

	margin: 0px;

	display: block;

	clear: both;

}

#menu ul {

	font-size: 10px;

	font-family: Verdana, Helvetica, Arial, Sans-Serif;

	background: transparent;

	margin: 0px;

	padding: 0px 0px;

	}

#menu ul li {

	display: inline;

	list-style-type: none;

	margin: 0px;

	padding: 0px 0px;

	}

#menu ul li a {

	color: #FFF;

	padding: 0px 0px;

	margin: 0px 8px;

	text-decoration: none;

	border: none;

	}

#menu ul li a:hover {

	color: #FFF;

	text-decoration: none;

	background: #336699;

	border: none;

	}

	

/*********************************************

		Content Div

*********************************************/

#content {

	float: left;

	margin: 0px 0px 0px 0px;

	padding: 30px 30px 20px 30px;

	width: 650px;

	display: block;

	border-right: 1px solid #c4d7e6;

}

#content img {

	margin: 0px 20px 10px 0px;

	border: 1px solid #336699;

}

#content img.left {

	display: block;

	float: left;

	margin: 0px 20px 10px 0px;

	border: 1px solid #336699;

}

#content img.alignleft {

	display: block;

	float: left;

	margin: 0px 20px 10px 0px;

	border: 1px solid #336699;

}

#content img.right {

	display: block;

	float: right;

	margin: 0px 0px 10px 20px;

	border: 1px solid #336699;

}

#content img.alignright {

	display: block;

	float: right;

	margin: 0px 0px 10px 20px;

	border: 1px solid #336699;

}

#content img.borderNone {

	border: none;

}

.post-more { /* Use this class to style the "more" tag */

	text-align: right;

	font-family: Verdana, Arial, Sans-Serif;

	font-size: 10px;

	text-transform: uppercase;

}

.post-more a, .post-more a:visited { /* Use this class to style the link within the post-more div */

	padding: 2px 15px 2px 0px;

	background: url(images/blue-arrow-right.gif) right 2px no-repeat;

	border: none;

	color: #336699;

}

.post-more a:hover {

	text-decoration: underline;

	color: #336699;

}

.reverseRed {
    border-radius: 2px 2px 2px 2px;
    background-color: #A01D28;
    color: White;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.0em;
    padding:  3px 4px 4px 4px;
}

.reverseOrange {
    border-radius: 2px 2px 2px 2px;
    background-color: #f4a42f;
    color: White;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.0em;
    padding:  3px 4px 4px 4px;
}


/*********************************************

		Post Meta Styles

*********************************************/

.meta-date {

	font-family: Verdana, Arial, Sans-serif;

	font-size: 10px;

	color: #999;

	text-transform: uppercase;

	letter-spacing: 2px;

	display: block;

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

}

.meta-top {

	clear: both; /* we need this so floats in the post are cleared */

	padding: 0px;

	margin: 0px;

}

.meta-bottom {

	clear: both; /* we need this so floats in the post are cleared */

	padding: 5px;

	margin: 10px 0px 30px 0px;

	font-size: 10px;

	letter-spacing: 2px;

}

.meta-bottom a {

	border: none;

	color: #336699;

}

.meta-bottom a:hover {

	text-decoration: underline;

	color: #51adbd;

}



/*********************************************

		Previous/Next Page Navigation

*********************************************/

.page-nav {

	clear: both; /* To clear any floats */

	margin: 10px 0px;

	padding: 10px 0px;

	font-family: Verdana, Arial, Sans-Serif;

	font-size: 10px;

	text-transform: uppercase;

}

.nav-previous {

	width: 249px; 

	float: left; 

	text-align: left;

}

.nav-next {

	width: 249px; 

	float: right; 

	text-align: right;

}

.nav-previous a {

	background: url(images/blue-arrow-left.gif) left 50% no-repeat;

	padding: 5px 0px 5px 15px;

}

.nav-next a {

	background: url(images/blue-arrow-right.gif) right 50% no-repeat;

	padding: 5px 15px 5px 0px;

}

.page-nav a {

	border: none;

	text-decoration: none;

}

.page-nav a:hover {

	text-decoration: underline;

	color: #336699;

}





/*********************************************

		Right Sidebar

*********************************************/

#r_sidebar {

	display: inline;

	float: right;

	border: 0px solid black;

	width: 200px;

	margin: 34px 0px 15px 0px; padding: 0px 30px 0px 0px;

	display: block; /* floats are handled as block elements, this is to fix 

						a margin collapsing bug in IE */

	font-family: Verdana, Arial, Sans-Serif;

	font-size: 12px;

}

#r_sidebar a {

	border: none;

}

#r_sidebar p {

	padding: 5px;

}

#r_sidebar img {

	text-align: center;

}

#r_sidebar form {

	padding: 0px;

	margin: 5px;

}

#r_sidebar ul {

	list-style-type: none;

	padding: 0px;

	margin: 0px;

	font-family: Verdana, Arial, Sans-Serif;

	font-size: 11px;

}

#r_sidebar ul li {

	padding: 0px 0px 10px 0px;

}

#r_sidebar ul li ul {

	padding: 0px 0px 0px 0px;

}

#r_sidebar ul li ul li {

	padding: 0px;

	margin: 5px 0px;

}

#r_sidebar ul li ul li a {

	color: #1d6598;

	text-decoration: none;

}

#r_sidebar ul li ul li a:hover {

	color: #51adbd;

	text-decoration: underline;

}

#r_sidebar ul li ul li ul {

	padding: 0px;

	margin: 0px;

}

#r_sidebar ul li ul li ul li {

	padding: 0px;

	margin: 5px 10px 5px 5px;

}



/* Category listing styles */

#r_sidebar ul li.categories ul li a {

	font-family: "Times New Roman", Georgia, Serif;

	font-size: 17px;

	color: #1d6598;

}

#r_sidebar ul li.categories ul li a:hover {

	font-family: "Times New Roman", Georgia, Serif;

	font-size: 17px;

	text-decoration: underline;

	color: #51adbd;

}



/* Feed Link styles */

#r_sidebar ul li.feeds a {

	background: url(images/rss.jpg) 0px 50% no-repeat;

	padding: 3px 5px 3px 18px;

}

#r_sidebar ul li.feeds a:hover {

	text-decoration: underline;

}



/*********************************************

		Comment Styles

*********************************************/

.comments {

	padding: 8px;

}

.comments .even {

	margin: 5px 0px 5px 0px;

	padding: 10px;

	background: #FFFFFF;

	overflow: hidden;

	border-bottom: 1px dotted #B7B7B7;

}

.comments .odd {

	margin: 5px 0px 5px 0px;

	padding: 10px;

	background: #FFFFFF;

	overflow: hidden;

	border-bottom: 1px dotted #B7B7B7;

}



/*********************************************

		Footer Styles

*********************************************/

#footer {

	margin: 15px 0px 0px 0px;

	padding: 20px;

	clear: both;

	background: transparent;

	text-align: center;

}

#footer a {

	text-decoration: none;

	border: none;

}

#footer a:hover {

	text-decoration: underline;

}

/* Single Post Adsense */

.post-top-ad { margin-bottom: 16px;

	margin-top: 0px;
	
}

.post-bottom-ad { margin-bottom: 24px;

	margin-top: 0px;
	
}