@charset "utf-8";
/* Global Stuff */
body { font-family:Georgia, "Times New Roman", Times, serif; /*background:#151414 url(../images/bg.jpg) top left repeat-x; color:#FFFFFF;*/ overflow-x:hidden; }
a { outline:none; }
a:link, a:visited, a:active { color:#000; text-decoration:none; }
a:hover { color:#f89e0f }
a:focused {
	outline: none;
}
.clr { clear:both }
.clr_lft { clear:left }
.cap { text-transform:capitalize; }
.pink { color:#dc35a0 }
.blue { color:#63a1c5 }
.orange { color:#f89e0f }
.green { color:#5ab845 }
.white { color:#FFFFFF }
.pink_bg { background:#dc35a0 }
.blue_bg { background:#63a1c5 }
.orange_bg { background:#f89e0f }
.green_bg { background:#5ab845 }
.white_bg { background:#FFFFFF; color:#000000 }

/*Top Bar*/
.top_bar { height:19px; background:#000; color:#fff; }
.r_quote { width:1100px; text-align:right; margin:0 auto; font-size:12px; padding-top:2px; }

/*Wrapper*/
.wrapper { width:1000px; margin:0 auto; }

/*Header*/
/*.header{background:url(../images/check.gif) 600px 0px no-repeat;}*/
.header h1 { float:left; display:block; height:230px; width:539px; text-indent:-9000px; background:url(../images/logo.png) top left no-repeat; cursor:pointer; }

/*Menu and Menu States*/
.menu { float:right; padding-right:74px; padding-left:8px; }
.menu ul { margin-top:49px; padding-left:8px; background:url(../images/menubar.png) top left no-repeat; }
.menu li { text-indent:-9000px; }
.menu a:link, .menu a:visited, .menu a:active, .menu span { display:block; height:25px; width:142px; }
.home { background:url(../images/home.png) }
.home a:hover { background:url(../images/home_r.png) }
.home .selected { background:url(../images/home_r.png) }
.portfolio { background:url(../images/portfolio.png) }
.portfolio a:hover { background:url(../images/portfolio_r.png) }
.portfolio .selected { background:url(../images/portfolio_r.png) }
.blog { background:url(../images/blog.png) }
.blog a:hover { background:url(../images/blog_r.png) }
.blog .selected { background:url(../images/blog_r.png) }
.about { background:url(../images/about.png) }
.about a:hover { background:url(../images/about_r.png) }
.about .selected { background:url(../images/about_r.png) }
.contact { background:url(../images/contact.png) }
.contact a:hover { background:url(../images/contact_r.png) }
.contact .selected { background:url(../images/contact_r.png) }

/*Body Style and Modifiers*/
.body { padding-left:176px; }
.sidebar { float:right; width:184px; padding:0px 34px 15px 8px; background:url(../images/breaker.gif) top left repeat-y; }
.sidebar h3 { color:#fff; font-size:19px; /*text-transform:capitalize;*/ padding:0 2px; display:inline; cursor: pointer ; }
.sidebar .h3_cont { margin:10px 0 5px 0; outline: none; }
.sidebar a:link, .sidebar a:visited, .sidebar a:active, .sidebar a:focused { color:#000; font-size:15px; text-decoration:none; text-transform:capitalize; padding:1px 2px 4px 2px; margin:0 9px; display:block: /*background:url(../images/breaker_vert.gif) bottom left repeat-x*/ }
.sidebar a:hover { color:#f89e0f }
.sidebar .selected { color:#f89e0f }
.sidebar .selected h3 {background:#fff; color:#dc35a0; font-size: 24px; margin-left:-4px;}
.ate { background:url(../images/ate.png) 649px 74px no-repeat; }
.port { }

/*Slide-Out*/
#what { }
.what_cont { margin:0 auto; font-size:12px; padding:15px; }
.what_cont ul { float:left; width:220px; padding:10px }
.what_cont h3 { color: #fff; font-size:18px; background:#f89e0f; display:inline; padding:0 2px; margin-bottom:10px }
.what_cont .h3_cont { color:#000 ; margin:10px 0 5px 0; width:300px; display:block; }
.what_cont p { padding:8px 5px; font-size:14px; color:#000 }
.what_cont .flickr li { float:left; margin:2px; display:block; }
.what_cont .flickr img { border:5px solid #333333; }
.what_cont .flickr img:hover { border:5px solid #f89e0f; }

/*Home Page*/
.welcome { font-size:32px; padding-bottom:23px; display: none; }
.welcomeindex { font-size:62px; padding-bottom:23px; }
.body h2 { font-size:30px; line-height:41px; width:727px }
.body h2 a { color:#fff; text-decoration:none; }
.port h2 { /*text-transform:capitalize;*/ width:592px; display:inline; background:none repeat scroll 0 0 #DC35A0; color:#fff; padding:0 2px;}
.recent { height:135px; background:url(../images/recent.gif) top left repeat-x; margin:15px 0; padding:6px; width:700px }
.all { width:800px; }
.recent li { float:left; width:27%; padding:10px }
.all li { float:left; }
.photo { position:relative; height:90px; width:160px; margin:10px; }
.all .photo span { position:absolute; background:url(../images/photo2.png) no-repeat; height:90px; width:160px; top:-10px; left:0px; }
.recent .photo span { position:absolute; background:url(../images/photo2.png) no-repeat; height:90px; width:160px; top:-2px; left:30px; }
.recent p, .all p { text-align:center; padding:2px 0; text-transform:capitalize; }
.recent img { margin-left:25px; border: 2px solid black; }
.all img { margin-left:12px; border:2px solid black; }
.all h3 { color: #fff; font-size:18px; ; background:#dc35a0; display:inline; padding:0 2px; }

/*Portfolio Page*/
.cat { margin-top:-2px; padding-left:6px; }
.img_holder { padding-top:15px; }
.img_holder img { border:7px solid #333333 }
#stack {cursor: pointer; margin-top: -25px; margin-left: -40px;}
.stack {height: 330px; width: 520px;}
.details { padding-top:5px }
.details li { width:32%; float:left; min-height:120px; }
.descrip { background:url(../images/breaker.gif) top right repeat-y }
.descrip, .list { padding:10px 15px; }
.details li div { padding:2px; }
.details h3 { color:#fff; font-size:18px; ; background:#63a1c5; display:inline; padding:0 2px; }
.details p { padding-left:10px; padding-top:5px; }

/*Contact*/
.cont { margin: 20px 10px; padding: 15px; }
.cont label { width:140px; display:block; font-size:25px; float:left; text-align: right; padding-right: 10px; }
.cont input, .cont textarea { float:left; height:30px; padding:2px; width:470px; font-size:25px; font-family:Georgia, "Times New Roman", Times, serif; border: 4px solid #63a1c5; }
.cont #num_1 { width:15px; }
.cont .math { float:left; font-size:25px; }
.cont textarea { height:160px; width: 470px; }
.cont li { padding:10px 0px; }
#submit { height:50px; width:auto; float: right; background: white; font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; border: 4px solid #63a1c5; margin-right: 142px; }
.LV_validation_message { float:left; display:block; padding:9px 7px; font-size:20px; margin-left:3px; height:24px; width:70px; }
.LV_valid { background:url(../images/ok.jpg) top left no-repeat; }
.LV_invalid { background:url(../images/error.jpg) top left no-repeat; }

/*footer*/
.footer { clear:both; background:#000; font-size:21px; color:#fff; text-align:center; padding:2px; margin:35px 140px 35px 176px; }
 
/*Blog*/
.body .pagetitle{
	font-size: 20px; background:#5ab845; display: inline; color: #fff;
}
.post {margin-bottom:35px; margin-top:10px; background:url(../images/breaker_vert.gif) bottom left repeat-x; width:580px;}\
.post a{color:#5ab845}
.post .date{float:left; width:157px; height:125px; margin-left:-95px; margin-top:-25px; margin-right:-50px; background:url(../images/date.png) no-repeat;}
.date .month{margin:38px 0 0 44px; font-size:12px; font-weight:bold; color:#000000;}
.date .day{margin:-4px 0 0 40px; font-size:28px; font-weight:bold; color:#fff;}
.post h2 {background:#5AB845; color: #fff; line-height:32px; display:inline; padding:0px 4px;}
.post h2 a{color:#fff; display:inline;}
.post h3{font-size:24px; padding:2px 0 13px 0;}
.post .entry{padding-top:20px; padding-bottom:10px}
.post .postmetadata{padding-top:10px; background:url(../images/breaker_vert.gif) top left repeat-x; font-size:10px;}
.post .postmetadata p{font-size:10px;}
.post .postmetadata .tags{font-size: 14px;}
.post ul{padding:5px 20px; margin-left:20px; font-size:13px; margin-bottom:13px; list-style:square;}
.post p { padding:0 0 13px 0; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding-left:10px;  }
.post pre{background:#666; margin:0px 0 13px 20px; padding:8px; color:#fff;}
.post .html4strict, .post .css{background:#fff; margin:0px 0 13px 0px; padding:6px; color:#666666; border:2px solid #666666; width:530px;}
.post .tags{background:#000; color:#fff; padding:2px; margin-bottom:5px; font-size:14px;}
.post .tags a{color:#fff;}
.post code{background:#fff; color:#000000;}

/*Blog Sidebar*/
#sidebar{
 float:right; width:184px; padding:0px 34px 15px 8px; background:url(../images/breaker.gif) top left repeat-y; margin-top: 68px;}
#sidebar .widgettitle {
	background:#5ab845; font-size: 19px; display: inline; padding: 0 2px; color: #fff;}
#sidebar .widget ul{padding: 5px 0;}
#sidebar .widget ul li {font-size:15px; text-decoration:none; text-transform:capitalize; padding:1px 2px 4px 2px; margin:0 9px; display:block; /*background:url(../images/breaker_vert.gif) bottom left repeat-x*/ }
#sidebar ul li {padding: 5px 0;}

/*comments*/
#commentform {width:580px; padding-left:20px;}
#commentform textarea {width:580px; border:4px solid #5AB845;}
#commentform #author{margin-top:8px;}
#commentform #author, #commentform #email, #commentform #url {width:200px; border:4px solid #5AB845; height:25px; font-size:20px; padding:2px;}
#commentform p{margin-bottom:6px;}
#commentform #submit {width:auto; height:auto; font-size:17px; margin:5px 12px 12px 12px; border:4px solid #5AB845;}
.commentlist {margin-left:20px; margin-bottom:10px; padding:5px; width:580px;}
.commentlist li{padding:5px; margin:5px 0;}
.commentlist .alt{background:#e5eff5}
.commentlist cite{font-size:18px;}
.commentlist .commentmetadata{float:right}
.commentlist div{padding:5px; margin:5px; background:url(../images/breaker_vert.gif) top left repeat-x;}
.avatar {
	height: 32px;
	width:32px;
	margin-bottom: -4px;
}
/*example css*/
.post .ex_code{background:#fff; margin:0px 0 13px 20px; padding:6px; color:#666666; border:2px solid #666666; width:550px;}