/*  



Theme Name: The Web Design Source



Theme URI: http://www.thewebdesignsource.com



Description: Custom Wordpress Design & Layout For TWDS



Version: 1.0



Author: Chris Schroeder



Author URI: http://www.chris.ag









*/







*{margin:0;padding:0;}



html,body{background:#ccf7ff; repeat-x;color:#333;text-align:center;} 



body{font:12px verdana,helvetica,arial,sans-serif;}



h1{font-size:18px;}



h2{font-size:28px;}



h3{font-size:14px;}



h4{font-size:12px;}

h5{font-size:20px;}



.twdsdescription {font-size:20px;
font-weight:400;
color:#000;
line-height:40px;
margin:40px auto; margin-top:0px; margin-bottom:0px; margin-left:60px;
padding:10px;
background:#c9f2fa;
color:#505050;}
.twdsdescription span{text-transform:uppercase}

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



a:hover{color:#ff00a8; text-decoration:underline;} /* text link hover color */



#wrapper{margin:20px auto; margin-top:0px;text-align:left;width:965px; background:#fff; padding:10px; border-right: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC;  } 


#headbg{margin:20px auto; margin-top:0px; margin-bottom:0px;text-align:left;width:965px; background:#fff; padding:10px; border-right: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; }

#logobg{margin:20px auto; margin-top:0px; margin-bottom:0px;text-align:left;width:965px; background-image:url(images/logobg.jpg); padding:10px;}




/* masthead / footer - navigation and categories */



#masthead{padding:5px 0;}



#masthead h1 a{text-transform:uppercase;width:400px;float:left;margin:12px 0 0 0;}



#masthead h1 a em{font-style:normal;color:#555;}



#authorBlurb img{float:right;width:42px;height:42px;border:3px solid #EEE;}



#authorIntro a{font-weight:bold;} 



#authorIntro{font-weight:700;line-height:5em;width:400px;margin:8px 0 0 0;}



ul.nav{list-style:none;}



.nav li{float:left;display:block;width:190px;}



.nav li a{font-size:11px;outline:none;color:#333;text-decoration:none;display:block;padding:5px 0 12px 5px;width:99px;text-transform:uppercase;}



.nav li a span{font-size:11px;color:#777;text-transform:lowercase;}



.nav li a:hover{background:#ff00a8;color:#eee!important;width:190px;}                     /* Main navigation hover color */



* html .nav li a:hover{background:#ff00a8;width:99px;}

.nav li #subscribe a{font-size:11px;outline:none;color:#333;text-decoration:none;display:block;padding:5px 0 12px 5px;width:99px;text-transform:uppercase;}

.nav li #subscribe a span{font-size:11px;color:#777;text-transform:lowercase;}

.nav li #subscribe a:hover{background:#000;color:#eee!important;width:180px;}


.nav li.skip{border-left:1px solid #DDD;float:right;display:block width:100px;}



.nav li.skip a{width:100px;}



li.top{border-left:1px solid #DDD;float:right;display:block width:100px;}



li.top a{width:100px;}



.nav li.skip a:hover, li.top a:hover { background: transparent;color: #333 !important;}



#archives{background:#333;}



#archives ul{list-style:none;padding:5px 0 3px 0;}



#archives li{float:left;display:block;width:101px;}



#archives li a{font-weight:bold;color:#7F7F7F;width:99px;display:block;padding:2px 0 4px 5px;}



#archives li a:hover{color:#EEE;}





#folding_category_list li ul li {margin-left:6px;}

/* main - middle content and columns */



#mid{}#mainCol{float:left;margin:6px 0 0 0;width:600px;}







/* style individual sidebars */


#firstcol {color:#444;float:left;margin:25px 0 0 33px;width:285px;line-height:1.3em; padding:5px;}

#firstcol a{font-weight:bold;}

#firstcol p{color:#777;}






#midCol{color:#444;float:left;margin:5px 0 0 33px;width:300px; }

#midCol a{}


#midCol li{border-top:1px solid #EBEBEB; margin-top:5px; padding:8px; font-size:12px;}

#midCol li a{line-height:10px;}
#midCol li a:hover{}
#midCol p{color:#777;}

.allposts{border:1px solid #EBEBEB; border-top:none;}

#searchWrap,



.middle_links{margin-bottom:20px;}



#searchWrap input{vertical-align:middle;}
#search input:focus {
	background: #ff0c8a;
}


#searchWrap #s{font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-right:3px;width:260px;background:#E4EEF1;}

#searchWrap a:hover{background:#fff;}


.middle_links h3{margin-bottom:7px;}



#midCol ul{list-style:none;margin:8px 0 4px;}
#firstcol ul{list-style:none;margin:8px 0 4px;}



.middle_links ul li{background:url(images/li.gif) no-repeat 0 3px;color:#7F7F7F;line-height:1.2em;border-top:1px solid #BBB;padding:4px 0 4px 16px;}



#tertCol{float:left;width:120px;}



#tertCol p{color:#777;}



#elseWhere{}



#elseWhere h3{}



ul#imgLinks{list-style:none;margin:7px 0;}



#imgLinks li{color:#7F7F7F;line-height:1.2em;padding:0 0 1px;}



#imgLinks li a img{border:1px solid #EEE;width:208px;height:69px;color:#333;font-weight:bold;}



#imgLinks li a:hover img{border-color:#DDD;}







/* wordpress entries styling - main content column */



.postMeta{background:url(images/dot.gif) repeat-x left center;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}



.postMeta span.date{background:#FFF;color:#7F7F7F;padding:0 2px 0 4px;}



.postMeta span.comments{background:#FFF url(images/chat_grey.gif) no-repeat left center;padding-left:15px;margin-left:2px;}



.postMeta span.comments a,



.postMeta span.date a{color:#555;}



.post{margin:0 0 15px 0;}



.post h2{line-height:1.2em;margin-bottom:7px;}



.post h2 a{width:100%;display:block;outline:none;}


#posttitle {background:#FFFF66;}

.entry h3{margin:1em 0;}



.post .entry{line-height:2em;overflow:hidden;background:#FFFFFF;padding:0em;padding-top:1em;font-size:14px;}



.post .entry p{margin:0em 0;}



.post .entry p a{background:url(images/dot.gif) repeat-x bottom left;font-weight:bold;}



.entry blockquote{margin:0 1.3em 0;}



.entry ul{margin:0 1.3em 0;list-style:none;}



.entry li a{color:#333;font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}



.entry ul li{padding-left:10px;margin-bottom:7px;}



.entry ol{margin:0 1em 0 3em;}



.entry ol li{margin:0 0 7px 0;}



.entry img,.entry a img{padding-left:-15px;}



.entry a:hover img{border-color:#DFDFDF;}



.entry table tr { padding: 15px 0; }



.entry table tr.alt { background: #eee; }







/* style pagination buttons */



#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 25px; text-align: right; }



#more_reading p, #more_reading img { vertical-align: middle; }



#more_reading a img { border: none; margin:0 0 3px 2px; }







/* style me some comments and inputs */



#comments{width:435px;padding:12px 0 0 0;}



#comments h3,



h3#respond{color:#555;margin-bottom:7px;}



ol.commentslist{list-style:none;margin:5px 0 12px;}



.commentslist li{background:#FFF url(images/lgrey_diag.gif) repeat top left;border:1px solid #BBB;margin-bottom:7px;padding:7px 0;}



.commentslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}



.commentslist li.alt{background:#FFF;}



.commentslist li:hover{border-color:#888;}



.commentslist .comment_text{margin:0 7px;line-height:1.4em;overflow:hidden;}



.comment_text p,



.comment_text ul,



.comment_text ol,



.comment_text blockquote{margin:1em 0;}



.comment_text ul,



.comment_text ol,



.comment_text blockquote{margin:0 1em;}p.author_meta{font-weight:bold;text-transform:uppercase;margin:0 0 0 7px;}



p.post_meta{font-size:11px;text-transform:uppercase;text-align:right;margin:0 7px 0 0;}



.commentslist li.author{background:#333;color:#CCC;}



.commentslist li.author a{color:#DDD;}



.commentslist li.author a:hover{color:#FFF;}



#comments_closed{background:#333;color:#ccc;padding:7px 0;margin-top:12px;line-height: 1.5em;}



p.nocomments{margin:0 12px 0 7px;}



p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}



p.nocomments a:hover{color:#FFF;}



ol.pingslist{margin:1.5em 2em;font-size:12px;}



.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}



.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}



#commentform p{margin:1em 0;}



#commentform p a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}



#author,



#email,



#url,



#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}



#comment{width:429px;overflow:auto;}



#commentform p small{font-size:10px;color:#7F7F7F;}



.commentslist code{background:transparent;}







/* footer - text string and links */



#footer p {padding-top: 7px; }



#footer p a{font-weight:bold;color:#333;}







/* float rules */



.floatleft{float:left;margin:3px 7px 0 0;}



.floatright{float:right;margin:3px 0 0 7px;}



.right{float:right;}



.left{float:left;}



.clear{clear:both;}



.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}



.fix{display:inline-block;} 



* html .fix{height:1%;}



.fix{display:block;}



/* tabbed sidebar menu CSS ////////////////////////////////////////////////////////////////////////////////////////////////////*/



/* Contains the entire tabbed section */

.tabbed {



	}



/* List of tabs */.tabbed ul.tabs {

	float: left;

	display: inline;

	width: 100%;

	margin: 0;

	padding: 0;

	}

.tabbed ul.tabs li {

	list-style-typ: none;

	float: left;

	margin: 0;

	padding: 0;

	}

.tabbed ul.tabs li a {

	overflow: hidden;

	display: block;

	margin: 0 2px 0 0;

	padding: 5px 6px;

	color:#dedede;

	background:#a1a1a1; /*background of unselected tab*/

	}

.tabbed ul.tabs li a:hover {

background:#ff159f;

color:#dedede;

	}



/* The current selected tab button */

.tabbed ul.tabs li a.tab-current {

	background:#000;

	}





/* The content shown when a tab is selected */

.tabbed div {

list-style-type: none;

	float: left;

	display: inline;

	width: 90%;

	padding:4px;

	background-color:#eeeeee; /*border color*/

	border:1px solid #d1d1d1;

	margin-top:5px;

	}



/* Set the CSS to make sure the other tabs' content isn't shown other than the first */

.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {

list-style-type: none;

	display: none;

	}



/* Content for inside your tabs' divs */

.tabbed div a {

	display:block;

	padding:10px;

	background-color:#f2f2f2; /* Background of each item*/

	border-bottom:1px solid #eeeeee;

	color:#565344;

	text-decoration:none;

	}

	

.tabbed div a:hover{

background-color:#fff;

	border-bottom:1px solid #ffffff;

}

.tabbed div p {





	}

.tabbed div div {



	}

	

/*BREADCRUMB  ///////////////////////////////////////////////////////////////////////////// */



#breadcrumb {

font-size:24px;

font-weight:900;

margin-top:10px;

padding:3px;

border-right:none;

border-left:none;

border-top:thin;

border-top:#666666;

border-bottom:thin;

border-bottom:#666666;



}

#topthumbnails {
padding:0;
text-align:left;
}

.topdescription {

}

#rss {
}
.rssli {
background:none;
}
.rssli a:hover {
background:none;
}
#comment-personaldetails {
	margin-top: 10px;
	font-size:10px;
}
#feedfooter {
background:#fff;
}

/*TOP CSS TABS MENU ##################################*/


.menu {color:#000; height:40px; font-size:10px;}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:center;float:right;}
.menu li {display:block; line-height:23px;}
.menu li a {color:#000000; text-decoration:none; padding:4px 5px 6px 5px;font-weight:bold; }
.menu li a.tabactive {color:#fff; background-color:#000; font-weight:bold;  position:relative;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 { display:none;width:550px;text-align:center;padding:6px 0px; font-size:12px; margin-bottom:5px;}