/* 

Theme Name: Structure

Theme URI: http://themehybrid.com/themes/structure

Description: A theme for news/magazine sites with a blog-friendly option too.  It includes built-in video and image features that easily allow you to customize your site. There are content blocks that you can place virtually anywhere on the page.

Version: 1.3

Author: Justin Tadlock

Author URI: http://justintadlock.com

Copyright (c) 2007 - 2008 Justin Tadlock

*

* Keep the above information intact.

*

*/



* { margin: 0; padding: 0; }



 ul { list-style: none; }

.post ul, .post ol { margin: 0 25px; }

/*.post ul { list-style: disc; }*/


/*.post ul ul, .post ul ul ul, .post ol ol, .post ol ol ol { margin-bottom: 0; }*/

.post ul li { background: url("/li_bullet.gif") 0 0 no-repeat; padding: 0 0 .6em 16px; line-height: 1.3em; font-size: 1.2em; color: #333; margin: .1em 0; font: 100% "Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;}

p { margin: 10px 0; }



a { color: #0C386E; text-decoration: none; }

a:hover { color: #000; }



/* Code */

pre {

	overflow: auto;

	margin-bottom: 15px;

	padding: 7px;

	background: #f9f9f9;

	}



/* Blockquotes */

blockquote {

	margin: 0 1.7em 15px 1.7em;

	padding-left: 10px;

	color: #444;

	font-style: italic;

	border-left: 2px solid #eee;

	}

blockquote blockquote { color: #666; }



/* Alignment */

.left, .alignleft { float: left; margin-right: 10px; }

.right, .alignright { float: right; margin-left: 10px; }

.clear { clear: both; }

.center, .aligncenter { margin: 0 auto 15px auto; text-align: center; display: block; }



/* Tables */

table { width: 95%; margin: 0 auto 15px auto; border: 1px solid #eee; }

table tr { font-weight: bold; background: #ccc; }

table tr td { text-align: center; background: #fff; border: 1px solid #ccc; }

table tr td.pad { border: none; }



h1, h2,  h4, h5, h6 { font-weight: normal; color: #666666; }
h3 { font-weight: normal; color: #C13A01; }
h2, h3, h4, h5, h6 { margin-bottom: 15px; }

h2 { font-size: 1.3em; }

h3 { font-size: 1.3em; }

h4 { font-size: 1.2em; }

h5 { font-size: 1.1em; }

h6 { font-size: 1em; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	font-weight: normal;

	text-decoration: none;

	color: #856F35;

	}



body {

	color: #333;

	/*background: url(http://cheapelectricshaversdeals.com/wp-content/themes/structure/images/gradient_gray.png) repeat-y center; */

        background: #FFFFFF; }
	font: 85% "Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;


/*font:80% Verdana, Arial, Helvetica, "Lucida Console", sans-serif;*/

	}

#body-container {

	overflow: hidden;

	width: 960px;

	margin: 0 auto;

	padding: 0 12px 5px 12px;

	background: #1B1D1E; }



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

	Navigation

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

#navigation { overflow: hidden; width:965px; float: left; display: block; background: #1B1D1E; }

#nav { float: left; width: 635px; margin: 0 10px 0 0; }

#nav li { float: left; display: inline; }

#nav li a {

	font-size: 1em;

	font-weight: normal;

	float: left;

	color: #ffffff;

	text-align: center;

	padding: 5px 20px 8px 20px;

        margin: 5px 1px 2px 1px;

	text-decoration: none;

	}

#nav li a:hover, #nav li a:active { color: #C13A10; background: #ffffff;}

#navigation ul li.current_page_item a { color: #C13A10; background: #ffffff; }



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

	Search form (navigation)

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

#search form { float: right; }

#search input#s {

	width: 200px;

	padding: 5px;

	margin: 7px 0 0 0;

	color: #333;

	background: #f7f7f7;

	border: 1px solid #333;

	}

#search input#search-submit {

	display: none;

	}



/************************************************
	Header
************************************************/
#header {
	clear: left;
	float: left;
	width: 943px;
        height: 75px;
	padding: 10px;
        margin: 2px 0;
	/*border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	background: #fff;
	}
#header h1 {
	display: inline;
	float: left;
        
	width: 450px;
	font-size: 2.5em;
	font-weight: bold;
	}

/************************************************
	Feed (header)
************************************************/
#feed {
	width: 468px;
	height: 68px;
	float: left;
	padding: 2px 0;
	
	}
#feed ul li { text-align: right; margin: -1px 0 4px 0; }
#feed ul li a { font-weight: bold; }
#feed ul li a:hover { text-decoration: underline; }


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

	Containers

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

#container {

	overflow: hidden;

	float: left;

        margin: 7px 0 ;

	width: 943px;

	padding: 10px 10px 5px 10px;

	background: #ffffff;

	}

#content, #home { width: 611px; }

#content { padding: 0 0 10px 0; }

#content.left, #home.left, #sidebar.left { float: left; margin: 0; }

#content.right, #home.right, #sidebar.right { float: right; margin: 0; }

#home.right, #content.right { margin-right: 5px; }



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

	Images

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

.post img { 	max-width: 98%; }

img, a img {

        padding: 0;

	border: 1px solid #ffffff;

	background: #ffffff;



	}

.post a img:hover {border: 1px solid #5C9EBF;

	}



.thumbnail { width: 116px; height: 116px; }

.thumbnail, .medium { float: center; margin: 10px; }



#feature img { width: 230px; }

html>body #feature img { width: auto; max-width: 230px; }



.author-box .avatar { float: left; width: 75px; height: 75px; margin-right: 10px; }

.navigation-attachment img { max-width: 150px; max-height: 150px; }



/* Captions */

.wp-caption {

	padding: 3px 0 0 0;

	background: #f7f7f7;

	border: 1px solid #eee;

	text-align: center;

	}

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

	margin: 0; padding: 0 5px;

	text-align: right;

	font-size: .8em;

	color: #666;

	}

.wp-caption img {

	margin: 0; padding: 0;

	}



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

	Posts/pages/archives

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

#content .post, .paged .post {

	width: 604px;

	padding: 5px;

	overflow: hidden;

	margin: 0 0 10px 0;

	background: #fff;

	/*border: 1px solid #ccc;*/

	}

#content .thumbnail { float: left; margin: 2px 17px 10px 0; }

#content.single .post {

	width: 600px;

	font-size: 1em;

	padding: 10px 25px;

        

	}


.post .post-title { margin: 0 0 5px 0; color: #333333;}


.post a { color: #856F35; text-decoration: underline; }

post a:hover { color: #CC6600; text-decoration: underline;}

.post .post-title a { color: #CC6600; }

.post .post-title a:hover { color: #333333; background: #ffffff;}

.post .byline { margin: 5px 0 7px 0; color: #999999;}

.post .byline a {color: #999999; text-decoration: underline;}

.post .byline a:hover {color: #856F35; text-decoration: underline; background: #ffffff;}

.post-meta-data { margin-right: 6px; text-align: right; }

#content .post-meta-data {

	text-align: left;

	}



/* Related posts */

#related {

	overflow: hidden;

	width: 594px;

	margin: 0 0 10px 0;

	padding: 10px;

	background: #fff;

	/*border: 1px solid #ccc;*/

	}

/*#related ul { list-style: disc; margin-left: 25px; }*/

#related ul  li { font-size: 1.1em; line-height: 1.4em;  margin-left: 25px; background: url("/li_bullet.gif") 0 0 no-repeat; padding-left: 25px; text-decoration: underline;}

#related ul  li a:hover { color: #856F35; text-decoration: underline;}





/* Navigation links */

.navigation-links {

	width: 600px;

	padding: 10px;

	overflow: hidden;

	margin: 0 0 10px 0;

	background: #fff;

	border: 1px solid #cccccc;
        

	}
.navigation-links a { color: #856F35; text-decoration: underline;}
.previous { float: left; max-width: 47%; }

.next { float: right; max-width: 47%; text-align: right; }

.single .next { text-align: left; }



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

	Feature

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

#feature .post {

	overflow: hidden;

	width: 594px;

	margin: 0 0 10px 0;

	padding: 10px;

	background: #fff;

	/*border: 1px solid #cccccc;*/

	}

#feature .post-title { margin: 0 0 5px 0; font-size: 1.6em; }

#feature img { float: left; margin: 3px 15px 10px 0; }

#feature p { margin: 0 0 10px 0; }



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

	Home Inserts

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

#home-insert-1, #home-insert-2, #home-insert-3 {

	overflow: hidden;

	width: 594px;

	margin: 0 0 10px 0;

	padding: 10px;

	background: #fff;

	border: 1px solid #cccccc;

	}



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

	Excerpts

************************************************

/************************************************
	Excerpts
************************************************/
#excerpts .post {
	width: 594px;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
	}
#excerpts .post-title { width: 100%; margin: 0 0 5px 0; }
#excerpts img { float: left; margin: 2px 17px 10px 0; }




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

	Full posts (home)

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

#full-posts .post {

	width: 594px;

	margin: 0 0 10px 0;

	padding: 10px;

	background: #fff;

	border: 1px solid #CCCCCC;

	}

#full-posts .post-title { width: 100%; margin: 0 0 5px 0; }

#full-posts .byline { margin: 0 0 15px 0; clear: left; }

#full-posts .post-meta-data { text-align: left; }



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

	Widget blocks (also see sidebar menu)

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

#widget-blocks { margin-bottom: 10px; width: 616px; }

#widget-blocks .block-left { float: left; width: 300px; }

#widget-blocks .block-right { float: right; width: 300px; }



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

	Sidebar

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

#sidebar {

	overflow: hidden;

	width: 300px;

	}

.menu {

	overflow: hidden;

	float: left;

	width: 278px;

	margin: 0 0 10px 0;

	padding: 10px;

	border: 1px solid #cccccc;

	background: #fff;

	}

.menu .section-header { font-size: 1.1em; font-weight: bold; margin-bottom: 8px; }

.menu .section-header a { font-weight: bold; }

.menu li, .tabbed .tab-content li { padding: 0 5px 8px 7px; background: url("/li_bullet.gif") 0 0 no-repeat; margin-left: 5px;}

#sidebar .menu li a, #widget-blocks .menu li a, .tab-content li a { padding: 2px 15px 2px 10px;}

.menu ul li a:hover, .tabs-block .tabbed div li a:hover { text-decoration: underline; }

#sidebar .tab-content p, #widget-blocks .tab-content p { margin: 5px; }



/* Sidebar search tab */

#sidebar .search input { width: 94%; background: #f9f9f9; color: #333; margin: 4px 0; padding: 5px; }

#sidebar .search input.search-submit { display: none; }



/* Gallery stream / flickr */

#sidebar .flickr img, #sidebar .gallery-stream img { width: 75px; height: 75px; margin: 0 5px 5px 4px; }



/* Video widget */

.video { padding: 10px 10px 0 10px; width: 278px; }

.video div { padding: 0; margin: 0; }

.video object { float: left; width: 100%; margin: 0; padding: 0; }

.video .post-title { font-size: 1em; margin: 5px 0; }



/* Ads widget */

.ads img {

	width: 125px; height: 125px;

	float: left;

	margin: 2px 4px 7px 10px;

	padding: 0; border: none;

}



/* Recent widget */

.recent {

	width: 288px;

	padding: 10px 5px;

	margin: 0 0 10px 0;

	float: left;

	background: #fff;

	/*border: 1px solid #ccc;*/

	}

.recent .post {

	width: 99%;

	float: left;

	margin: 5px;

	padding: 0;

	line-height: 1em;

	}

.recent h2 { margin-left: 5px; }

.recent .post h3 { margin: 0; padding: 0; }

.recent .post h3 a { display: inline; font-size: .7em; font-weight: bold; }

.recent img { display: block; clear: left; float: left; margin: 2px 10px 0 0; }



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

	Tabs

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

#sidebar .tabs-block, #widget-blocks .tabs-block { width: 300px; }

.tabs-block {

	float: left;

	margin-bottom: 10px;

	}

.tabbed {

	width: 100%;

	border: none;

	padding: 0;

	}

/* Actual tabs */

.tabbed ul.tabs {

	position: relative;

	top: 0;

	left: 0;

	z-index: 5;

	list-style-type: none;

	}

.tabbed ul.tabs li { display: inline; float: left; }

.tabbed ul.tabs li a {

	display: block;

	float: left;

	margin: 0 3px 0 0;

	padding: 5px .4em;

	font-weight: bold;

	background: #eee;

	border: 1px solid #cccccc;

	}

.tabbed ul.tabs li a:hover { background: #f7f7f7; text-decoration: none; }

.tabbed ul.tabs li a.tab-current { background: #fff; border-bottom: 1px solid #fff; }



/* Tab content */

.tab-content {

	float: left;

	overflow: hidden;

	clear: left;

	z-index: 0;

	margin-top: -1px;

	border: 1px solid #cccccc;

	background: #fff;

	}

#sidebar .tab-content, #widget-blocks .tab-content { width: 99%; padding: 5px 0; }

div.t2, div.t3, div.t4, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8 { display: none; }



/* All post tabs */

#post-tabs, #post-list-tabs, #post-block-tabs { overflow: hidden; width: 616px; margin-bottom: 10px; background: transparent; }

#post-tabs .tab-content, #post-block-tabs .tab-content, #post-list-tabs .tab-content { width: 594px; padding: 10px; }

#post-tabs .post, #post-block-tabs .post, #post-list-tabs .post { margin: 5px 0 0 0; }

#post-tabs .post-title, #post-block-tabs .post-title, #post-list-tabs .post-title { font-size: 1.15em; }



/* Post block tabs */

#post-block-tabs .odd { clear: both; float: left; width: 48%; }

#post-block-tabs .even { float: right; width: 50%; clear: none; }



/* Post list tabs */

#post-list-tabs .odd { float: left; width: 48%; clear: left; }

#post-list-tabs .even { float: right; width: 45%; clear: none; }

#post-list-tabs .tab-content ul { list-style: none; margin-left: 3px; }

#post-list-tabs .tab-content li { margin: 3px 0; }



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

	Comments template

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

#comments-template {

	overflow: hidden;

	float: left;

	clear: left;

	width: 564px;

	padding: 10px 25px;

	margin: 0 0 10px 0;

	/*border: 1px solid #ccc;*/

	background: #fff;

	}

#comments-template h3 { margin: 10px 0 0 0; }

#comments-template li {

	list-style-type: none;

	float: left;

	width: 97%;

	margin: 10px 0;

	padding: 5px;

	background: #ffffff;

	border-bottom: 1px solid #ffffff;

	}

#comments-template img { border: none; padding: 0; }

#comments-template .avatar {

	float: left;

	width: 35px; height: 35px;

	margin: 5px 10px 0 10px;

	padding: 1px;

	border: 1px solid #ffffff;

	background: #eee;

	}

#comments-template li.alt {

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	}

#comments-template .comment-meta-data {  float: left; margin-top: 5px; }

#comments-template .comment-text {

	clear: left;

	float: left;

	display: block;

	width: 90.5%;

	margin: 10px;

	padding: 8px 15px;

	background: #fff;

	border: 1px solid #ffffff;

	}

#comments-template input {

	width: 50%;

	padding: 5px;

	margin:  10px 5px 0 0;

	background: #fff;

	/*border: 1px solid #0C386E;*/

	}

#comments-template textarea {

	width: 96%;

	padding: 5px;

	margin-top: 10px;

	/*border: 1px solid #0C386E;*/

	}

#comments-template input.submit-comment, #comments-template input.reset-comment, .button {

	width: 95px;

	padding: 7px;

	margin-right: 5px;

	color: #fff;
        border: 1px double #fff;

	background: #ffffff url(/wp-content/themes/structure/images/post_comment.gif) 0 0 no-repeat;

	}



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

	Footer

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

#footer {

	color: #fff;

	clear: both;

	width: 945px;

	margin: 2px auto;

	padding: 5px 0;

	}

#footer p {

	float: left;

	width: 75%;

	margin: 0 auto;

	}

#footer p.icons {

	float: right;

	text-align: right;

	width: 30px;

	}

#footer .wp-icon {

	display: block;

	width: 30px;

	height: 30px;

	background: url(images/wp-icon.gif) no-repeat 0 0;

	}

#footer .wp-icon span {

	display: none;

	}

#footer h3 { color: #f1f1f1; font-weight: normal; border-bottom: 1px dotted #666; padding: 0 0 .2em 0; margin: 0 0 1em 0;  }

#footer a { color: #ccc; font-weight: normal; }

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

#footer img { margin: 0 10px; border: none; }



	

	#end h3, #comments h3 { margin: 0 0 1em 0; color: #333; font-size: 1.4em; }













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

*   Blog Entries      *

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



#grid1 {

padding:10px;}





.posth {

	padding:0;

	border:1px solid #ffffff;

	background: #ffffff;

	width:136px;

	height:220px;

	margin:0 3px 10px 3px;

        float:left;

       /* border: 1px double #333;*/

	}

	

	

#postentryh {

padding:0;

float:center;

margin: 0;



	}

#postentryh a,

/*#postentryh a:hover {

	color: #2f63b3;

	}*/

#postentryh p {

	

	padding:0px;

}



#postentryh img {

	border:1px solid #fff;

        float:center;

     

	}

/*#postentryh img:hover {

	border:1px solid #5C9EBF;

	}*/





	

#titlu {

margin: 0 0 0 5px;

float: center;

color:#3474c0;

font-weight:bold;

text-align:center;

width:126px;

height:60px;

vertical-align:top;

/*background: #ffffff;*/

}

#titlu a {color: #003399;}

#titlu a:hover {color: #CC6600; text-decoration: underline;}







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

ad footer



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





	.footer_left { float: left; width: 630px; }

	

		.footer_left_wide { float: left; width: 300px; }

		.footer_left_narrow { float: right; width: 300px; }

	

	.footer_right { float: right; width: 290px; }

        .footer_right h3 { color: #f1f1f1; border-bottom: 1px dotted #666;}

        .footer_right p { color: #f1f1f1;}

        .footer_right a { color: #CCCCCC; text-decoration: underline; }

        .footer_right a:hover { color: #f1f1f1; text-decoration: underline; }









.footer_wide { width: 925px; float: left; margin: 15px 5px 2.5em 0; padding: 10px; background: #333; }

#categories { float: left; width: 100%; }



	#categories ul li { float: left; width: 225px; font-size: 1.2em; margin-right: 5px; margin-bottom: 5px; line-height: 1.4em; }

#categories ul li a{ color: #CCCCCC; text-decoration: underline; }

#categories ul li a:hover { color: #f1f1f1; text-decoration: underline; }



	

.footer_left ul li { font-size: 1.2em; line-height: 1.4em; margin: 0 0 1em 0; background: url("images/footer_li_bullet.gif") 0 0 no-repeat; padding-left: 20px; }

/* Newsletter Subscribe */

#zoofrm { float: left; margin-top: .5em; }
#zoofrm p { margin: 0 0 .5em 0; }
#zoofrm input.text_input { border: 1px solid #ccc; width: 260px; font: 12px Helvetica, Arial, Sans-Serif;  }

#subscribe_widget p { margin: 0 0 1em 0; }
#subscribe_widget h2 { margin-bottom: 1em; }
#zoofrm p { margin: 0 0 .5em 0; }

.subbutton { float: left; }
.subcount { float: right; }

a.rss { padding: 0px 0 1px 20px; background: url("images/rss_icon.gif") 0 0px no-repeat; margin-right: 20px; }
a.whatrss { padding: 0 0 0 20px; background: url("images/rsswhat_icon.gif") 0 -1px no-repeat; }
a.twtr { padding: 0 0 0 20px; background: url("images/twitter-icon.gif") 0 -1px no-repeat; }
a.comment { padding-left: 20px; background: url("images/comment.gif") 0 0 no-repeat; }




/* More Css*/



.signupbutton {
width: 263px;
text-align: center;
background-image:url(http://www.thainetblog.com/wp-content/uploads/2009/12/signupbutton.png);
background-repeat: no-repeat;
color: #fff;
font-size: 23px;
font-weight: bold;
margin-left: 320px;
padding-top: 19px;
padding-bottom: 19px;
display: block;

}

a.signupbutton, a.signupbutton2 {
color: #fff;
}

a:hover.signupbutton, a:hover.signupbutton2 {
color: #000;
}