/*

Theme Name: Cloudy

Theme URI:

Description: WP Cloudy theme designed by <a href="http://wordpress.searchperience.com">Searchperience</a>. Cloudy is a beautiful simple blog theme, designed for commercial and more technical blogs. Now also widget ready.

Version: 2.39

Author: Searchperience

Author URI: http://wordpress.searchperience.com

License: GPL

License URI: http://www.gnu.org/licenses/gpl-3.0-standalone.html

Tags: two-columns, fixed-width, blue, custom-header

	By downloading and using this theme, you agree to the following terms:

    - All variations of this theme have to remain GPL

    - You may use this theme for personal or commercial projects

    - You may modify, translate or distribute



For support requests please contact: wordpress(at)aoemedia.com. Requests through other channels (website etc.) can unfortunately not be responded to.



*/



/* Reset styles

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

html, body, div, span,iframe,

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

a, abbr, acronym, address, cite, code,

del, dfn, em, font, ins,strong,ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

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;

}

body {

line-height: 1;

color: black;

background: white;

}

ol, ul {

list-style: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

    margin-bottom: 1em;

}

caption, th, td {

text-align: left;

font-weight: normal;

}

table td,

table th {

    padding:5px;

    border:1px solid #B8E0FA;

}

table th {

    font-weight: bold;

}



/* Main styles

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

html {

	height: 100%;

	margin-bottom: 1px;/* force vertical scrollbars */

}



body {

	background:url(img/body.jpg) 0 0 repeat #dff4ff;

	color: #646464;

	font-size: 75%;

	text-align: left;

}



/* Default fonts

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

body,

input,

select		{ font-family: Tahoma, Arial, Helvetica, sans-serif; }

textarea,

pre,

code 		  { font-family:"Courier New", Courier, monospace; }



/* Header elements

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

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight:normal;

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

}



h1 {

    font-size: 2.5em;

    color:#fff;

    line-height:1;

}

h2 {

    font-size: 1.5em;

}



h3 {

    font-size: 1.5em;

    padding-bottom:0.5em;

    color:#518cb1;

}

h4 { font-size: 1.3em; }

h5 { font-size: 1.2em; }

h6 { font-size: 1.1em; }



/*

Menu

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



#access {

	float: left;

	width: 706px;

	list-style:none;

}

#access .menu-header,

div.menu {

	font-size: 12px;

	width: 928px;

}

#access .menu-header ul,

div.menu ul {

	list-style: none;

	margin: 0;

}

#access .menu-header li,

div.menu li {

	float: left;

	position: relative;

}

#access a {

	margin: 0;

	float:left;

	list-style:none;

	padding:6px 0 0 0;

	margin-right:18px;

	text-decoration:none;

	font-size:1em;

	line-height: 26px;

	text-decoration: none;

}

#access ul ul {

	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	display: none;

	position: absolute;

	top: 35px;

	left: 0;

	float: left;

	width: 180px;

	z-index: 99999;

	background:#eee;

	margin:0;

	padding:0;

}

#access ul ul li {

	min-width: 180px;

	margin:0;

	padding:0;

}

#access ul ul ul {

	left: 100%;

	top: 0;

}

#access ul ul a {

	line-height: 1em;

	padding: 10px;

	width: 160px;

	height: auto;

	border:0;

	margin:0;

}

#access ul ul a:hover {

	background:#dadddf

}

#access li:hover > a,

#access ul ul :hover > a {

	color: #000;

	border-color: #eee;

}

#access ul li:hover > ul {

	display: block;

}

#access ul li.current_page_item > a,

#access ul li.current-menu-ancestor > a,

#access ul li.current-menu-item > a,

#access ul li.current-menu-parent > a {

	color: #000;

	border-color: #fff;

}

* html #access ul li.current_page_item a,

* html #access ul li.current-menu-ancestor a,

* html #access ul li.current-menu-item a,

* html #access ul li.current-menu-parent a,

* html #access ul li a:hover {

	color: #000;

}



/* Text elements

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

p			  { margin: 0 0 1em 0; text-align: left; line-height:1.6; }

p.last 		  { margin-bottom:0; }

p.first		  { margin-top:1em; }

p.img		  { float: left; margin:0 1em 1em 0; padding:0; }



blockquote    {

    margin:0 0 1em 3em;

    padding-left:1em;

    border-left:2px solid #B8E0FA;

}

strong        { font-weight: bold; }

em            { font-style: italic; }

pre           { border: 1px solid #ddd; margin-bottom: 1.2em; padding:1.6em; }

ins           { text-decoration:none; } /*remove underline from text*/

del           { text-decoration:line-through; }



dl {

    line-height:1.2;

    margin-bottom:1.2em;

}



hr {

    color: #fff;

    background:transparent;

    margin: 0 0 0.5em 0;

    padding: 0 0 0.5em 0;

    border:0;

    border-bottom: 1px #000 dotted;

}



/*links*/

a:link,

a:visited,

a:focus,

a:hover,

a:active	{ color: #518cb1; text-decoration: underline; cursor:pointer; }



a:hover		{}

a:visited	{}



a:active,

a:focus     { outline: 0; } /*remove border in ff*/





/* decorate lists in posts */

.entry ul,

.entry ol {

    margin: 0 0 1em 2em;

}



.entry ul {

    list-style-type:disc;

}



.entry ol {

    list-style-type:decimal;

}



.entry ul li,

.entry ol li {

    line-height:1.6;

}

.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,.entry p {padding-bottom:10px}

.entry table td,.entry table th{padding:5px}





.entry h1,

.entry h2,

.entry h3,

.entry h4,

.entry h5,

.entry h6,

.comment h1,

.comment h2,

.comment h3,

.comment h4,

.comment h5,

.comment h6{

    color: #518CB1;

    margin-bottom: .5em;

}

.comment h1,

.entry h1 {

    font-size: 30px;

}

.comment h2,

.entry h2 {

    font-size: 24px;

}

.comment h3,

.entry h3 {

    font-size: 20px;

}

.comment h4,

.entry h4 {

    font-size: 16px;

}

.comment h5,

.entry h5 {

    font-size: 14px;

}

.comment h6,

.entry h6 {

    font-size: 12px;

}



.comment ul,

.comment ol {

    margin-left: 2em;

}

.comment .comment-body ul,

.comment .comment-body ol {

    margin:0 0 1em 2em;

    line-height: 1.5;

}

.comment .comment-body ul li {

    list-style: disc;

}

.comment .comment-body ol li {

    list-style: decimal;

}



/* Images

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

img 		{ outline:0;border:0; }



/* Form styles

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

input,

select,

textarea {

	font-size:1.0em;/*by default font-size is bigger*/

	vertical-align:baseline;

}



input.text,

input.file { cursor:text; }



input.button {

    cursor:pointer;

    color:#fefefe;

    border:0;

    background:url(img/header-search-button.gif) 0 0 repeat-x;

    font-weight:bold;

    padding:1px 12px;

    text-align:center;

    height:19px;

}



input.radio,

input.checkbox { border: 0;padding: 0; }



/* Wordpress aligning

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

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

    float:left;

    margin: 0 1em 1em 0;

}



.alignright {

   float: right;

   margin: 0 0 1em 1em;

}



#content .entry .wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

   height: auto;

}



#content .entry .wp-caption {

    border:1px solid #eee;

    text-align:center;

    padding-top:4px;

    margin-bottom: 1em;

    max-width: 648px;

}

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

    font-size:.92em;

    text-align:center;

    margin-bottom: 0;

    padding-bottom: 0;

}





/* Text align

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

.t-right 	{ text-align: right; }

.t-left 	{ text-align: left; }

.t-center 	{ text-align: center; }

.t-justify 	{ text-align: justify; }



/* Other

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

.clear:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden

}



.zoom {

    overflow:hidden;

}



/* Main styles

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

#root {

    width: 980px;

    margin: 24px auto 0 auto;

    padding-bottom: 24px;

}



/* Header

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

#header {

    overflow: hidden;

}



#header .menu,

#header .search {

    background:url(img/header-menu-back.gif) 0 0 repeat-x #5B94BE;

}



#header .menu {

    float:left;

    width:667px;

    height:28px;

    padding:0 20px;

    padding-bottom:20px;

    overflow:hidden;

}



#header .menu li {

    margin-top:13px;

    float:left;

    background:url(img/header-menu-delim.gif) 100% 0 no-repeat;

}



#header .menu li.last {

    background:none;

}



#header .menu a {

    color:#fefefe;

    font-weight:bold;

    padding:0 14px;

    display:block;

    line-height:2.2;

}



#header .menu a:hover {

    text-decoration:none;

}



#header .search {

    width:236px;

    height:20px;

    float:right;

    padding:14px 16px;

    font-size:0.92em;

}



#header .search label {

    color:#fff;

    padding-right:8px;

}



#header .search input.text {

    width:122px;

    border:1px solid #5286ab;

    border-right:0;

    border-bottom:0;

    background:#ecf0f2;

    padding:2px;

    color:#34668a;

    margin-right:8px;

}



#header .search input.button {

    color:#fefefe;

    border:0;

    background:url(img/header-search-button.gif) 0 0 repeat-x;

    font-weight:bold;

    width:51px;

    padding:1px 0;

    text-align:center;

    height:19px;

}



#heading {
	margin-top:4px;
	width:551px;
	float:left;
	clear:both;
	height:134px;
	padding-top: 65px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 160px;
}



#heading a {

    color:#fff;

    text-decoration:none;

}



#heading .description {

    color:#fff;

}



#about {

    margin-top:4px;

    width:232px;

    height:164px;

    overflow:hidden;

    float:right;

    background:url(img/header-about-back.gif) 0 0 repeat-y #f9fdff;

    padding:18px;

    line-height:1.5em;

}



#about .signature {

    text-align:right;

    margin:0;

}



#main {

    margin-top:4px;

    clear:both;

    overflow:hidden;

}



#left-block {

    width:216px;

    float:left;

}



#left-block .box {

    background:#fff;

    padding:18px;

    margin-bottom:4px;

}



#left-block .box h2 {

    padding-bottom:16px;

}



#left-block .box ul {

    font-size:1.17em;

}



#left-block .box ul.children {

    padding-top:8px;

    font-size:1em;

}



#left-block .box li {

    padding:4px 0;

    padding-left:20px;

    background-repeat:no-repeat;

    background-position:0 6px;

    background-image:url(img/cat.gif);

}



#left-block .box li.current-cat {

    font-weight:bold;

}



#left-block .categories li {

    

}



#left-block .archive li {

    background-image:url(img/cal.gif);

}



#left-block .blogroll li,

#left-block .meta li {

    background-image:url(img/arrow.gif);

}





.box input.text {

    border:1px solid #5286ab;

    border-right:0;

    border-bottom:0;

    background:#ecf0f2;

    padding:2px;

    color:#34668a;

    width:110px;

    font-size:.92em;

}



.box input.button {

    font-size:.92em;

    width:48px;

}



.box .tags {

    line-height:1.4;

}



.box .textwidget {

    font-size:.92em;

    line-height:1.4;

}



#left-block #recentcomments {

    font-size:.92em;

}



#left-block #recentcomments li {

    background:none;

    padding-left:0;

}





#wp-calendar {

    width:180px;

    font-size:.92em;

}



#wp-calendar caption {

    padding:0 0 4px 0;

    font-weight:bold;

}



#wp-calendar th,

#wp-calendar td {

    padding:2px;

    text-align:center;

}



#wp-calendar thead th {

    background:#eee;

}



#wp-calendar #prev {

    text-align:left;

    padding-top:4px;

}



#wp-calendar #next {

    text-align:right;

    padding-top:4px;

}



/* Content

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

#main-block {

    width:760px;

    float:right;

}



#content {

    padding:18px;

    background:#fff;

    min-height:400px;

    height:auto!important;

    height:400px;

}



#content .post {

    overflow:hidden;

    margin-bottom:18px;

    clear:both;

}



#content .date {

    float:left;

    width:54px;

    height:43px;

    padding-top:11px;

    background:url(img/post-date.gif) 0 0 no-repeat;

    color:#669abb;

    font-size:1.67em;

    text-align:center;

    margin: 0 0 20px 0;

    text-transform:uppercase;

}

#content .date a {

    text-decoration: none;

}

#content .date a:hover {

    color: #67A8CF;

}

#content .date span {

    font-size:0.65em;

    display:block;

}



#content .title,

#content .postdata {

    margin-left:74px;

}



#content .page .title {

    margin-left:0;

}



#content .title h2 {

    background:url(img/post-title-border.gif) 0 100% repeat-x;

    padding-bottom:8px;

    margin-bottom:8px;

}



#content .title a {

    text-decoration:none;

    color:#265a8b;

}



#content .title a:hover {

    color:#518cb1;

}



#content .postdata {

    font-size:0.92em;

}



#content .category {

    background:url(img/cat.gif) 0 1px no-repeat;

    padding-bottom:1px;

    padding-left:20px;

    float: left;

}



#content .comments {

    background:url(img/comment.gif) 0 1px no-repeat;

    padding-bottom:1px;

    padding-left:20px;

    float: right;

}



#content .category,

#content .category a {

    color:#91adc1;

}



#content .entry {

    clear:both;

    line-height: 1.5;

    overflow: hidden;

    zoom:1;

}



#content .entry img {

    max-width:650px;

    height: auto;

}



#content .entry .more-link {

    font-weight:bold;

    color:#518cb1;

}



#recent {

    margin-top:4px;

    background:#e7f5fe;

    overflow:hidden;

}



#recent .posts,

#recent .comments {

    width:312px;

    padding:24px 32px;

}



#recent .posts {

    float:left;

}



#recent .comments {

    float:right;

}



#recent .posts ul,

#recent .comments ul {

    font-size:.92em;

    line-height:1.2;

}



#recent .posts li,

#recent .comments li {

    margin-bottom:1.1em;

}



#recent .posts li a {

    font-weight:bold;

}



#recent .comments li .author {

    font-size:0.91em;

    line-height:1.4;

}



#recent .comments li a {

    text-decoration:none;

}



#leavecomment {

    padding-top:1em;

}



.comments-list .avatar {

    margin-bottom:4px;

}





ul.comments-list {

    margin-bottom: 2em;

}

li.comments-list {

    margin:0;

}

.comments-list li.comment,

.comments-list li.trackback,

.comments-list li.pingback{

    padding:18px 18px 0;

    line-height:1.2;

    list-style: none;

    margin:0;

}



.comments-list li.graybox {

    background:#f5f5f5;

}



.comments-list cite {

    font-weight:bold;

    font-style:normal;

}



.comments-list small {

    font-size:.83em;

}



.comments-list .comment {

    margin-top:8px;

}

#commentform input.text,

#commentform textarea {

    border:1px solid #5286ab;

    border-right:0;

    border-bottom:0;

    background:#ecf0f2;

    padding:2px;

    color:#34668a;

}



#commentform input.text {

    width:200px;

}



#commentform textarea {

    width:600px;

}





/* Footer

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

#footer {

    margin-top:4px;

    padding:4px 32px;

    font-size:.92em;

    overflow:auto;

    line-height:1.2;

}



#footer img {

	vertical-align:middle;

}



#footer .copyright {

    float:left;

}



#footer .links {

    float:right;

}



#footer .links a {

    padding-left:16px;

    margin-left:16px;

    background-repeat:no-repeat;

    background-position:0 1px;

}



#footer .rss {

    background-image:url(img/rss.gif);

}



#footer .login {

    background-image:url(img/login.gif);

}



#footer a.powered {

    padding:0;

}



#content .post *{

	max-width:650px

}



.clearfix{clear:both}

.comment-form-comment label,.comment-form-author,.comment-form-email,.comment-form-url{display:block;width:100px}

.clearfix{clear:both}

.gallery-caption {}

.sticky{}

.bypostauthor{}

.categories{list-style:none}


