/*  

Theme Name: BorderPx

Theme URI: http://tenthblog.com/2008/08/17/borderpx-new-wordpress-theme/

Description:  A two column wordpress theme, questions and comments are welcome. Click on theme URL for any support or questions. by <a href="http://tenthblog.com/">Tenth Blog </a>

Version: 1.3

Author: John

Author URI: http://tenthblog.com

Tags: Simple, 2 Column, right sidebar, fixed width, two columns, blue, clean

*/



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}





.alignleft {

font-size:12px;

float:left;

}



.alignleft a:link,.alignleft a:visited {

color:blue;

text-decoration:none;

}



.alignleft a:hover {

text-decoration:underline;

}



.alignright {

float:right;

font-size:12px;

}



.alignright a:link,.alignright a:visited {

color:blue;

text-decoration:none;

}



.alignright a:hover {

text-decoration:underline;

}

.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: 10px;   font-style:italic;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}





code {

	margin: 4px 0;

	padding: 8px;

	text-align: left;

	display: block;

	overflow: auto;  

	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;

	background: #F8F8F8 ;

	border: 1px dashed #E4E4E4;  

}



.info {

font-size:10px;

margin:0;

padding:0;

}



.info a:link, .info a:visited {



margin:0;

padding:0;

}





a:link,a:visited {

color: blue;

}

a:hover,a:active {

color:blue;

text-decoration:underline;

}



body 

{

font-family: Verdana;

width: 980px;

margin:auto;

font-size: 12px;

background-color: #302e3f;

}

#page {

background: #fff;

margin-top: 10px;

padding-top: 10px;

margin-bottom: 10px;

}

.ad {

background-color: #f3f3f3;

margin-left: 20px;

}



.ad img {

border: 1px solid #c9c9c9;

margin: 3px;



}

.postmetadata {

border-top: 1px dotted;

text-align: right;

margin: 1px 6px 1px 6px;

padding: 2px;

font-size: 11px;

}



.postmetadata img {

margin:0px;

}







.postmetadata a:link,a:visited{

color: black;

text-decoration: none;

}



.postmetadata a:hover

{

color:red;

}



.postmetadata img {

margin-right: 0px;



}



.entry {

font-family: verdana,sans-serif;

font-size: 12px;

letter-spacing: 0.2pt;

word-spacing: 0pt;

line-height: 1.4;

padding: 7px;

}



.entry a:link {

color:blue;

text-decoration:none;

}



.entry a:visited {

color:blue;

padding:0;

margin:0;

}



.entry a:hover {

text-decoration:underline;

}







.post

{

padding-right: 4px;

}





.postitle {

font-size:18px;

color:#585aa3;

margin:5px 0 0 0;

padding:0;

}



.postitle a:link{

color:#585aa3;

font-size:18px;

text-decoration:none;

}



.postitle a:visited{

color:#585aa3;

font-size:18px;

}

.postitle a:hover{

color:#000;

font-size:18px;

}







.comment{





}



.comment textarea {

width:500px;

font-family:Verdana;

font-size:12px;

}





#content {

clear:both;

margin-left: 12px;

border-top: 10px solid;

padding-left: 10px;

background-color: #fff;

float:left;

width:640px;

font-family: Verdana;

font-size: 12px;

}





#sidebar ul

{

list-style:none;

margin:0;



padding:0;

}



#sidebar ul li{

margin: 5px;

padding-bottom: 4px;

display: block;

margin-left: 25px;

border-bottom: 1px dotted;

width: 245px;



}



#sidebar ul li a:link,a:visited {

text-decoration: none;

display: inline;

color:#36363a;

}



#sidebar ul li a:hover, #sidebar ul li a:active {

color:#513cf0;

}





#sidebar ul li ul {

border-top: 1px dotted;



}



#sidebar ul li ul li {

color:red;

margin-left: 0px;

border:0px;

}



#sidebar h2 {

margin:0;

padding:0;

font-size: 14px;

margin-left: 20px;

margin-top: 8px;

margin-bottom: 5px;

}



.wrap {

position: relative;

}



.desc {

padding-top: 14px;

}



#header{



clear:both;

margin-left: 15px;

padding:0;

float:left;
background-color:#fff;

}






#header h1

{

margin:0;

padding:0;

font-size:25px;
font-weight:bold;
font-family: Verdana,Arial,sansserif;

}



#header h1 a:link,a:visited {

color:#000;

text-decoration:none;

}

#header h1 a:hover

{

color:##FF0000;

}



#sidebar {

border-top: 10px solid;

float:right;

width: 303px;

margin-right:14px;

border-left:1px dotted;

background-color:#f3f3f3;

}



.postrss {

background-color: #f1ccb9;

border:1px solid #e3ae93;

width: 500px;

padding: 5px;

margin-left: 50px;

margin-bottom:10px;

}



.postrss a:link {

color:blue;

}



.postrss img {

margin-right: 5px;

}





.searchbox

{

float:left;

}







.searchbox input {

height: 20px;

width: 240px;

font-size: 13px;

border:1px solid #e2e2e9;

margin-left:25px;

margin-bottom: 8px;

}



.clear {

visibility:hidden; 

clear:both;

}


#mainnav {

padding:0;

margin:0;



}

#mainnav ul

{

padding-top:20px;

margin:0px 0px 0px 0px;

float:right;

list-style-type: none;

padding-right:12px;

}



#mainnav ul li 

{ 

display: inline;

margin-right: 2px;

margin-bottom: 1px;



}



#mainnav ul li.current_page_item a

{

display: inline;

font-weight: bold;

}



#mainnav ul li a:link,a:visited

{

color:black;

text-decoration:none;

padding: 2px;

}





#mainnav ul li a:hover

{

border-top: 2px solid;

color: black;

}



.feed {

width: 265px;

padding: 5px;

margin:10px 100px 10px 15px;

background-color:#e9dacd;

border: 1px solid #c7b19d;

font-size:17px;

float:left;

}



.feed a:link,a:visited

{

color: black;

text-decoration:none;

}



.feed a:hover{

color:red;

}





.feed input {

margin: 1px;

}



.feed img {

margin:5px;

float:right;

}



.feed p {

font-size: 12px;

margin:3px 0 3px 0;

}



.com

{



margin:8px 0 0 0;

border-top: 1px dotted;

font-size: 12px;

padding: 2px;

text-decoration: none;

}







img {

border:0px;

margin:5px;

}



/* blockquote {

padding-left: 54px;

background:#fff url(img/q.gif) no-repeat;

margin: 20px;

} */



textarea {

width:500px;



}





#footer {

border-top: 5px solid;

margin-left:12px;

margin-right: 12px;

font-size: 11px;

margin-top:5px;

margin-bottom: 20px;

padding-bottom:5px;

text-align: center;

}

#footer p {

margin:3px 0 0 0;

padding:0;

}



#footer a:link, #footer a:visited {

color: #000;

font-size:11px;

margin:0;

padding:0;


}



.insidef {

color: #fff;

background-color:#000;

}

.tocs {
	border: medium solid #0000FF;
	margin: 5px;
	padding: 5px;
	float: right;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	width:787px;
	height:32px;
	font-size:12px;
	position:relative;
	z-index:10000;
	border-right:1px solid #;
	z-index:10000;
	top:0px;
	left:0px;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:746px;
	w\idth:745px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {
	width:149px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:149px;
	position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	width:138px;
	height:30px;
	border:1px solid #;
	border-width:1px 0 1px 1px;
	background:#000;
	padding-left:10px;
	line-height:29px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:149px;
	w\idth:138px;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#d4d8bd url(images/drop.gif) bottom right no-repeat;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
	background:#c9ba65 url(images/drop.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
	background:#c9ba65 url(images/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background:#b2ab9b;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
	width:149px;
	border-top:1px solid #000;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:30px;
	t\op:31px;
}
/* position the third level flyout menu */
.menu ul ul ul {
	left:149px;
	top:-1px;
	width:149px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-149px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	;
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#d4d8bd;
	color:#000;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:128px;
	border-width:0 1px 1px 1px;
	font-size: 12px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:150px;
	w\idth:128px;
}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
	color:#fff;
	background-image: url(images/menu-over.jpg);
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#fff;
	background-image: url(images/menu-over.jpg);
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}
/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


/* .menu ul ul .current_page_item a {
	color: white;
	background: #949e7c;
	border-left: 1px solid black;
}
.menu .current_page_item a {
	color: white;
	font-weight: bold;
	background: #949e7c;
}
.menu ul .current_page_item ul a {
	color: black;
	font-weight: normal;
	background: #949e7c;
}
.menu ul .current_page_item ul a:hover {
	background: gray;
}
.menu .current_page_item a:hover {
	background: white;
}
*/
.topad {
	position: relative;
	height: 100px;
	width:940px;
	left:140px;
}