/*
Theme Name: twentyten
Theme URI: http://www.websitedesignby.com
Description: A custom WordPress theme. Build in links and archives pages. Widget support.
Version: 2.0.6
Author: websitedesignby
Author URI: http://www.websitedesignby.com/
Tags: white, gray, two-columns, fixed-width, threaded-comments, sticky-post
*/


/* 
   Meyer's CSS Reset
   v1.0 | 20080212 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* css reset ends */

body{
	margin:0px;
	padding:0px;
	font-size:76%;
	height:100%;
	font-family: Helvetica, Arial, sans-serif;
	background-color:#111111;
	background-image:url(image/myimage.jpg);
}

h1{
	font-size:2em;
	line-height:1.25em;
	padding-bottom:10px;
	font-family:  "Century Gothic", Century, Helvetica, Arial, sans-serif;
	font-weight:normal;
}
h2{
	font-size:1.2em;
}
h2, .glossary .section h2{
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
	font-weight:bold;
	font-family: "Century Gothic", Century, Helvetica, Arial, sans-serif;
	color: #292967;
	border:0px;
}
h3{
	font-size:1em;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	font-family:  "Century Gothic", Century, Helvetica, Arial, sans-serif;
	color:#333333;
}
.title h2 a{
	color:#333333;
}
.title h2 a:hover{
	color:#222287;
}
p{
	padding-top:8px;
	padding-bottom:8px;
}
a{
	color:#222287;
	text-decoration:none;
}
a:hover{
	color:#4141d9;
	text-decoration:underline;
}

a img{
	border: none;
}
blockquote{
	/*
	padding: 35px 20px 10px 50px;
	margin: 0 15px 24px 15px;
	*/
	background: url(images/blockquote.gif) no-repeat;
	padding-top:10px;
	padding-left:35px;
	padding-right:35px;
	margin-bottom:10px;
	margin-top:10px;
	color: #4c5692;
	font-family:Century, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.2em;
}
.clear{
	clear: both;
}
.alert{
	color:#c94802;
	font-weight:bold;
}

div#page_wrap{
	width: 960px;
	margin: 0 auto;
}

#header{
	background-color:#111111;
	height:138px;
	position:relative;
}
#header #logo{
	position:absolute;
	height:51px;
	width:364px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	top:46px;
	left:52px;
}
#header #logo a{
	display:block;
	height:51px;
	width:364px;
}
#header h1{
	position:absolute;
	font-size:10px;
	color:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	top:100px;
	left:53px;
}

.blog_cat{
	padding-bottom:15px;
}
	
/* END div#header */

/* menu */
#menu{
	height:51px;
	background-image:url(images/menu_bg.gif);
	background-repeat:repeat-x;
	text-align:center;
}
#menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
	width:980px;
	/* border:1px dotted #ffff00; */
}
#menu ul li{
	float:left;
	width:138px;
	text-align:center;
	color:#FFFFFF;
	font-family:Helvetica, "Microsoft Sans Serif", Century, Arial, sans-serif;
	font-weight:bold;
	font-size:13px;
	/* border:1px dotted #cccccc; */
}
#menu ul li a{
	padding-top:21px;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	height:30px;
	text-decoration:none;
}
#menu ul li a:hover{
	background-image:url(images/menu_hover.gif);
	background-repeat:repeat-x;
	height:30px;
	padding-top:21px;
}
#menu ul li.selected a{
	background-image:url(images/menu_selected.gif);
	background-repeat:repeat-x;
}

#main{
	clear:both;
	background-color:#e0e0e0;
	background-image:url(images/body_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	font-size:1.2em;
	
}
.flower{
	background-image:url(images/flowery_bg.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#wrap{
	padding-top:25px;
}
#content{
	width:1000px;
	text-align:left;
	/* border:1px solid #cccccc; */
}
#content #left{
	float:left;
	width:700px;
	padding-left:10px;
	padding-right:10px;
	line-height:1.5em;
}


table.icons{
	margin-top:10px;
	margin-bottom:10px;
}

#flash{
	height:270px;
	width:577px;
	background-color:#ffffff;
}
#share{
	background-image:url(images/share_bg.gif);
	background-repeat:no-repeat;
	height:43px;
	padding-left:5px;
	padding-top:10px;
}
#share #user_post{
	width:466px;
	border:1px solid #b5b4b4;
	padding:5px;
	float:left;
}
#wall{
	padding-top:10px;
}
#wall h2{
	margin-bottom:0px;
	padding-bottom:0px;
}
#wall .buttonarea{
	float:right;
	padding-right:10px;
	margin-top:0px;
}
.button_small{
	background-image:url(images/button_small_bg.gif);
	background-repeat:repeat-x;
	padding:8px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	width:51px;
}
.portfolio div.post{
	paddding-bottom:25px;
	margin-bottom:30px;
	border-bottom:1px solid #848484;
}
.portfolio div.post .postmeta{
	padding-bottom:35px;
}
/*
	post
*/

div.post .date, .comment_date{
	font-size:.9em;
	color:#797979;
}

.blog div.post{
	padding:10px;
	margin-bottom:35px;
}
.code{
	padding:10px;
	font-size:14px;
	line-height:21px;
	background-color:#FFFFFF;
	font-family:"Courier New", Courier, monospace;
	margin-bottom:10px;
	margin-top:10px;
}
.code .highlight{
	color:#000099;
}
.code .indent{
	margin-left:15px;
}


/*
	FORM
*/
label.alert{
	color:#990000;
}
input.alert{
	border:1px solid #990000;
}
/*
	FORM
	client Profile
*/
.clientForm{
	padding-top:10px;
	padding-left:50px;
	border:1px solid #848484;
}
.clientForm label{
	display:block;
	float:left;
	width:100px;
}
.clientForm ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.clientForm li{
	padding-top:5px;
	padding-bottom:5px;
}
.clientForm textarea{
	width:330px;
	height:90px;
}
.clientForm input.long{
	width:230px;
}
.clientForm input.medium{
	width:140px;
}

/*
	FORM
	website worksheet
*/
.worksheetForm{
	padding-top:10px;
	padding-left:50px;
	border:1px solid #848484;
}
.worksheetForm label{
	display:block;
	float:left;
	width:170px;
}
.worksheetForm ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.worksheetForm li{
	padding-top:5px;
	padding-bottom:5px;
}
.worksheetForm textarea{
	width:330px;
	height:90px;
}
.worksheetForm input.long{
	width:230px;
}
.worksheetForm input.xtra-long{
	width:410px;
}
.worksheetForm input.medium{
	width:140px;
}
.worksheetForm input.short{
	width:90px;
}
.worksheetForm textarea{
	width:410px;
}

#footer{
	background-color:#111111;
	height:100%;
	padding-top:20px;
	text-align:center;
	color:#cccccc;
	position:relative;
}
.footer_wrapper{
	
}
#footer a{
	color:#FFFFFF;
}
#footer ul{
	margin:0px;
	padding:0px;
	list-style:none;
	width:450px;
}
#footer ul li{
	float:left;
	padding-left:15px;
	padding-right:15px;
	border-right:1px solid #ffffff;
}
#footer ul li.end{
	border-right:none;
}
#footer #copyright{
	clear:both;
	color:#7c7c7c;
	padding-top:20px;
}
#rss{
	background-image:url(images/rss.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:20px;
	width:20px;
	padding-top:24px;
	top:5px;
	position:absolute;
	margin-right:5px;
	padding-bottom:10px;
	color:#cccccc;
	text-align:center;
	right:0px;
}

/*
	Custom Sidebar
*/

#content #right{
	width:235px;
	float:right;
	/* border:1px solid #cccccc; */
	padding:10px;
}
#content #right .section{
	border-bottom:1px solid #848484;
	padding-bottom:10px;
	margin-bottom:10px;
	clear:both;
}
.section h2, .glossary .seciton h2, #sidebar .widget h2{
	color: #292967;
	padding-top:0px;
	margin-top:0px;
}
.section h2 a{
	color: #292967;
}
#portfolio.section img{
	margin-top:5px;
	border:1px solid #848484;
}
.section .post, .portfolio .section .post{
	font-size:11.5px;
	border-bottom:0px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:0px;
} 
.section .more{
	text-align:right;
}
.section .more a{
	color:#848484;
}

/*
	Blog Sidebar
*/
#sidebar .widget{
	border-bottom:1px solid #848484;
	padding-bottom:10px;
	margin-bottom:10px;
	clear:both;
}

#sidebar ul, #sidebar li{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
#sidebar .widget_recent_entries ul{
	margin-top:6px;
}
#sidebar .widget_recent_entries li{
	margin-bottom:6px;
}
#social_links a{
	display:block;
	float:left;
	height:52px;
	width:52px;
	margin-right:6px;
}


.edit_post{
	margin-top:5px;
	margin-bottom:5px;
}
.glossary{
	
}
.glossary h2{
	padding-top:25px;
	padding-bottom:5px;
	margin-bottom:5px;
	font-weight:normal;
	font-family:Century, "Times New Roman", Times, serif;
	border-bottom:1px solid #cccccc;
}
.glossary a.returntotop{
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	font-size:11px;
}
.glossary_term{
	padding-top:15px;
	padding-bottom:15px;	
}
/*
	comments
*/

.comment{
	padding-top:5px;
	padding-bottom:10px;
}
.add_comment{
	font-size:11px;
	
	width:85px;
	background-color:#cccccc;
	background-image:url(images/add_comment_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-weight:bold;
	text-align:center;
	border-bottom:2px solid #cccccc;
	border-left:2px solid #cccccc;
}
.add_your_comment{
	font-size:11px;
	padding:3px;
}
.add_your_comment a{
	color:#101010;
}

#comments{
	padding:10px;
	/* background-image:url(images/comment_bg.gif); */
	background-position:top;
	background-repeat:repeat-x;

}
#comments h3{
	
}
#comments .left{
	float:left;
}
#comments .right{
	padding-left:10px;
	float:left;
}

#comments #respond{
	padding:15px;
	border:1px solid #bdbcbc;
	background-image:url(images/comment_bg.gif); 
	background-position:top;
	background-repeat:repeat-x;
}
.nocomments{
	color: #ccc;
	font-size: 16px;
}
ol.commentlist{
	padding:0px;
}
ol.commentlist li{
	padding-bottom:5px;
	margin-bottom:5px;
	border-top:1px dotted #ffffff;
	list-style-type:none;
	padding-left:0px;
	margin-left:0px;
}

/*
	billboard
*/
#billboardContainer{
	height:200px;
	width:700px;
	margin-top:25px;
	position:relative;
}
#billboard{
	height:200px;
	width:700px;
	margin-top:25px;
	position:relative;
	display:none;
}
#empowercontainer{
	/* height:69px; */
}
#empower{
	/* display:none; 
	width:700px;
	height:69px;
	*/
}
h1#empower{

}
#billboard #logos .hidden{
	
}
#billboard #logos #box1, 
#billboard #logos #box2, 
#billboard #logos #box3, 
#billboard #logos #box4, 
#billboard #logos #box5, 
#billboard #logos #box6,
#billboard #logos #box7,
#billboard #logos #box8, 
#billboard #logos #box9, 
#billboard #logos #box10, 
#billboard #logos #box11,
#billboard #logos #box12{
	position:absolute;
	background-repeat:no-repeat;
	text-align:center;
	font-size:11px;
	line-height:12px;
	overflow:hidden;
}
#billboard #logos #box1{
	top:5px;
	left:0px;
	width:85px;
	height:44px;
	overflow:hidden;
}
#billboard #logos #box1 .logo{
	position:absolute;
	top:0px;
	left:0px;
	width:85px;
	height:44px;
	background-image:url(../../uploads/2009/12/php.gif);
}
#billboard #logos #box1 .text{
	padding-top:12px;
}

#billboard #logos #box2{
	top:0px;
	left:110px;
	width:89px;
	height:47px;
	overflow:hidden;
}
#billboard #logos #box2 .logo{
	position:absolute;
	top:0px;
	left:0px;
	width:89px;
	height:47px;
	background-image:url(../../uploads/2009/12/mysql.gif);
}
#billboard #logos #box2 .text{
	padding-top:15px;
}

#billboard #logos #box3{
	top:0px;
	left:224px;
	width:58px;
	height:59px;
	overflow:hidden;
}
#billboard #logos #box3 .logo{
	position:absolute;
	top:0px;
	left:0px;
	width:58px;
	height:59px;
	background-image:url(../../uploads/2009/12/wordpress.gif);
}
#billboard #logos #box3 .text{
	padding-top:15px;
}

#billboard #logos #box4{
	top:0px;
	left:318px;
	width:55px;
	height:69px;
	overflow:hidden;
}
#billboard #logos #box4 .logo{
	position:absolute;
	top:0px;
	left:0px;
	width:55px;
	height:69px;
	background-image:url(../../uploads/2009/12/drupal1.gif);
}
#billboard #logos #box4 .text{
	padding-top:23px;
}

#billboard #logos #box5{
	top:15px;
	width:147px;
	height:44px;
	left:407px;
}
#billboard #logos #box5 .logo{
	position:absolute;
	top:0px;
	left:0px;
	width:147px;
	height:44px;
	background-image:url(../../uploads/2009/12/magento.gif);
}
#billboard #logos #box5 .text{
	padding-top:15px;
}

#billboard #logos #box6{
	top:27px;
	width:112px;
	height:30px;
	left:584px;
}
#billboard #logos #box6 .logo{
	position:absolute;
	top:0px;
	left:0px;
	width:112px;
	height:30px;
	background-image:url(../../uploads/2009/12/paypal1.gif);
}
#billboard #logos #box6 .text{
	padding-top:5px;
}
#billboard #logos #box7{
	top:110px;
	width:43px;
	height:43px;
	left:5px;
}
#billboard #logos #box7 .logo{
	position:absolute;
	top:0px;
	width:43px;
	height:43px;
	left:0px;
	background-image:url(../../uploads/2009/12/flash.gif);
}
#billboard #logos #box7 .text{
	padding-top:10px;
}

#billboard #logos #box8{
	top:115px;
	width:153px;
	height:40px;
	left:63px;
}
#billboard #logos #box8 .logo{
	position:absolute;
	top:0px;
	width:153px;
	height:40px;
	left:0px;
	background-image:url(../../uploads/2009/12/twitter.gif);
}
#billboard #logos #box8 .text{
	padding-top:20px;
}

#billboard #logos #box9{
	top:100px;
	width:55px;
	height:64px;
	left:226px;
}
#billboard #logos #box9 .logo{
	position:absolute;
	top:0px;
	width:55px;
	height:64px;
	left:0px;
	background-image:url(../../uploads/2009/12/facebook_connect.gif);
}
#billboard #logos #box9 .text{
	padding-top:20px;
}

#billboard #logos #box10{
	top:100px;
	left:301px;
	width:77px;
	height:62px;
}
#billboard #logos #box10 .logo{
	position:absolute;
	width:77px;
	height:62px;
	top:0px;
	left:0px;
	background-image:url(../../uploads/2009/12/jquery.gif);
}
#billboard #logos #box10 .text{
	padding-top:20px;
}

#billboard #logos #box11{
	top:100px;
	width:165px;
	height:60px;
	left:393px;
}
#billboard #logos #box11 .logo{
	position:absolute;
	top:0px;
	left:0px;
	width:165px;
	height:60px;
	background-image:url(../../uploads/2009/12/ckeditor.gif);
}
#billboard #logos #box11 .text{
	padding-top:20px;
}

#billboard #logos #box12{
	top:110px;
	left:580px;
	width:111px;
	height:39px;
}
#billboard #logos #box12 .logo{
	position:absolute;
	top:0px;
	left:0px;
	width:111px;
	height:39px;
	background-image:url(../../uploads/2009/12/google.gif);
}
#billboard #logos #box12 .text{
	padding-top:10px;
}