/*
Theme Name: Fantastic Blue
Theme URI: http://www.themesdb.de/view/Fantastic_Blue.html
Description: Two column widgetized Wordpress theme by <a href="http://www.themesdb.de">Themesdb</a>.
Version: 1.0
Author: Themesdb
Author URI: http://www.themesdb.de/
Tags: simple, clean, fixed width, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS

*/

body {
font-family : 'Trebuchet MS', Arial,Tahoma;
font-size : 13px;
color : #8D8D8D;
margin:0; padding:0;
background : #111 url(images/bg.gif) repeat 0 -1px;
}

a {
color : #516C94;
text-decoration : none;
}
a:hover {
color : #516C94;
text-decoration : underline;
}
img {margin:0; padding:0;}
a img {border:0;}
p {
padding : 5px 0;
margin : 0;
}

/*  ====================== Page Structure ======================= */

#header-wrapper {
width : 100%;  height:239px;
background : url(images/hbg.gif) repeat-x ;
}

#header {
width : 990px; height:239px;margin:0 auto;
background : url(images/h-bg.gif) repeat-x ;
}
#header .hleft{
width : 20px; height:239px;float:left;
background : url(images/h-left.gif) repeat-x ;
}
#header .hmain{
width : 953px; height:239px;float:left;
background : url(images/h-bg.gif) repeat-x ;
}
#header .hrt{
width : 17px; height:239px;float:left;
background : url(images/h-rt.gif) repeat-x ;
}

#wrapper {
  width : 990px; margin:0 auto; padding:0;
}

#main-content {
width : 990px; 
background : #ffffff url(images/body-bg.gif) repeat-y;
min-height:300px;
}

#content{
width : 708px; float:left; margin:0;padding:20px;

}
#sidebar {
width : 221px; float:left;padding:0 0 0 21px; margin-top:20px;
background : url(images/sidebar-bg.gif) repeat-y 21px 40px; }

#footer {
width : 960px; height:104px;padding:4px 0 0 30px; background : url(images/footer-bg.gif) repeat-x;
}

/*  ====================== Header ======================= */
.hmain .htop{height:196px;}
.htop .htleft{height:196px;  width:633px;float : left;}
.htop .htright{height:133px; width:319px;float : left; margin:63px 0 0 0;
}
.htop .htleft .logo{height:91px;margin:69px 0 0 0; background:url(images/logo.gif) no-repeat;}

.htop .htleft .logo h1{margin:0; padding:0; display:block; }
.htop .htleft .logo h1 a, .htop .htleft .logo h1 a:hover {display:block; width:200px;height:91px;text-decoration:none;}
.hmain #nave1{height:43px;}

#logo1{height:91px;margin:69px 0 0 0; color : #ffffff;}
#logo1 a {color : #ffffff; text-decoration : none; font-family : 'Trebuchet MS', Arial,Tahoma; font-size : 34px;}
#logo1 .description {color : #ffffff; font-family : Tahoma, Arial,'Trebuchet MS'; font-size : 16px; font-weight: bold; }

/* --------- Navigation -------- */
#nav1 ul {margin : 0; padding : 0;list-style : none;}
#nav1 li {
float : left; font-size : 14px; margin:0; padding:0;
color : #fffffe;text-align:center;}

#nav1 li a {
color : #fffffe;margin:0;
text-decoration : none;
display:block;
width:85px;height:22px;
padding : 11px 5px 10px 5px;
}
#nav1 li a:hover {
background : url(images/menu-hover.gif) no-repeat;
color : #4E8A39;
text-decoration : none;
display:block;margin:0;
width:85px;height:22px;
padding : 11px 5px  10px 5px;
}

/*  ================================= Conatent ============================= */

/* -------------------------- Posts ----------------------------- */
.post {width:100%; padding-bottom:20px;}
.post h2 {margin:0;padding:0; font-size:21px; color:#4A8336; float:left; padding:0 0 3px 0;}
.post h2 a {color:#4A8336; text-decoration:underline; }
.post h2 a:hover{color:#4A8336; text-decoration:none;}
.post p.by {font-size:13px; float:left; padding:7px 0 5px 10px; }

.entry {width:100%; padding:10px 0; border-top:1px solid #EBEBEB;
border-bottom:1px solid #EBEBEB;}

.info {height:35px;font-weight:bold;}
.info a {text-decoration:underline; }
.info a:hover{text-decoration:none;}
.info p{padding-top:7px;}

.info .left{height:35px; float:left; width:10px;
background : url(images/post-intro-left.gif) no-repeat;}

.info .rt{height:35px; float:left; width:9px;
background : url(images/post-intro-rt.gif) no-repeat;}

.info .sp{height:35px; float:left; width:22px;
background : url(images/post-intro-sp.gif) no-repeat;}

.info .main{height:35px; float:left;
background : url(images/post-intro-bg.gif) repeat-x;}

.entry {padding:5px 0 15px 0;}
/* --------------- SideBars ----------------*/

#sidebar ul {
list-style : none;
/*width:221px;*/
margin:0;padding:0;
}

#sidebar ul li {
list-style : none;
margin : 0;
padding : 0 0 0 0;
}


#sidebar ul li h2 {
margin:0; padding:5px 0 0 40px;
height:50px;
width:181px;
line-height : 14px;
font-size : 14px;
background : url(images/sidebar-h2.gif) no-repeat;
font-family : Tahoma, Arial,'Trebuchet MS';
color : #476085;
font-weight : bold;
}

#sidebar ul ul {
list-style : none;
margin :0;padding : 0 0 37px 0;
background : url(images/sidebar-btm.gif) no-repeat bottom left;
}
#sidebar ul ul ul{
list-style : none;
margin :0;padding : 0 0 0 0;
background : transparent;
}

#sidebar ul ul li {
list-style : none;
width:199px;
display:block;
margin : 0;
padding : 0 0 0 22px;
font-weight : bold;
background : url(images/li.gif) no-repeat 10px 7px;
font-family : Tahoma, Arial,'Trebuchet MS';
font-size : 13px;line-height : 20px;
}
#sidebar ul ul li li {
list-style : none;
width:160px;
display:block;
margin : 0;
padding : 0 0 0 22px;
font-weight : bold;
background : url(images/li.gif) no-repeat 10px 7px;
font-family : Tahoma, Arial,'Trebuchet MS';
font-size : 13px;line-height : 20px;
}


#sidebar a {
margin : 0;padding : 0;
color : #476085;
text-decoration : none;
}
#sidebar a:hover {
color : #476085;
text-decoration :underline;
}



/*  ================================= Footer ============================= */
#footer p{font-size: 13px; color:#eee;
  line-height:29px; margin:0; padding:35px 0 0 0;float:left;}
#footer a{ color:#CBD6E4; text-decoration:none;font-weight:bold;}
#footer a:hover{ color:#CBD6E4; text-decoration:underline;}

#footer a.f-l-logo {display:block;width:124px; height:29px;background:url(images/f-logo-2.gif) no-repeat;float:left;margin-top:29px;}
#footer a.f-l-logo:hover {text-decoration:none;}
#footer a.f-r-logo {display:block;width:152px; height:39px;float:right;margin:41px 20px 0 0;}
#footer a.f-r-logo:hover {text-decoration:none;}

/* Others */

.clr {clear : both; font-size:1px; line-height:1px;}

/* Search Form */
form {margin:0; padding:0;}
.newsearchform {margin: 0 auto; width:250px; height:80px;
background:url(images/search-box.gif) no-repeat;
padding :25px 0 0 42px;
}
.newsearchform p{margin:0; padding :0; line-height:28px;}
.newsearchform input {float:left;}
.newsearchform input.txt {
margin :20px 0 0 0; padding :0;
color : #516C94;background:transparent;
border : 0; width:120px;
font-size : 12px;
height:27px;
}
.newsearchform input.btn {
width : 77px;border : 0;
padding :0; margin :12px 0 0 10px;
height : 27px;
}



/* --------------------- common elements --------------------------- */
.navigation { display: block; color : #516C94; width:98%;padding-bottom:20px;}
h2.pagetitle, h2.center {margin:0;text-align: center; padding:10px 0 0 0; font-size:14px; color:#4A8336;}
h3 {padding: 0;margin: 5px; color : #4A8336; font-size:14px;}
.more-link {font-weight:bold;text-align:right;}
a.more-link, a:hover.more-link {float:right;}

p.postmetadata {margin:0; padding:10px;}
.alt { 	background-color: #F2F3F6;
border-top: 2px solid #516C94;
border-bottom: 2px solid #516C94;
	}

input, select, textarea {
  border: 0; color:#9C9D9F; background:#F2F3F6;
}
#commentform #submit {margin: 0; color:#516C94; background:#F2F3F6; font-weight:bold;}

blockquote { border-left: 3px solid #516C94;}

ol.commentlist {margin:0;padding:0;}
.commentlist li { font-weight:normal;}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	}
code { font: 1.1em 'Courier New', Courier, Fixed; background:#ddd;}

/* Begin Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 80%;	}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;	}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { background-color: #424242; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;	}
#wp-calendar a {text-decoration: none;	}
#wp-calendar caption { 	text-align: center; }
#wp-calendar th { font-style: normal;text-transform: capitalize;}
#wp-calendar #today {font-weight:bold;color:#4E8A39;}
/* End Calendar */
.smallattachment {text-align: center; float: left;margin: 5px 5px 5px 0px;}
.attachment {text-align: center; margin: 5px 0px;}

/* Begin Images */
p img {	padding: 0;	max-width: 90%;	}
img.centered { display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;	}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
/* End Images */

/* Begin Lists */
.entry ol,.entry ul {margin: 0;	padding: 5px 0 5px 35px; }
.entry li {margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style: none;}

/* Begin Form Elements */
.entry form { text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 80%; padding: 2px;}
/* End Form Elements */

/* Begin Comments*/
.alt { 	margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify;}
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p {margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0;	}
.nocomments { text-align: center; }
.commentmetadata {display: block; font-size:10px;font-weight:normal;}
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { 	cursor: help;}
acronym, abbr { border-bottom: 1px dashed #424242; }
blockquote { margin: 15px 30px 0 10px;padding-left: 20px;}
blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center;}
hr { display: none; }
.alignright { float: right;	}
.alignleft { float: left;}
.navigation .alignright { width:48%; text-align:right; 	}
.navigation .alignleft {width:48%; text-align:left;}
/* End Various Tags & Classes*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   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;
}