/* 
    Theme Name: Florally (Final)
	Theme URI: http://www.sizzle-designs.com
	Description: A clean, white, two-column theme from <a href="http://www.sizzle-designs.com">Sizzle Designs</a>.
	Version: 1.0
	Author: Sizzle Designs
    Author URI: www.sizzle-designs.com
	Tags: Two-columns, valid XHTML, valid CSS, floral, clean, widgetized, white, red, fixed-width
*/

/*------COLOURS-----*/

/*
Red: #8b1717
Grey: #2b2d26
White: #fff
Green: #747a66
*/

/*------RESETS-----*/

* {margin:0px;padding:0px;border:none;outline:none;vertical-align:baseline;}

.clearer {clear:both;}

.alignleft {float:left;}

.alignright {float:right;}

.centered {display:block; margin:auto; text-align:center;}

body {
	font-family:"Century Gothic";
	color:#2b2d26;
	font-size:0.85em;
	letter-spacing:0.7px;
	line-height:20px;
	background-image: url(images/florallybg.jpg);
	height:100%;
	width:100%;
	background-repeat:no-repeat;
	background-attachment: fixed;
}

#hugger{
	width:900px;
	background-image:url(images/whitebg.png);
	float:right;
	margin-right:15px;
}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}

/*------MENU-----*/

#menu{
	background-color:#2b2d26;
	height:40px;
	width:900px; 
	float:right;
	margin-right:15px;
}

#mainmenu {
	float:right;
	font-size:87%;
	list-style-image:none;
	list-style-type:none;
}

#mainmenu li {
	display:inline;
	float:left;
	margin-left:8px;
}

.page_item a {
	display:block;
	margin:2px 0pt 5px;
	padding:5px 2px;
	text-decoration:none;
	width:120px;
	text-align:center;
	height:35px;
	color:#fff;
}
.page_item a:hover, .current_page_item a{	
	background-color:#8b1717;
	color:fff;
}

/*------HEADER-----*/

#header{
	height:125px;
	padding-left:30px;
	border-bottom:1px groove #2b2d26;
}

#blogtitle {
	float:left;
	margin-bottom:5px;
	margin-top:35px;
}

#blogtitle a{
	text-decoration:none;
	color:#2b2d26;
	font-size:30px;
	font-weight:normal;
}

#blogdesc{
	clear:both;
	color:#8b1717;
	font-size:20px;
	padding-top:25px;
	font-style:italic;
	font-weight:normal;
	float:right;
}

/*------SIDEBAR------*/

#sidebar {
	float:right;
	width:250px;
}

.widgettitle{
	margin-bottom:8px;
	text-align:center;
}

#sidebar p{padding:8px 16px;}

#sidebar ul {
	list-style-position:outside;
	list-style-type:none;
	padding-bottom:16px;
}

#sidebar li a {
	display:block;
	line-height:30px;
	padding-left:20px;
	text-decoration:none;
	color:#2b2d26;
}

#sidebar li a:hover, #sidebar a:hover {
	color:#ffffff;
	background-color:#8b1717;
}

#content #sidebar li{list-style-type:none!important;padding:0px;}

#sidebar .recentcomments{
	padding-left:20px;
	border-bottom:1px dotted #8b1717; 
	line-height:30px;
}

#sidebar .recentcomments a{border-bottom:none;}

#sidebar a {
	text-decoration:none;
	border-bottom:1px dotted #8b1717;
}


/*------CONTENT-----*/

#content{
	padding:30px 15px;
	clear:both;
}

#maincontent {
	float:left;
	margin-right:15px;
	width:580px;
	text-align:justify;
}

#maincontent a, #content a{
	color:#8b1717;
	border-bottom:1px dotted #8b1717;
	text-decoration:none;
}

#maincontent a:hover, #content a:hover{
	background-color:#8b1717;
    color:#ffffff;
}

#content h2{
	color:#8b1717;
	margin:32px 0;
	text-align:center;
}

#content h3, #content h4, #content h5, #content h6{
	color:#8b1717;
	text-align:left;
}

#maincontent p, #content p{padding-bottom:24px;}

#content li{
	list-style-position:inside;
	list-style-type: disc;
	display: list-item;
	line-height:24px;
	padding-left:16px;
}



/*-----BLOGPOSTS-----*/

#maincontent .post{
	clear:both; 
	margin-bottom:32px;
	padding:16px;
}


#maincontent .title {
	display:block; 
	width:100%; 
	margin:12px 0 4px 0; 
	text-align:left;
	padding-bottom:4px;
}

#maincontent .title a{
	font-size:24px;
	text-align:left;
	width:100%;
	color:#8b1717;
	text-decoration:none;
	margin-bottom:16px;
	border-bottom:none;
}

#maincontent .title a:hover{
	border-bottom:1px dotted #8b1717;
	color:#ffffff;
}


#maincontent .entrydate {
	color:#8b1717;
	width:220px;
	float:left;
}

#maincontent .metainfo {
	border-top:1px solid #8b1717;
	color:#8b1717;
	font-size:87%;
	line-height:16px;
	clear:both;
	padding-top:4px;
	margin:8px 0;
}

#maincontent .entrymeta{
	font-size:87%; 
	clear:both;
	padding:4px 0 40px;
}

#maincontent .tags{float:left;line-height:16px;}

#maincontent .categories{float:right;width:340px; text-align:right;}

#maincontent .postcomments {
	color:#8b1717;
	text-align:right;
	float:right;
	width:150px;
	line-height:16px;
	font-style:normal;
}

#maincontent .metainfo a, #maincontent .postcomments a {
	color:#8b1717;
	border-bottom:1px dotted #8b1717;
	text-decoration:none;
	font-style:normal;
}

#maincontent .metainfo a:hover, #maincontent .postcomments a:hover {
	background-color:#8b1717;
        color:#ffffff;
}

#maincontent .navigation {
	clear:both;
	color:#8b1717;
	padding-top:30px;
}

#maincontent .navigation a:hover {font-style:italic;}

blockquote{
	background-image:url(images/redbg.png);
	font-style:normal;
	margin:16px;
	padding:16px;
}

/*-----COMMENTS -----*/


#maincontent .comments li{
	list-style-image:none; 
	list-style-type:none; 
	padding-left:0px;
	border-bottom:1px dashed #8b1717; 
	margin-bottom:16px; 
	padding-bottom:16px;
}

#maincontent .commentheading{
	color:#8b1717; 
	font-size:120%; 
	padding:16px 0; 
	text-align:left; 
	margin:50px 0 25px 0;
}

.gravatar {
	float:left; 
	margin-bottom:16px; 
	margin-right:16px; 
	border:4px solid #8b1717; 
	height:50px; 
	width:50px;
}

.gravatar img{padding:0;}

#comments {margin-top:32px;}

.nocomments {text-align:center;}

.theactualcomment {font-size:90%;line-height:18px;}


.commentnumber {display:none;}

#maincontent .commentmeta {
	font-style:italic;
	padding-bottom:8px;	
}

#maincontent .commentmeta a{font-style:normal;}

#maincontent .author {color:#8b1717;}

#maincontent .author a{
	color:#8b1717; 
	border-bottom:1px dotted #8b1717;
}
#maincontent .author a:hover{font-style:italic;}

#commentform{
	margin-left:82px;
	text-align:justify;
	width:428px;
}

#commentform textarea, #commentform #url, #commentform #email, #commentform #author, #commentform #submit {
	background-color:#fff;
	border:1px solid #2b2d26;
}

#commentform #submit:hover{background-color:#2b2d26; color:#8b1717;}


/*------FOOTER-----*/

#footer {
	clear:both;
	color:#fff;
	font-size:80%;
	font-weight:lighter;
	text-align:center;
	height:125px;
	background-image:url(images/redbg.png);
	padding-top:25px;
}

#footer a{color:#747a66;
	border-bottom:1px dotted #747a66;
	text-decoration:none;
}

#footer a:hover {background-color:#747a66;color:#fff;}
	
#footer p{
	padding:8px;
	width:900px;
}



/*-----SEARCH BOX-----*/
#thesearch{
	border-bottom:1px ridge #2B2D26;
	margin:auto;
	padding-bottom:10px;
	width:600px;
	height:35px;
}

#thesearch p{
	float:left;
	line-height:13px;
	text-align:right;
	width:300px !important;
}

.searchform input {
	height:15px;
	padding:4px 4px 4px 35px;
	text-align:left;
	background-image:url(images/searchbg.png);
	background-repeat:no-repeat;
	width:197px;
	border-color:#a9a9a9;
	border-style:solid;
	border-width:2px 0 0 2px;
}
   
#thesearch .searchform{
	width:280px;
	float:right;
	text-align:left;
}

#search .searchform{
	border:1px solid #8B1717;
	background-color:#ffffff;
	width:240px;
}

label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}