/*
Theme Name: Flytonic Theme
Theme URI: http://www.flytonic.com
Description: Flytonic Theme Framework For Wordpress!
Version: 2.1
Author: Thomas Calkins
Author URI: http://www.flytonic.com
*/

/**************** Links and Main *****************/

a, a:visited {color:#1668C2; text-decoration: none;}
	
a:hover {color: #999; text-decoration: none;	}

body {margin:0px 0px 0px 0px; background:#e5e5e5; color:#222; font-family:Tahoma, Arial, "Times New Roman"; font-size:13px; line-height:1.3em; }

#main{width:1000px; margin:0px auto 0px auto; background:#FFF; }

#content{ width:100%px; margin:0px auto 0px auto; clear:both; padding-top:0px; padding-left: 10px; padding-right: 10px; border-top:1px solid #2C82AB;}

#content p{padding: 0px 0px 10px 0px; margin: 0px; }
	 
img {border:0;}

/****************** HEADER ***************************/

#headerout{ width:100%;  background:none;}

#header {height:100px; width:1000px; margin:0px auto 0px auto; background:#fff; border-bottom:2px solid #f5f5f5; }

#header h2{ line-height:.9em; font-size:22px; margin:0px 0px 0px 0px; color:#006699; }

#header h3 { margin:0px 0px 0px 15px; color:#888; font-size:12px; }

#header-left{float:left; width:280px; padding:22px 10px 0px 15px;}

#header-middle{float:left;  padding-top:18px; }

#header-right{float:right; width:194px;  padding-top:20px; margin:0px 0px 0px 25px; }
			  
/****************** Navbar ***************************/

#navbar{width: 100%; color:#000; background:#fff; height:40px;  clear:both;  border-top:1px solid #e5e5e5; border-bottom:1px solid #3FABCF; } 

#nav{display: block; height:40px; width:100%; margin:0; }

#nav, #nav ul {line-height: 28px; margin:0; padding:0; list-style: none; }

#nav li {float: left; font-size:12px; text-transform:none; font-weight:bold;}

#nav li a,#nav li a:visited {color:#555; display:block; padding:6px 16px 6px 16px; }

#nav li a:hover, #nav li a:active {color:#333; background:#EEE; }	

#nav li ul {position: absolute; left: -999em; width:160px; margin:0; line-height: 17px; background:#DDD;}

#nav li li { width: 160px; margin:0; border-bottom:1px solid #999; font-size:11px; }

#nav li li a, #nav li li a:visited {color:#333; }

#nav li li a:hover, #nav li li a:active {background:#CCC; color:#333; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto; }

#nav li.current_page_item a, #nav li.current_page_parent a {color:#666;}

#nav li.current_page_item, #nav li.current_page_parent {color:#666; background:#E1F7FF; }

#nav li.current_page_item a:hover, #nav li.current_page_parent a:hover {background:#EEE; color:#333;}	

#nav li.current_page_item li, #nav li.current_page_parent li {background:#DDD;  }	

#nav li.current_page_item li a, #nav li.current_page_parent li a {color:#333;  }	

#nav li.current_page_item li a:hover, #nav li.current_page_parent li a:hover {background:#CCC;  }	

#nav li.current_page_item ul {margin-top:-1px;}	

/************************ Search *******************************************/

.topsearchform { margin:0px; }

.topsearchinput{width:125px; color:#999; background:#f5f5f5; border:1px solid #DDD;  padding:4px 5px 4px 10px;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-right:5px;  }

.topsearchsubmit{width:30px; color:#FFF; background:#006699; border:none;  padding:4px 0px 4px 0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;    }
						   
.topsearchsubmit:hover{background:#000033; color: #FFF;}

#searchinput{ border:1px solid #CCC; background:#DDD; padding:3px 2px 2px 2px; font-size:10px; font-family: Verdana;}

#searchsubmit{margin: 0; width:34px; background:#888; border:1px solid #666; color:#fff; font-weight:bold; font-size:12px; font-family:Verdana; padding-bottom:1px;  }

#searchsubmit:hover{ background:#000033; border:1px solid #000033; }

/******************** Main Layout ***************************/

#topcontent{ width:960px; margin:0px auto 15px auto; padding:0px 0px 10px 0px; border-bottom:1px solid #DDD;}

#middlecontent{float:left; padding:20px 10px 20px 0px; line-height:1.5em; margin: 0px 0px 0px 10px; width:640px;   }

.c-s #middlecontent, .c-s-s #middlecontent, .s-c-s #middlecontent{background:url(images/dotted2.gif) right top repeat-y;}

.c-s-s #sidebar1,  .s-c-s #sidebar1, .s-s-c #sidebar1, .s-c #sidebar1 {background:url(images/dotted2.gif) right top repeat-y;}

.s-s-c #sidebar2 {background:url(images/dotted2.gif) right top repeat-y;}
			  	  
#middlecontent h1, #middlecontent h2, #middlecontent h3, #middlecontent h4{ line-height:.9em; color:#333; }

#middlecontent h1{ font-size:24px; margin:0px 0px 20px 0px;}

#middlecontent h2{ font-size:20px; margin:12px 0px 6px 0px;}

#middlecontent h3{ font-size:16px; margin:12px 0px 6px 0px;}

#middlecontent h4{ font-size:14px; margin:12px 0px 6px 0px;}
				  
.sidebar{float:left; padding:20px 10px 10px 10px; line-height:1.1em; width:300px; margin:0px;  font-size:12px; }

.sidebar h2, #topfooter h2 {margin:0px 0px 4px 0px;  font-size:13px;  padding:6px 6px 9px 6px;  color:#111; background:#f5f5f5;  border-top:2px solid #e5e5e5;  }

.sidebar ul, #topfooter ul {margin: 0;  padding: 5px 0px 15px 30px;  }

.sidebar li, #topfooter li {padding: 0; margin: 0px 0px 8px 0px; list-style:square outside; color:#ccc;   }

		  
/*************************** Misc Styles ********************************/
    
.bannerwidget{display: block; margin:5px auto 20px auto; float:none; text-align:center;	}

.fwidget{margin:5px 0px 20px 0px;}

.tablewidget,.textwidget, #searchform{margin-bottom:30px;}

.articleimg{ float:left; padding:4px; border:1px solid #DDD; margin: 0px 15px 0px 0px;}

.bylines{ margin:0px 0px 10px 0px;  font-size:11px; text-transform:uppercase; color:#777;  }

.moreinfo{margin-bottom: 30px; border-top: 2px solid #DDD; padding-top:5px; font-size:11px; text-transform:uppercase; color:#777;}

.breadcrumb{ margin:0px 0px 10px 0px; font-size:10px; padding-bottom:3px; border-bottom:1px solid #DDD; color:#666; font-family:Verdana; font-weight:bold;}

.current_crumb{font-weight:normal;}

#middlecontent h1.title, #middlecontent h3.title{margin-bottom:2px;}

.articleexcerpt { margin-bottom:25px; clear:both;}

/******************* Image format ****************************************/

p img {padding: 0; max-width: 100%;	}

img.centered, .aligncenter, div.aligncenter {display: block; margin:10px auto 10px auto; float:none; text-align:center; padding:2px;	}

img.alignright {float: right; margin: 0px 0px 5px 10px; border:1px solid #DDD; padding:4px;}

img.alignleft {float: left; margin: 0px 10px 5px 0px; border:1px solid #DDD; padding:4px;	}

.alignright {float: right; }

.alignleft {float: left; }

/****************** Captions *****************************/

.wp-caption {border: 1px solid #ddd; text-align: center; background: #EEE; padding-top: 4px; margin: 10px;
-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; }

/******************* Comments ****************************************/

blockquote { margin:10px 100px 10px 30px; padding: 10px 10px 0px 10px; border-left: 4px solid #E1F7FF;  font-family:Georgia, "Times New Roman", Times, serif; color:#555; font-size:14px; background:#f5f5f5; font-style:italic; }
blockquote p {	margin: 0; }

#middlecontent h3.commentsh3  { margin-top:40px; }

#commentform input {width: 250px; padding: 2px; margin: 5px 5px 1px 0;	border-top:1px solid #DDD; border-right:1px solid #DDD;
border-bottom:1px solid #CCC; border-left:1px solid #CCC; color:#666;	}

#commentform {margin: 5px 10px 0 0;	}

#commentform textarea {	padding: 2px; width: 330px;	border-top:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;color:#666; }
	
#respond{margin-top:40px;}
			 
#respond:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;	}

#commentform #submit {margin: 0; width:100px; background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center;  text-transform:uppercase;	}

#commentform #submit:hover { background:#000033; border:1px solid #000033; }

.alt {margin: 0;padding: 10px;}

.commentlist {padding: 0;margin:0px 40px 0px 20px;text-align: justify;}

.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;border:1px solid #ddd;	}
	
.commentlist li ul li { margin-right: -5px;	margin-left: 10px;}

.commentlist p {margin: 10px 5px 10px 0;}

.children { padding: 0; }

#commentform p {margin: 5px 0;	}

.nocomments {text-align: center; margin: 0; padding: 0;	}

.commentmetadata {font-size:10px;}

ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }

ol.commentlist li div.reply:hover { background:#000033; border:1px solid #000033; }

ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }

.fn{font-size:14px; font-style:normal; font-weight:bold;}

.avatar {float:right; padding:5px;}

/************************** Footer************************/

#topfooter{ padding:20px 10px 0px 20px; background:#f2f2f2; border-top: 2px solid #e9e9e9; overflow:hidden; }

#topfooter h2{margin:0px 0px 14px 0px; line-height:.9em; font-size:16px; text-transform:uppercase;}

#footerwidget1{ float:left; width:40%; margin-right:20px;}

#footerwidget2{ float:left; width:26%; margin-right:20px;}

#footerwidget3{ float:left; width:27%;}

#footer {width:980px; padding:20px 10px 20px 10px; color:#333;  margin:0px auto 0px auto; font-size:11px; background:#FFF; border-top:4px double #ccc; }

#footer a{color:#333; text-decoration:none; }

#footer a:hover{color:#333; text-decoration:underline; }

#footerright{ float:right;}

#footerleft { float:left; }
			   
#footerright ul{margin:2px 0px 0px 0px; padding:0;}

#footerright li{ margin: 0px 14px 0px 0px; display:inline; list-style:none;}

/************************** Sidebar Widget ***********************/

.toprooms { margin:0px 0px 20px 0px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;  }

.toprow1{background:#0066CC; color:#FFF; font-weight:bold; }

.toprow2{ border-bottom:1px solid #DDD;}

.rank{ font-size:9px; font-weight:bold;}

.bonustable{ margin-bottom:20px;}

/************************** Featured Table ***********************/

.featured { margin:0px 16px 25px 16px; padding:10px; border:1px solid #DDD; line-height:1.2em; background:#f9f9f9;}

.featleft{ float:left; width:33%; }

.featright{ float:right; margin:0px 0px 15px 10px; width:62%;}

.feattitle{ font-weight:bold; font-size:16px;}

.featrow2{ font-weight:bold; border-bottom:2px solid #EEE;}

.featrate{ color:#009933;}

.featurebottom{ background:#eee; padding:5px; clear:both;}

/************************** Middle Bonus Table ***********************/

.middlesites{margin-bottom:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #DDD; font-weight:bold; background:#f9f9f9;}

.sitesrow1{ background:#0066CC; color:#FFF;  }

.sitesrow2 {border-bottom:1px solid #DDD;  }

/************************** Review Table ***********************/

.reviewheading { margin:0px 0px 2px 0px !important; padding:6px; background:#0066CC; color:#FFF !important; font-size:14px !important;}

.topreview { margin-bottom:25px; padding:10px; border:1px solid #DDD; line-height:1.2em; font-size:14px; font-weight:bold;}

.revtitle{ font-weight:bold; font-size:20px;}

.reviewleft{ float:left; border:1px solid #EEE; width:28%; padding:5px; margin-left:15px;}

.reviewright{ float:right; margin-left:20px; width:55%;}

.reviewinfoleft { float:left; margin-bottom:25px; width:47%; border:1px solid #DDD;}

.reviewinforight{ float:left; margin:0px 0px 25px 4%; width:48%; border:1px solid #DDD;}

.siteinfo1 { font-weight:bold; color:#999; border-bottom:1px solid #EEE;}

.siteinfo2 { font-weight:bold; border-bottom:1px solid #EEE;}

li.features{ list-style:square;}