/*

Theme Name: ProBlog

Theme URI: http://curtziegler.com

Description: ProBlog by Cudazi for ThemeForest.net

Version: 1.0

Author: Curt Ziegler

Author URI: http://curtziegler.com

*/



html, body, form,

h1, h2, h3, h4, h5, h6,

p, img, a

{

	margin:0;

	padding:0;

	outline:0;

	border:0;

}



body

{

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

	font-size:0.9em;

	color:#222;

	background:#dadada;

}	

a

{

	color:#333; /* Default Color */

}

a:hover

{

	color:#111; /* Default Color */

}

a:active

{

	color:#000; /* Default Color */

}

p

{

	line-height:150%;

}

h1, h2, h3, h4, h5, h6

{

	font-weight:normal;

	letter-spacing:-0.01em;

}

h1 { font-size:2.4em; }

h2 { font-size:1.9em; }

h3 { font-size:1.5em; }

h4 { font-size:1.3em; }

h5 { font-size:1.2em; font-weight:bold; }

h6 { font-size:1.2em; font-weight:bold; }



h1, h2, h3, h4, h5, h6, p

{

	margin:0 0 20px 0;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a

{

	text-decoration:none;

	color:#222;

}	



#header-top

{

	background:#eee;

	border-bottom:1px solid #f8f8f8;

	height:18px;

	line-height:18px;

}

#header .contentwidth

{

	border-bottom:1px solid #eee;

}

#logo

{

	width:320px;

	float:left;

}

#menu

{

	width:620px;

	float:right;

	margin-top:52px;

}

#menu UL

{

	margin:0;

	padding:0;

}

#menu UL LI

{

	list-style-type:none;

	padding:0;

	float:right;

}

#menu UL LI A

{

	color:#333; /* Default Color */

	display:block;

	padding:0 15px;

	line-height:25px;

	text-transform:uppercase;

	font-size:90%;

	font-weight:bold;

	text-decoration:none;

}

#menu UL LI A:hover, #menu UL LI.current_page_item

{

	background:#eee; /* Default Color */

}

#menu UL LI A:active

{

	color:#000; /* Default Color */

}



#outer

{

	/* NOTE */

	/* This can be overwrote via the custom settings page */

	/* A new background-image will be inserted into the head. */

	background:#fff url(images/bg.jpg) no-repeat top center;

}



#main

{

	min-height:100px;

}



#boxes {

	width:940px;

	margin:0px;

	padding:0px;

	}

#box1 {

	border:solid 2px black;

	width:276px;

	height:260px;

	background:#f2f2f2;

		float:left;	

		margin:0px 10px 0px 0px;

	padding: 5px;
	height:250px;
 	-moz-box-shadow:    inset 0 0 10px #A64126;
   -webkit-box-shadow: inset 0 0 10px #A64126;
   box-shadow:         inset 0 0 10px #A64126;
	}

#box2 {

	border:solid 2px black;

	width:276px;

	height:250px;

	background:#f2f2f2;

	float:left;	

		margin:0px 20px 0px 10px;

	padding: 5px 10px 5px 5px;

-moz-box-shadow:    inset 0 0 10px #A64126;
   -webkit-box-shadow: inset 0 0 10px #A64126;
   box-shadow:         inset 0 0 10px #A64126;
	}

	

#box3 {

	border:solid 2px black;

	width:276px;

	height:200px;

	background:#f2f2f2;

	float:left;	

		margin:0px 10px 0px 10px;

	padding: 5px;

	}

.box_image {

	height:100px;

	float:right;

	padding:5px;

	}

#hometop {

	width:940px;
	
	height:430px;

	margin:0px;

	padding:0px;

	}

#poem {

	width:576px;

	margin:0px;

	padding:0px;

	}

.smallline {

	margin-top:3px;
	font-size:.9em;

	line-height:95%;
	}

	

#buttonbox {

	width:290px;

	height:400px;

	float:left;

	display:inline;

	margin-left:20px;

	margin-bottom:20px;

	}

#buttonbox_image {

	width:100px;

	float:right;

	padding:5px 5px 5px 1px;

	}

#aboutbox {

	width:280px;

	height:90px;

	padding:5px;

	border-top:solid black 1px;

	border-bottom:solid black 1px;

	border-right:solid black 1px;

	border-left:solid black 1px;

	display:inline;

	float:left;

	margin-bottom:12px;

   -moz-box-shadow:    inset 0 0 10px #0D4A20;
   -webkit-box-shadow: inset 0 0 10px #0D4A20;
   box-shadow:         inset 0 0 10px #0D4A20;
}

#aboutbox_image {
	height:100px;
	float:right;
	padding:5px;
	}

	}

td {

	width:290px;

	}

#footer-top,

#footer-mid,

#footer-bottom

{

	padding:15px 0;

}



#footer-top

{

	background:#eee url(images/bg_footer_top.gif) repeat-x top;

	padding-top:18px;

}

#footer-top-html

{

}

#footer-top .widget

{

	margin-bottom:0;

}

#footer-top p, #footer-mid p

{

	margin:0;

}

#footer-mid

{

	background:#f1f1f1 url(images/bg_footer_mid.gif) repeat-x top;

}

#footer-mid-html

{

}

#footer-bottom

{

	background:#dadada url(images/bg_footer_bottom.gif) repeat-x top;

	padding:10px 0 80px 0;

}

#footer-bottom p, #footer-bottom a

{

	color:#777;

}



.column

{

	float:left;

}

.column60, .column140, .column160, .column220

{

	margin:0 20px 0 0;

}

#footer-top .column220

{

	margin:0 5px;

}

.column720

{

	margin:0 60px 0 0;

}

.column60

{

	width:60px;

}

.column140

{

	width:140px;

}

.column160

{

	width:160px;

}

.column220

{

	width:220px;

}

.column720

{

	width:720px;

}

.last /* Since IE6 can't do col+col, need to add last to the last column to remove padding manually */

{

	margin:0px;

}



#twitter { margin-top:15px; }

#twitter-url

{

	padding:2px 0 0 0;

	font-size:85%;

}

#twitter-url a 

{

	text-decoration:none;

	color:#777;

	font-weight:bold;

	letter-spacing:-0.02em;

}

#twitter-url a:hover

{

	text-decoration:underline;

}

.tweet

{

	background:url(images/bg_tweet.gif) no-repeat top left;

	height:84px;

}

#tweets UL, #tweets UL LI

{

	margin:0;

	padding:0;

	list-style-type:none;

}



.minitweet a

{

	background:url(images/bg_tweet_mini.gif) no-repeat top left;

	display:block;

	width:60px;

	height:84px;

	text-indent:-9999px;

}

.minitweet a:hover

{

	background-position:0 -84px;

}

.tweet p

{

	font-size:75%;

	padding:6px 20px;

	line-height:130%;

}

.tweet p:hover

{

	color:#444;

}

.tweet a

{	

	color:#777;

}

.tweet em

{	

	display:block;

}

#social-icons-bottom

{

}



.post

{

	border-bottom:1px solid #eee;

	padding:0 0 30px 0;

	margin:0 0 30px 0;

}



.post-header

{

	padding:0 0 15px 0;

}

.post-header .date

{

	float:left;

	width:43px;

	margin-right:10px;

	border:1px solid #eee;

	text-align:center;

	color:#777;

}

.post-header .date .month

{

	font-weight:bold;

	background:#fff;

	font-size:85%;

}

.post-header .date .day

{

	font-size:1.70em;

	background:#eee;

}

.post-header .details

{

	width:665px;

	float:left;

}

.post-header .details h2

{

	margin:2px 0 2px 0;

	line-height:100%;

}

.post-header .details .meta

{

}

.post-header .details .comments

{

	float:right;

}







div.navigation a,

a.more-link

{

	background:#888; /* default color */

	color:#fff;  /* default color */

	padding:5px 10px;

	text-decoration:none;

	font-weight:bold;

	font-size:80%;

	-moz-border-radius: 6px; 

	-webkit-border-radius: 6px;

}



a.more-link:hover

{

	background:#999; /* default color */

}

div.navigation

{

	padding:10px 0;

}

div.navigation a

{

	color:#888;

	background:#fefefe;

	border:1px solid #ccc;

}



.widget

{

	margin-bottom:30px;

	font-size:80%;

}

.widget h3, .widget p

{

	margin-bottom:10px;

}

.widget h3

{

	letter-spacing:0;

	font-weight:bold;

}

.widget UL

{

	margin:0;

	padding:0;

}

.widget UL LI

{

	margin:0;

	padding:0;

	list-style-type:none;

}

.widget UL LI a

{

	display:block;

	width:100%;

	line-height:2.25em;

	border-bottom:1px solid #eee;

	text-decoration:none;

	font-size:95%;

	padding-left:5px;

}



.widget UL LI a:hover

{

	padding-left:8px;

}

.widget UL LI UL

{

	margin-left:20px;

}

.widget UL LI UL LI UL

{

	margin-left:20px;

}



.widget .ads

{

	background:#f4f4f4;

	padding:12px 12px 12px 13px;

}

.widget .ad

{

}

.widget .ad a

{

	background:#e1e1e1 url(images/bg_ads.gif);

	border:1px solid #fff;

	padding:4px;

	margin:4px auto;

	display:block;

}

.widget .ad a:hover

{

	background:#ccc;

}



#searchform

{

	width:160px;

	background:#f3f3f3;

	border:1px single #f3f3f3;

	-moz-border-radius:6px;

	-khtml-border-radius:6px;

	-webkit-border-radius:6px;

}

#searchform #s,

#searchform button

{

	background:none;

	border:0;

	height:25px;

	padding:3px 0 0 10px;

}

#searchform #s

{

	width:100px;

	margin:5px 0 0 0;

	color:#c0c0c0;

	font-weight:bold;



}

#searchform button

{

	padding:5px 5px 0 0;

	text-align:right;

	float:right;

}





/* Comment Styling */

OL.commentlist,

OL.commentlist LI

{

	list-style-type:none;

	margin:0;

	padding:0;

}

OL.commentlist .vcard

{

	border-top:1px solid #eee;

	padding:10px 0 0 0;

}

OL.commentlist .avatar

{

	float:left;

	border:1px solid #eee;

	padding:1px;

}

OL.commentlist .commentmetadata

{

	float:right;

	font-size:70%;

	/*margin:0 0 15px 0;*/

}

OL.commentlist .fn

{

	font-weight:bold;

	float:left;

	padding:15px 0 10px 10px;

}

OL.commentlist .says

{

	display:none;

}

OL.commentlist p

{

	display:block;

	clear:both;

	font-size:80%;

	padding:10px 0 0 0;

	margin:0;

}

OL.commentlist a.comment-reply-link

{

	font-weight:bold;

	font-size:90%;

}

.reply

{

	padding:10px 0 10px 0;

}

#respond

{

	margin:20px 0 0 0;

}



/* Comment Form */

#commentform input, #commentform textarea

{

	width:300px;

	padding:7px;

	font-size:90%;

	font-weight:bold;

}

#commentform input, #commentform textarea

{

	border:3px solid #eee;

	background:#fefefe;

}

#commentform #comment

{

	width:450px;

	font-size:100%;

	font-weight:normal;

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

}

#commentform #submit

{

	width:150px;

}

#commentform label

{

	margin:0 0 0 10px;

}

#commentform #submit

{

	font-weight:bold;

	background:#ccc;

	padding:5px;

	margin-top:15px;

	color:#fff;

}





/* About the Author in single post */

.bio

{

	border:1px solid #eee;

	background:#f9f9f9;

	padding:10px;

	font-size:75%;

}

.bio .pic

{

	float:left;

	width:93px;

}

.bio .details

{

	width:580px;

	float:left;

}

.bio h5, .bio p

{

	margin:0 0 5px 0;

}









.message

{

	padding:5px 10px;

	color:#777;

}

.error

{

	background:#ffcfcf;

	border:1px solid #e38e95;

}

.warning

{

	background:#fefaca;

	border:1px solid #dfe05e;

}

.information

{

	background:#dce3ff;

	border:1px solid #adafe8;

}

.success

{

	background:#d5ffcf;

	border:1px solid #9ddd91;

}



.post UL LI,

.post OL LI

{

	padding:3px;

}



blockquote

{

	width:75%;

	border-left:3px solid #eee;

	margin:0 0 0 30px;

	padding:0 0 0 10px;

}



hr

{

	color:#fff;

	background-color:none;

	border:1px solid #eee;

	border-style:none none solid; 

	margin-bottom:20px;

}



.alternate, .hidden

{

	display:none;

}



.contentwidth

{

	width:940px;

	margin:0 auto;

}



.left

{

	float:left;

}

.right

{

	float:right;

}





/* WP Generated Classes */

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}

.alignleft {

   float: left;

}

.alignright {

   float: right;

}

img.alignleft

{

	margin:5px 20px 20px 0;

}

img.alignright

{

	margin:5px 0 20px 20px;

}

img.aligncenter

{

}

.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

}

.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}

.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}

/* */





/* clearfix start */ 

.clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}

.clearfix {

    display: inline-block;

}

html[xmlns] .clearfix {

    display: block;

}

* html .clearfix {

    height: 1%;

}

/* clearfix end */