/* 

Theme Name: Developer Blog

Theme URI: http://youngbutstrong.com/

Description: A perfect tech-style blog theme. Javascript is used in this theme.

Version: 1.0

Author: Spencer Passmore

Author URI: http://spencerp.net

*/





/** Elements

--------------------------------------------------*/

*{margin:0; padding:0;}



body {

background: #FFFFFF url(img/body.gif) repeat-x;

font-family: sans-serif;	

line-height: 1.5em;

font-size: 10px; /* IE5 Win */

voice-family: "\"}\""; 

voice-family: inherit;

font-size: 85%; /* easy scaling */

font-size: 0.76em;

color: #333;

margin: 0;

padding: 0;

}

.BigLetter {

    float:left;color:#616D7C;font-size:60px;line-height:50px;padding-top:1px;padding-right:5px;font-family:"Georgia, Times New Roman", Times, serif;

}

.floatrgt {

    float: right; margin:0px auto;text-align:center;padding:10px;font-size:12px;

}

.floatleft {

float: left; 
margin:auto auto 0px;
text-align:center;
padding:10px;
font-size:12px;

}
.imgfloatrgt {

    float: right; margin:0px auto;text-align:center;padding:10px;border:1px solid black;font-size:12px;

}

.imgfloatlft {

    float: left; margin:auto auto 0px;text-align:center;padding:10px;border:1px solid black;font-size:12px;

}

.HEADERS {  font-family: Verdana, tahoma, Arial, Helvetica; font-size: 14px; font-weight: bold}

.HEADERSred {  font-family: Verdana, tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; color: crimson}



.smalltext {  font-family: Tahoma, Arial, "Futura Lt BT", Helvetica, sans-serif; font-size: 9px; color: #333333}

.widget_calendar { margin: 10px 0 0 0;

	padding:3px;

	font-size: 12px;

	text-align:center;

	background:url(img/bg.gif);

	color:#616d7c;

        border-top:#eee 1px solid;

        border-bottom:#eee 1px solid;	

	font-weight:bold; }



.widget_flickrbadge { margin: 10px 0 0 0;

	padding:3px;

	font-size: 12px;

	text-align:center;

	background:url(img/body.gif);

	color:#616d7c;

        border-top:#eee 1px solid;

        border-bottom:#eee 1px solid;	

	font-weight:bold; }


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

font-family: Georgia, sans-serif;
background:url(img/bg.gif);
text-transform: uppercase;font-weight: bold;

font-size: 1.4em;

color: #616d7c;

margin: 0;

padding: 3px;

}



p, blockquote, ul, ol {

margin-top: 0;

padding-top: 0;

margin-bottom:0.5em;	

}



p {line-height:1.8em;}



a:link, a:visited {

color: #616d7c;

text-decoration:underline;

}



a:hover,a:active {

color:#414c5a;

text-decoration:none;

}



blockquote {
background: url(img/quote.gif) no-repeat left top;
font-family:"Georgia, Times New Roman", Times, serif;
font-size: 14px;
color:#616d7c;
padding-right:5px;
padding-left:25px;
padding-top:15px;
}



.navigation {

display: block;

text-align:left;

margin-top: 10px;

margin-bottom:30px;

}

.alignright {

float: right;

margin-bottom:30px;

}



.alignleft {

float: left;

margin-bottom:30px;

}



/** Header

--------------------------------------------------*/

#header {

width: 760px;

height: 80px;

margin: 0 auto;

}







/** Logo

--------------------------------------------------*/

#logo {

float: left;

height: 50px;

}



#logo h1{

margin-top:20px;

padding: 5px 0;

font-size: 1.6em;

text-transform: uppercase;

}



#logo h2 {

font-family: sans-serif;

font-size: 1em;

color:#616d7c;

float:right;

margin-top:10px;

padding:  0;

}



#logo a {

text-decoration: none;

color:#616d7c;

}







/** Top Menu Styles

--------------------------------------------------*/

#tbm {

font-family: sans-serif;

text-transform: uppercase;

font-weight: bold;

font-size:0.8em;

background:url(img/menubg.gif);

display: block;

	margin: 0px;

	padding: 0px;

	height: 30px;

}



#tbm a:link,#tbm a:visited {

	display: block;

	float: left;

	margin: 0px;

	padding: 0 10px;

	height: 30px;

	line-height: 30px;

	color: #ffffff;

	text-decoration:none;

	background: url(img/navtab-long.gif) right center;

}



#tbm a:hover,#tbm a:active {

color:#ffffff;

text-decoration:none;

background-image: url(img/navtab-long-hover.gif);

}



#tbm ul {

margin: 0 auto;

height: 30px;

width: 760px;

background: url(img/navtab-left.gif) no-repeat;

padding-left: 2px;

list-style:none;

}



#tbm li {

display: block;

float: left;

margin: 0;

padding: 0;

}



.cap-rt{

width:46px;

height:37px;

padding:0px 0px 0px 0px;

margin: 0 auto;

float:left;

}



.cap-lt{float:left;}

.cap-rlt{float:left;}







/** Content Top Section & Image

--------------------------------------------------*/

#contenttop1{

background:url(img/content-top1-bg.gif);

height:37px;

margin: 0 auto;

padding:0px 0px 0px 0px;

border:none;

} 







/** Search DIV, Forms, & Submit Button Img

--------------------------------------------------*/

.submitbutton, #submitbutton {

height:25px;

width:50px;

border:none;

display:inline;

vertical-align:middle;

padding:0px 0px 0px 0px;

margin:0px auto;

}



.searchdiv, #searchdiv{

background:transparent;

width:251px;

height:37px;

float:right;

display:inline;

margin:0 auto;

padding:0px 0px 0px 0px;

border:none;

}



html>body input.search {

background:transparent;

background-repeat: no-repeat;

margin:5px 0 0 1px;

border:none;

} 	



input.search {

/*background:transparent;*/

background-repeat: no-repeat;

margin:6px 0 0 1px; 

width:145px;

height: 17px;

padding:3px 0px 1px 2px;

display:inline;

float:left;

border:none;

color:#f9f9f9;

} 	



input.searchbutton {

background:transparent;

width:54px;

height: 37px;

padding-left: 0px; 

padding-right: 0px;

margin:-3px auto;

float:right;

display:inline;

border:none;

} 



.searchform {

background:url(img/search-input-bg.gif) no-repeat;

width:205px;

height:37px;

float:right;

display:inline;

color:#f9f9f9;

padding:6px 0 0 -1px;

border:none;

}



form {padding:0px 0;}

form fieldset {border:0 solid;} /* Opera */

* html form input{margin:0px 0px 3px 0px;}

form textarea {overflow:auto;}

fieldset {padding:0px 0;border:0 solid;}



form textarea {

font-family: sans-serif;

font-size:0.9em;

padding:3px;

width:455px;

background: #f9f9f9;

border: 1px inset;

}



form input{

font-family: sans-serif;

font-size:0.9em;

margin:0px 0 3px 0;

width:135px;

padding:3px;

background: #f9f9f9;

} 



form input.checkbox{

background:transparent;

border:none;

}

form p {}



.subscribe-to-comments {

display:inline;

}







/** Images

--------------------------------------------------*/

img{border:none;}

a img{border:none;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}

img.left{float:left; margin:0 12px 5px 0;}

img.center{display:block; margin:0 auto 5px auto;}

img.right{float:right; margin:0 0 5px 12px;}

.auth{padding-top:30px;}





/** Main Content

--------------------------------------------------*/

#main {

width: 760px;

margin: 0 auto;

}



#main h2 a {

color: #616d7c;

text-decoration:none;

}



#main h2 a:hover, #main h2 a:active {

color: #414c5a;

text-decoration:none;

}



#main ul {

margin: 0;

padding: 0 0 0 2em;

list-style-type:none;

}



#main ul li {

padding-left:12px;

padding-bottom:5px;

}



#main ol {

margin:0;

padding:0 0 0 3em;

}



#main .post {

margin-bottom:3em;

}



#main .entry {

padding: 10px 5px;

}



#main .entry h2 {

margin: 30px 0 15px;

color: #616d7c;

}



#main .entry a {

}



#main .post ul li {

background:#f9f9f9;

border:#eee 1px solid;

padding:0.3em;

margin: 0 5px 10px 2px;

}



#main .post ol li {

background:#f9f9f9;

border:#eee 1px solid;

padding:0.3em;

margin: 0 5px 10px 2px;

}



#main .posted { 

background:url(img/bg.gif);

padding:3px 5px;

font-weight: bold;

font-size:0.9em;

color:#616d7c;

border-top:#eee 1px solid;

border-bottom:#eee 1px solid;

}



#main .feed {

background:url(img/icon_feed.gif) no-repeat left 3px;

padding-left:17px; 

}



.title{

text-transform: uppercase;

font-weight: bold;

}



.sitenews {border:#eee 1px solid;}



.postspermonth {

text-decoration:none;

margin: 5px 0 5px 0;

list-style: none;

padding-left: 0px;

}







/** Content Block

--------------------------------------------------*/ 

#content {

float: left;

width: 540px;

padding:10px 10px 10px 0;	

}







/** Sidebar

--------------------------------------------------*/

#sidebar {

margin:15px 7px 0 0; 

float: right;

width: 190px;		

font-size:0.9em;	

}



#sidebar h2 {

font-family:Georgia, sans-serif;

text-transform: uppercase;

font-weight: bold;

font-size: 1.6em;

color: #616d7c;

padding: 3px;

margin:15px 0 0 0;

border-bottom:#eee 1px solid;

}



#sidebar ul {

margin:0; 

padding:0;

}



#sidebar ul li {

list-style:none;

background:none;

padding:0;

}



#sidebar ul ul, #sidebar p {

margin:0; 

padding:3px;

}



#sidebar ul ul ul {

margin:0;

padding:0;

padding-left:10px;	

}



#sidebar li li li {

padding-left:12px;

background:url(img/arrow.gif) no-repeat left;

}







/** Comments

--------------------------------------------------*/

input.textbox

{

border:#ccc 1px solid;

background:#f9f9f9;

font: 1em sans-serif;

padding:2px;

width:150px;

}





input.textbox:focus, textarea:focus {

background:#f9f9f9;

border:#999 1px solid;

}



#commentform {

margin:0;

padding:10px;

background:#fff;

}



#main .commentlist {

margin: 0;

padding: 0;

}



.commentlist li {

list-style:none;

margin: 0;

padding: 1em;			

border-bottom:#eee 1px solid;

font-size:0.9em;

}



.commentlist li .cmtinfo {

padding:5px;

margin-bottom: 10px;

position:relative;	

}



.commentlist li .cmtinfo em {

margin:0;

padding:0 1em;

font-weight:normal;			

font-style:normal;

color:#999;	

}



.commentlist li cite {

font-style:normal;

font-weight:bold;

font-size:1.1em;

}



.commentlist li.alt {

background:#f9f9f9;	

}







/** Footer

--------------------------------------------------*/

#footer {

font-family: sans-serif;

text-transform: uppercase;

font-weight: bold;

font-size:0.8em;

margin:17px 0 0 0;

background:url(img/footerbg.gif) repeat-x;

height:37px;

}



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

color: #ffffff;

text-decoration:none;

}



#footer a:hover,#footer a:active {

color:#ffffff;

text-decoration:none;

}



#footer ul {

margin: 0;

list-style-type:none;

}



#footer li {

margin: 0;

}



#info{padding:12px 10px 0 10px;}

.copyright{float:left;}

.wordpress22{float:right;}