/*  
Theme Name: My Portfolio
*/


/*-------------------- General --------------------*/


body {
	margin: 0;
	padding: 0;
	background-attachment:scroll;
	font: 10px "Verdana", Tahoma, Trebuchet MS,Arial, Sans-Serif;
	color: 2d1e09;
	text-align: left;
	background-color: #2d1e09;
	background-image: url(images/bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}

p, ol, ul {
	color: #7a6755;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-style: normal;
	font-weight: normal;
	background: transparent;
	padding: 0px;
}

h1 { font-size: 1.5em;  }
h2 { font-size: 1.6em;  }
h3, h4, h5, h6 { font-size: 1em;}

a, a:link { color: #99ccff; text-decoration: none; }
/*a:hover, a:active {
	text-decoration:none;
	color:#000;
	background-color: #99ccff;
}*/

blockquote {
	margin: 15px;
	color:#000;
	border-left-style: solid;
	border-left-color: #894e30;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 30px;
	border-left-width: 5px;
}
code{ display:block; overflow:auto; text-align:left; margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; }

small { font-size: 0.8em; }

img {
	padding:0px;
	border:0;
}
img.right { float: right; margin:5px 0 5px 5px; }
img.left { float: left; margin:5px 5px 5px 0px; }
/*a img         {
	border:10px none #666;
}*/

.left         { float: left; }
.right        { float: right; }
.center { text-align: center; }
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }

.navigation { display:block; padding: 20px; color: #99ccff; }


/*-------------------- Layout --------------------*/


#outline {
	width: 1150px;
	padding: 0;
	font-size: 1.3em;
	position: inherit;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 105px;
}

#wrapper {
	float: none;
	width: 1150px;
	margin: 0 !important;
	margin: -15px 0 0 0; /* IE hack */
	padding: 0;
	position: inherit;
	background-image: url(images/bg_line.png);
	background-repeat: repeat-y;
	background-position: left;
}

#hometext {
	float: none;
	width: 1125px; /* IE hack */
	padding: 0;
	height: 400px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	background-image: url(images/bghometext.jpg);
}

/*-------------------- Header --------------------*/


#header {
	width: 1150px;
	height: 225px;
}
#header .blogtitle { width: auto; height: 118px; }
#header h1 { padding: 8px 0 0 160px; }
#header h1 a { color: #b1262f; text-decoration: none; }
#header h1 a:hover{Color:#fff;}
.description {  padding-left: 160px; }

#navbar {
	clear: both;
	float: left;
	width: 1150px;
	height: 30px;

	margin-top: 157px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#btn {
	float: left;
	width: 840px;
	height: 30px;
	text-align: right;	
}
#btn img{
	padding-bottom: 10px;
}
#btn a {
	margin-right: 5px;
	margin-left: 5px;
}
#btn a:hover {
	margin-right: 5px;
	margin-left: 5px;

	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #99ccff;

}


/*-------------------- Search --------------------*/


.searchbar {
	float: left;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #42301f;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	color: #999;
}
.searchform {
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	height: 15px;
}
.Search input.keyword {
	border: none;
	border: none;
	/*padding: 12px 12px 14px 12px;*/
	color: #990;
} 



/*-------------------- Pages --------------------*/


#content {
	float: left;
	width: 840px;
	height: 100%;
			

}

.pages { float: left; width: 840px; }
.pages-border { clear: both; width: 100%; height: 6px; }

.page-previous { float: left; padding: 10px 0 16px 30px !important; padding: 0 0 15px 30px; /* IE Hack */ }
.page-next { float: right; padding: 10px 30px 16px 0 !important; padding: 0 30px 15px 0; /* IE Hack */ }

.page-title {
	width: 840px;
	margin: 20px 0 0 0;
	color: #99ccff;
}
.page-title h2.page-title-border {
	padding: 0 0 0 30px;
	line-height: 48px;
	color: #99ccff;
	font-size: 10px;
	font-weight: bolder;
}


/*-------------------- Post --------------------*/


.post {
	padding: 20px 30px;
	background: transparent;
	color: #999;
}
.post h2 {
	color: #99ccff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.post h3 {
	color: #1b140b;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 36px;
	margin: 0px;
}
.post h3 a{
	color: #1b140b;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 50px;
	margin-left: 15px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	letter-spacing: 1pt;
}
.post h4 {
	color: #42301f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	margin: 0px;
	padding-bottom: 50px;
}
.post h4 a{
	color: #42301f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
.post h5 {
	margin: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCC;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-top-color: #42301f;
	border-right-color: #42301f;
	border-bottom-color: #42301f;
	border-left-color: #42301f;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.post a:hover { 	color:#1b140b;
	background-color: #99ccff; }
.postentry { }

.posthead {
	position: relative;
	clear: left;
	margin-left: 45px;
}

.posttitle a:link, .posttitle a:visited {
	color: #99ccff;
	text-transform: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.posttitle a:hover {
	color:#000;
	background-color: #99ccff;
}
.font-family a:hover, .posttitle a:active {
	color: #99ccff;
}

.postmeta, .postmeta a { margin: 4px 0 ; font-size: 11px; color: #47341D; }

.post-comment { padding: 0 0 0 20px; background: url(images/bullet_go.png) no-repeat 1px; }
.post-filed { padding: 0 0 0 20px; background: url(images/bullet_go.png) no-repeat 1px; }

.postdate {
	position: absolute;
	top: 0px;
	left: -45px;
	text-align: center;
	margin: 0;
	padding: 2px 8px 2px 0px;
	list-style: none;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #47341D;
}
.postdate .year { display: block; font-size: 11px; font-weight: normal; text-transform: lowercase; line-height: 11px; color: #47341D; }
.postdate .month { display: block; font-size: 11px; font-weight: normal; text-transform: uppercase; line-height: 11px; color: #47341D; }
.postdate .day {
	display: block;
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
	color: #47341D;
	letter-spacing: -1px;
}
.post img{
	border: 5px solid #161009;
	margin: 1px;
}
.post a img {
	border: 0px;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
}



/*-------------------- Sidebar --------------------*/

#sidebar {
	float: left;
	width: 285px;
	height: 100%;
	margin: 0;
	padding-left: 10px;
	background-image: url(images/side_bg_full.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#sidetopleft {
	width: 195px;
	height: 120px;
	float: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(images/littleguy.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#sidetopright {
	width: 82px;
	height: 120px;
	padding: 0;
	background-image: url(images/newsite.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	margin-top: -1px;

}


#sidebar h2 {
	display: block;
	margin: 16px 0 6px 0;
	padding: 0 0 5px 3px;
	font-size: 16px;
	list-style-type: none;
	color: #99ccff;
	line-height: normal;
	margin: .2em 0 .4em 0;
	letter-spacing: .5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#sidebook {
	float: left;
	width: 285px;
	height: 75px;
	margin: 0;
	padding-left: 10px;
	margin-top: 25px;
}


#sidebar ul { clear: both; margin: 0; padding: 0 0 20px 0; list-style-type: none; }
#sidebar ul li { clear: both; }

#sidebar ul.no-splitted li {
	background-color: transparent;
	background-image: url(images/feed.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	margin-bottom: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 33px;
}
#sidebar ul.no-splitted li a:link {
	color: #42301f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 0.5pt;
}


#sidebar ul.no-splitted ul li { margin: 0 -5px; }
#sidebar p, #sidebar form { margin: 0 5px; padding: 0 0 20px 0; }
#sidebar ul.blc { padding: 0 5px; }

#sidebar li#sidebar-splitted { float: left; width: 100%; margin: 0 0 15px 0; }
#sidebar-splitted .splitted-left { float: left; width: 260px; }
/* #sidebar-splitted .splitted-right { float: right; width: 145px; } */
#sidebar-splitted .splitted-left  a:hover {
	color:#000;
	background-color: #99ccff;
}

ul.splittedlists li {
	padding: 0 0 0 33px;
	background-color: transparent;
	background-image: url(images/bullet_go.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	margin-bottom: 6px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

ul.splittedlists li a:link {
	color: #42301f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 0.5pt;
}


ul.splittedlists ul li { margin: 0 0 0 -23px; }

 #cloud  {
	margin-top: 5px;
	padding-left: 20px;
	padding-right: 25px;
} 

#newtagcloud a:link {
	letter-spacing: 0.5pt;
	color: #42301f;
	text-decoration: none;
	word-spacing: 3px;
}

#newtagcloud a:visited {
	letter-spacing: 0.5pt;
	color: #42301f;
	text-decoration: none;
		word-spacing: 3px;

}

#newtagcloud a:hover {
	letter-spacing: 0.5pt;
	color: #000;
	background-color: #99ccff;
	text-decoration: none;
		word-spacing: 3px;

}



/*-------------------- Bottom --------------------*/


#bottom { clear: both; float: left; width: 957px; height: 100%; margin: 0 0 0 0; padding-top: 0; text-align: left; font-size: 15px;background:#fff; }
#bottom-divs { float: left; clear: both; margin: 0; padding: 0px; }

#bottom-left, #bottom-mid, #bottom-right { width: 30%; padding: 20px 0 40px 20px; float: left; }

#bottom h2 { margin: 0 0 10px 0; padding: 0 8px; font-size: 1.6em; color: #b1262f; text-transform:uppercase;}

#bottom ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #b1262f; }
#bottom ul li { line-height: 25px; border-bottom: 1px dashed #b1262f; }
#bottom ul li a { display: block; padding:0 10px; }
#bottom ul li a:hover { background:  5px 5px; padding: 0 0 0 10px; }
#bottom-sep { clear: both; }


/*-------------------- Footer --------------------*/

#footer {
	clear: both;
	height: 40px;
	width: 1125px;
	text-align:right;
	color:#09F;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-top-color: #42301f;
	border-right-color: #42301f;
	border-bottom-color: #42301f;
	border-left-color: #42301f;
}

#footer p {
	margin: 0;
	font-size: 0.7em;
	line-height: 200%;
	color: #42301f;
	padding: 10px;
}
#footer p a:link, #footer p a:visited {
		color: #42301f;
}
#footer p a:hover {
	background-color: #99ccff;
	color: #42301f;
}


/*-------------------- Calendar --------------------*/


#wp-calendar { margin: 0pt; text-align: center; }
#wp-calendar caption { color: #bc7d53;text-transform:uppercase;}

#wp-calendar th {color :#fff; background:#a4663e;}
#wp-calendar td { height: 24px; width: 34px; line-height: 20px; color: #bc7d53;  }
#wp-calendar .pad { }
#wp-calendar td a { display: block; width: 24px; height: 24px; text-decoration: none; line-height: 24px; }

#wp-calendar #prev, #wp-calendar #next { }
#wp-calendar #prev a { width: 49px; }
#wp-calendar #next a { margin: 0pt 0pt 0pt 30px; width: 49px; }
#wp-calendar #today { color: #111; font-weight: bold; }
#wp-calendar #today a { font-weight: bold; }


/*-------------------- Comment --------------------*/


.comments {
	padding: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.posttrackback { margin: 0px; padding: 0 0 50px 0; font-size: 10px; }
.posttrackback p { margin: 2px 0px; padding: 2px 0px 2px 23px; list-style-type: none; }
.posttrackback a:link, .posttrackback a:visited {
		color: #42301f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.posttrackback a:hover, .font-family a:active {
		color: #42301f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

.commentlist h3 {font-size: 15px; font-weight: bold; letter-spacing: 0px; padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; }
.commentlist ol { padding: 0px; margin: 0px;}
.commentlist li { position: relative; padding: 0px; margin: 0px 0px 20px 0px; list-style-type: none; }

.commentlist .listuser {
	font-size: 24px;
	line-height: 14px;
	font-weight: bolder;
	color: #1b140b;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 40px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.commentlist .listuser a { text-decoration: none;}
.commentlist .font-family a:visited { text-decoration: none;}
.commentlist .listuser a:hover { text-decoration: none;}

.commentlist .listnr {
	font-size: 26px;
	position: absolute;
	line-height: 26px;
	color: #1b140b;
	top: 0px;
	left: 0px;
	text-align: center;
	padding: 2px 10px 2px 0px;
	margin: 0;
}

.commentlist .listdate { padding-left: 40px; font-size: 11px; line-height: 11px; }
.commentlist .listdate a { text-decoration: none; color: #666;}
.commentlist .listdate a:visited { text-decoration: none; color: #666;}
.commentlist .listdate a:hover { text-decoration: none; color: #666; }

.commentlist .listcontent {
	line-height: 14px;
	background-color: #1b140b;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 10px;
}
.commentlist .listcontent p { padding: 3px 0 15px 0; margin: 3px 0px; line-height: 150%; }

.form input.submitcomment {
	width: auto;
	height: 25px;
	background-color: #1b140b;
	background-repeat: repeat;
	background-position: 0 0;
	color: #999;
	margin: 10px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.form input.submitcomment:hover {
	background-color: #333;
	color: #CCC;
}


.form { width: 580px; }
.form h3 {
	font-size: 24px;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 15px 0px;
	color: #1b140b;
	text-transform: uppercase;
}
.form p { padding: 0px; margin: 0px; }
.form p label { padding-bottom: 11px; display: block; }
.form p label small { font-size: 10px; }

.form .textfield {
	background: #fff;
	padding: 4px;
	margin-right: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.font-family .textarea {
	background: #1b140b;
	padding: 0px;
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



#options { padding: 5px 20px 0 0; text-align: right; float: right; }
#options ul { float: left; display: inline; margin-left: 10px; }
#options li { float: left; list-style: none; padding: 5px; }
#options li a { display: block; width: 5px; margin: 1px; padding: 5px; height: 5px; }
#options li a span { display: none; }

body.red #options li.font-family, body.blue #options li.blue, body.white #options li.white, #options li:hover { padding: 5px; }

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
	color: #FFF;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}

.cv h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CCC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #47341D;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.cv h2{
	color: #42301f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.cv h3{
	color: #CCC;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
}
.cv a{
	color: #42301f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.cv a:hover{
	color: #42301f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-color: #99ccff;
}