/*

Theme Name: ClearBlueSky

Version: 3.3

Language: English

Theme URI: http://simonnystrom.se/wordpress-themes/

Description: Clean, simple, minimalistic and customizable Wordpress theme. Designed for easy connection to your Twitter, Facebook and LinkedIn account. Article text appear before sidebar links in source code which gives better variation to the internal linking structure. It also makes it easier for Google to index and cache the pages. 

Author: Simon Nyström

Author URI: http://www.simonnystrom.se

Tags: one-column, blue, theme-options, fixed-width, custom-header, right-sidebar

*/





/*	##################################

   	GENERAL

	################################## */

	

body {

	margin: 0px;

	padding: 0px;

	font-family: Verdana, Geneva, sans-serif;

	background-image:url(img/bg-body-blue.gif);

	background-repeat:repeat-x;

	font-size:12px;

}



a {

	color: #003366;

	outline: none;

}



a img {border:none;}



strong {

color: #002244;

}



h1 {

color: #002244;;

font-size: 30px;

text-transform:uppercase;

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

margin: 0 0 20px 0;}



p {

	font-size:12px;

	line-height:17px;

}





ul, ol {

	margin-bottom: 20px;

	font-size:12px;

	line-height:16px;

}



option {

width: 136px;}



table {

	font-size:10px;}



blockquote {

	margin: 0 0 0 10px;

	padding: 0 0 0 10px;

	border-left: 5px solid #f7f7f7;

}



#content p {

	font-size: 12px;}



/*	##################################

   	BASIC LAYOUT

	################################## */

	

#page {

	width: 940px;

	margin: 0 auto;

}

	

#content {

	padding: 0 0 0 0;

	background: white;

	/*border-left: solid 1px; 

	border-bottom: solid 1px;

	border-right: solid 1px;*/

	margin-top: 100px;

	background-image:url(img/content-left-gradient.jpg);

	background-repeat:repeat-x;

}





#content-left {

    position: relative;

	float: left;

	width: 656px;

	padding: 20px 40px 0 40px;

}



#right-menu {

	float:left;

	position:relative;

	width: 193px;

	height:500px;

	background-image:url(http://simonnystrom.se/wp-content/themes/clearbluesky/img/body-background.jpg);

	background-repeat:repeat-x;

	padding:0 8px 0 15px;

	font-size: 10px;

}



#right-menu-heading {

	margin-top:22px;

	font-weight:bold;

	font-size: 20px;}



#right-menu p {

	margin:10px 10px 0 0;

	font-size: 12px;}



#right-menu strong {

	color: #1072B5;

	text-transform:uppercase;

	font-size:12px;}

	

#right-menu p a {

	font-size:10px;}

	

#right-menu a {

	font-size:11px;

	line-height:16px;}

	

#right-menu h5 {

	padding-left:5px;

	margin-right:20px;

	margin-top: 20px;

	margin-bottom:15px;

	color:#ffffff;

	background-color:#1072B5;

	font-size:14px;}



h1.category-listing {

font-size: 30px;

text-align: center;

text-transform: uppercase;

color: #002244;}





#content-left-single {

position:relative;

	float: left;

	width: 656px;

	padding: 20px 40px 0 40px;



}



#content-left-single p {

	margin: 0 0 20px 0;

}





#content-left-archive {

position:relative;

	float: left;

	width: 656px;

	padding: 20px 40px 0 40px;

}



#content-left-archive p {

	margin: 0 0 20px 0;

}



#content-left-index {

	float: left;

	width: 656px;

	padding: 20px 40px 0 40px;

}



#content-left-index p {

	margin: 0 0 20px 0;

}



#content-left-page {

position:relative;

	float: left;

	width: 656px;

	padding: 20px 40px 0 40px;

}



#content-left-page p {

	margin: 0 0 20px 0;

}



#content-right {

	float: left;

	display:inline;

	position: relative;

	width: 204px; /*320px*/

	border-color: #dddddd;

	background-color: #D2DBE4;

	margin-top:10px;

	background-image:url(img/content-right-gradient.jpg);

	background-repeat:repeat-x;

}



#box-right option {

	font-size:10px;

	text-transform:normal;}

	

#content-right ul {

	font-size: 12px;

	}

	

/** box right */



.box-right {

	margin: 20px 20px 0px 20px;

	padding: 0 0 0 0;

}



.box-right ul {

	margin: 0 0 5px 0;

	padding: 0px;

	list-style: none;

    font-size:11px;

}



.box-right li {

	margin: 0 0 2px 0;

	padding: 0 5px 0 5px;

	

	/*border-bottom: 1px solid #dedede;*/

}



.box-right a {

	

	color: #003366;

	font-size:11px;

}



.box-right h4 {

	color:white;

	background-color: #325B84;

	padding-left:5px;

	width:158px;

	font-size:11px;

	font-weight:normal;

	}

.box-right h4 a {

	color:white;

	position:relative;

	bottom:2px;

	}



div.box-right-heading {

	margin-right:20px;

	margin-bottom:2px;

	color:#ffffff;

	background-color:#224F7B;

	font-size:11px;

	padding-left: 5px;

	width:159px;

	}

	

div#endSidebar {

	height: 150px;

	background-image: url(img/sidebar-end-gradient.jpg);

	background-repeat:repeat-x;}

	

#design {

	position:relative;

	font-size:8px;

	color: #224F7B;

	text-align:right;

	margin-right:20px;}

	

#content-right #design a {

	color: #224F7B;

	font-size:8px;}





/*	##################################

   	HEADINGS

	################################## */

	

#logoArea {

	position: absolute;

	top: 0;

	height: 100px;

	width: 940px;

	background-color:#003366;

	background-image:url(img/logoareabackground.jpg);

	background-repeat:no-repeat;

}



div#adsense {

position: absolute;

top: 10px;

width: 468px;

height:60px;}



div#adsense468x15 {

width: 468px;

height: 15px;

margin-bottom: 10px;}



div#adsense120x600 {

margin-top: 100px;

width: 120px;

height: 738px;

margin-left: 0;

float:left;}





div#rss {

position: absolute;

left:37px;

bottom: 22px;

}

div#rss img {

border:none;

width: 20px;

height: 21px;

}



div#twitter {

position: absolute;

left:57px;

bottom: 23px;

}

div#twitter img {

border:none;

width: 20px;

height: 20px;

}

div#facebook {

position: absolute;

left:79px;

bottom: 25px;

}

div#facebook img {

border:none;

width: 18px;

height: 18px;

}

div#linkedIn {

position: absolute;

left:98px;

bottom: 23px;

}

div#LinkedIn img {

border:none;

width: 20px;

height: 21px;

}

div#webbdesigna {
position:absolute;
right:20px;
bottom:2px;
z-index: 10;
}

div#webbdesigna img {
	border:none;
	width: 162px;
	height:62px;}



div#logoArea {

	text-align:center;

	}

	

div#logoArea .blog_name {

	position:relative;

	top: 15px;

	margin: 0px;

	padding: 0px;

	font-size: 30px;

	font-weight: bold;

	font-family:Georgia, "Times New Roman", Verdana, Geneva, sans-serif;

}





div#logoArea .blog_name a {

	color: #ffcc00;

	text-decoration: none;

	text-transform:uppercase;

	font-weight: bold;

	font-weight: normal;

}



div#logoArea .blog_description  {

	display:block;

	position:relative;

	top: 15px;

	margin: 0px;

	padding: 0px;

	font-size: 14px;

	color: white;

}



.preamble {

margin: 0 50px 0 50px;

font-weight: bold;

font-style: normal;

font-size: 14px;}



h2 {

	margin: 0 0 20px 0;

	font-size: 20px;

	font-weight: bold;

	color: #002244;

}



h2.homeH2 {

margin: 0 0 20px 0;

text-transform: uppercase;

font-weight: bold;

color: #002244;}

	

h2.homeH2 a {

color: #002244;

text-decoration: underline;}



h2 a {

color: #990000;

text-decoration: none;}





h3 {

	margin: 0 0 20px 0;

	font-size: 14px;

	font-weight: normal;

	color: #002244;

}



h3 a {

	text-decoration: none;

	color: #990000;

}



h3 a:hover {

	text-decoration: underline;

}



h4 {

	margin: 0 0 10px 0;

	font-size: 14px;

	color: #990000;

	text-transform:uppercase;

}



div#twitterwidget {

	text-transform: normal;

	margin-top:20px;

	margin-left:-5px;

	}

	

div#twitterwidget h3 {

	color: #9CBDDE;}

div#twitterwidget h4 {

	background-color:#002244;}

div#twitterwidget h4 a {

	font-size:13px;}





/*	##################################

   	HEADER

	################################## */

	

#top-nav {

	position: absolute;

	top: 10px;

	right: 0px;

	margin: 0px;

	padding: 0px;

	list-style: none;

}



#top-nav a {}



#top-nav li {

	float: left;

	margin: 0 0 0 10px;

}





/*	##################################

   	CONTENT

	################################## */

	

/** box left */



.box-left {

	margin: 0 40px 0 40px;

	/*background-image:url(img/box-left-background.jpg);

	background-repeat:repeat-x;*/

	padding: 10px 0 5px 0;

}



	

.meta {

	clear: both;

	padding: 10px;

	background: #fff url(img/bg-meta.gif) repeat-x left top;

	color: #5e5e5e;

	font-size:10px;

}



.meta-date {

	padding: 0 10px 0 15px;

	background: url(img/bg-meta-date.gif) no-repeat 0px 2px;

}



.meta-categories {

	padding: 0 10px 0 15px;

	background: url(img/bg-meta-categories.gif) no-repeat 0px 2px;

}







.meta-comments {

	padding: 0 10px 0 15px;

	background: url(img/bg-meta-comments.gif) no-repeat 0px 2px;

}



p.tags {

	clear: both;

}





#logo img {

	width:166x;

	padding-left:0;

	border:none;

}





/*	##################################

   	COMMENTS

	################################## */

	

#commentform {

	font-size: 10px;}



#commentform label {

	display: block;

	margin: 0 0 5px 0;

}



#commentform input.text, #commentform textarea {

	width: 400px;

	margin: 0 0 10px 0;

}



#commentform .text {

	height: 22px;

	padding: 6px 6px 0 6px;

	background: #fff url(img/bg-form-text.gif) repeat-x left top;

	border: 1px solid #dadada;

	color: #5e5e5e;

}



#commentform textarea {

	height: 150px;

	padding: 6px 6px 0 6px;

	background: #fff url(img/bg-form-text.gif) repeat-x left top;

	border: 1px solid #dadada;

	color: #5e5e5e;

}



#commentform .button {

	width: auto;

	height: 30px;

	margin: 0px;

	padding: 0 20px;

	background: #4a4f54;

	border: none;

	color: #fff;

}



.commentlist {

	margin: 0px;

	padding: 0px;

	list-style: none;

}



.commentlist .quote {

	padding: 20px;

	background: url(img/bg-comment-quote.gif) no-repeat right top;

}



.commentlist a {

	color:white;}

	

.commentlist li {

	margin: 20px 0 0 0;

	padding: 0px;

	background: #4a4f54 url(img/bg-comment-bubble.gif) no-repeat left bottom;

	color: #fff;

}



.commentlist cite {

	display: block;

	font-style: normal;



}



.commentlist cite a {

	color:#002244;



}



.avatar {

	float: left;

	margin: 0 20px 10px 0;

}



/*	##################################

   	SEARCHFORM

	################################## */



#search {width:158px;}	

#search-submit {

position:absolute;

left:20px;}



#searchform #search {

	float: left;

	height: 22px;

	padding: 6px 6px 0 6px;

	background: #fff url(img/bg-form-text.gif) repeat-x left top;

	border: 1px solid #dadada;

	color: #5e5e5e;

}



#searchform .button {

	width: auto;

	height: 30px;

	margin: 0px;

	padding: 0;

	background: #4a4f54;

	border: none;

	color: #fff;

}



/*	##################################

   	FOOTER

	################################## */



#footer {

	margin: 0 0 20px 0;

	background-color:#D2DBE4;

}



#footer a {

color: black;}



#footer p {

	margin: 0 0 10px 0;

}



#footer ul {

	list-style-type: disc;

	margin-top:0;

	margin-bottom:0;

	color: #666666;

	}



#footer ul a {

	font-size:10px;

	text-decoration:none;}

#footer ul a:hover {

	text-decoration:underline;}



#quickLinks {

	background-color: #002244;

	color: white;

	text-align: center;

	font-size: 11px;}

	

div.quickLinksList {

	float:left;

	width:190px;}



.quickLinksRubrik {

	font-size: 10px;

	font-weight: bold;

	color: #002244;

	list-style-type:none;

}



#legal {

	clear:left;

	text-align:center;

	background-color: #002244;

	color:white;

	font-size: 11px;

}



#legal a {

	color:white;

}



#webdemar {

	float: right;

	width: 400px;

	text-align: right;

}



/*	##################################

   	USEFUL

	################################## */



.clear {

	clear:both;

}



/** WORDPRESS CSS */



.aligncenter,

div.aligncenter {

   	display: block;

   	margin: 0 auto;

}



.aligncenter {

	margin-bottom: 20px!important;

}



.alignleft {

   	float: left;

   	margin: 0 20px 20px 0;

}



.alignright {

   	float: right;

   	margin: 0 0 20px 20px;

}



.wp-caption {

	margin-bottom: 20px;

	padding-top: 4px;

   	border: 1px solid #ccc;

   	text-align: center;

   	background-color: #f7f7f7;

}



.wp-caption img {

   	float: none;

   	margin: 0px;

   	padding: 0px;

   	border: none;

}



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

   	padding: 0px;

  	margin: 0px;

}



/** WIDGETS CSS */



#calendar_wrap table {

	width: 100%;

}



#calendar_wrap td {

	text-align: center;

}



#wp-calendar caption {

	margin: 0 0 10px 0;

	background: #dedede;

}