/*
Theme name: Design Notes
Description: Custom Theme for Design Notes
*/

/* Layout */
@import url('wp-default.css');


/*
    Default Styles
*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 11px/16px Arial,sans-serif; color: #999; text-align: left; background: #dfe4df url(../images/background.gif) repeat-x 0 0; }

a { color: #999; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 995px; }

.container { width: 590px; border: 1px solid #d6d6d6; margin: 17px 0 0 100px; overflow: visible; }

/*
	Header
*/

#header { position: relative; }

h1#logo { height: 100px; width: 200px; float: left; display: inline; margin: 25px 0 28px 20px; }
h1#logo a { display: block; height: 100px; background: url(../images/logo.gif); }

#search { float: right; display: inline; width: 258px; position: relative; margin: 12px -1px 0 0; }
#search .field { float: left; display: inline; width: 163px; padding: 2px 5px 3px; background: #fff; border: 1px solid #999; }
#search .button {
	float: left;
	display: inline;
	width: 83px;
	text-align: center;
	font: 11px Arial, sans-serif;
	color: #000;
	height: 23px;
	background: #fff;
	cursor: pointer;
	border: 1px solid #999;
	border-left: 0;
}
#search .button:hover { background: #000; color: #fff; }

#navigation { position: absolute; top: 40px; left: -85px; width: 85px; }
#navigation li { list-style: none  outside; height: 20px; line-height: 20px; margin-bottom: 5px; font-size: 12px; }
#navigation li a { display: block; color: #666;  padding-right: 15px; text-align: right; }
#navigation li a:hover, #navigation li.current-cat a { background: #000; color: #fff; text-decoration: none; }

.select-f-article { float: left; display: inline; width: 257px; }
.select-f-article a.trigger { display: block; border: 1px solid #999; height: 23px; background: url(../images/select-f-article.gif) no-repeat right 0; color: #000; }
.select-f-article a.trigger span { display: block; width: 194px; line-height: 23px; padding: 0 15px; border-right: 1px solid #999; }

.select-f-article a.trigger:hover,
.select-f-article a.trigger-active { text-decoration: none; background-position: right bottom; }

.select-f-article ul { display: none; position: absolute; z-index: 2; list-style: none outside; background: #a7a7a7 url(../images/select-f-article-dd-bg.gif) repeat-x 0 0; border: 1px solid #000; border-top: 0; width: 214px; padding: 0 5px; }
.select-f-article ul li { line-height: 28px; border-bottom: 1px solid #b7b7b7; padding-left: 10px; }
.select-f-article ul li a { color: #000; }

.content-type { float: left; display: inline; margin-left: 40px; }
.content-type li { list-style-type: none; float: left; display: inline; line-height: 23px; padding-right: 15px; font-size: 11px; }
.content-type li a,
.content-type li a.active { color: #000; }
.content-type li a.active { color: #000; text-decoration: underline; }


#content { padding: 55px 0 20px; background: #fff; overflow: visible; }

#upcoming-events { float: left; display: inline; position: relative; margin: 0 -216px 25px -117px; width: 923px;}
#upcoming-events .box1 { background: url(../images/uce-box1-bg.gif) repeat-y right 0; margin-bottom: 2px; }
#upcoming-events .box1-bottom { background: url(../images/uce-box1-bottom.gif) no-repeat right bottom; }
#upcoming-events .box1-top { background: url(../images/uce-box1-top.gif) no-repeat right top; padding: 48px 0 0; position: relative; height: 100%; }

#upcoming-events .info { float: right; display: inline; width: 190px; padding-left: 79px; position: relative; }
#upcoming-events .info h2 { display: block; height: 100%; position: relative; font: bold 12px/15px Helvetica, Arial, sans-serif; color: #999; margin: 0 0 17px 40px; }
#upcoming-events .info h2 a { color: #999; }
#upcoming-events .info a.h {
	font: bold 12px/15px Helvetica, Arial, sans-serif;
	color: #999;
	float: right;
	margin-bottom: 15px;
	padding-right: 20px;
	position: relative;
	height: 100%;
}
#upcoming-events .info span { display: block; }
#upcoming-events .info p { padding-bottom: 10px; }
#upcoming-events .info ul { list-style-type: none; padding-left: 10px; }
#upcoming-events a.more { position: absolute; bottom: 10px; right: 10px; font: bold 11px Helvetica, Arial, sans-serif; color:#000; }
#upcoming-events a.more:hover { color: #000; text-decoration: none;}

#upcoming-events a.more2 { display:block; text-align:right; padding:10px 10px 10px 0px;font: bold 11px Helvetica, Arial, sans-serif; color:#000; }
#upcoming-events a.more2:hover { color: #000; text-decoration: none;}

#upcoming-events .image { max-width: 640px; min-height: 120px; max-height: 550px; overflow: hidden; float: right; display: inline; position: relative;  padding: 5px; background: #fff; border: 1px solid #999;}
#upcoming-events .image a { display: block; }
#upcoming-events .box1 .image { margin: -48px 0px 0 0px; }
#upcoming-events .box2 .image {  margin: 0px 0px 0 0px; }


#upcoming-events .box2 { background: url(../images/uce-box2-bg.gif) repeat-y right 0; }
#upcoming-events .box2-bottom { background: url(../images/uce-box2-bottom.gif) no-repeat right bottom; }
#upcoming-events .box2-top { background: url(../images/uce-box2-top.gif) no-repeat right top;  }
#upcoming-events .box2 p {  }
#upcoming-events .box2 a.more {position:absolute; right:10px; bottom:10px; }

/*
	Main
*/

#main { float: left; display: inline; width: 490px; margin-left: 15px; background: #fff; overflow: visible; }
.post { margin-bottom: 15px; }
.post h2, .post h3 { font: 16px Helvetica, Arial, sans-serif; margin-bottom: 10px; }
.post .postmetadata { font: 11px Helvetica, Arial, sans-serif; color: #000; padding-bottom: 10px; }
.post .postmetadata a { color: #000; }
.post .postmetadata small { font-size: 11px; float: right; display: inline; }
.analog, .analog a { color: #ea2304; }
.paramodel, .paramodel a { color: #005cba; }

.post .image { border: 1px solid #999; padding: 5px; background: #fff; max-width: 640px; overflow: hidden; }
.post .image a { display: block; width: 640px; overflow: hidden; }



.post .entry { background: url(../images/entry-bottom.gif) no-repeat 0 bottom; position: relative; width: 665px; margin-left: -175px; color: #666; padding-bottom: 1px;}
.post .entry a { color: #000; }
.post .entry p { padding-bottom: 10px; }
.post .entry-bottom { background: url(../images/post-top.png) no-repeat 0 top; padding-top: 21px; position: relative; }
.post .entry-top { background: url(../images/entry-bg.gif) repeat-y 0 0; padding: 14px 50px 15px 50px; height: 100%; }


.post .image2 { border: 1px solid #999; padding: 5px; background: #fff; max-width: 640px; float:right; }
.post .image2 a { display: block; max-width: 640px; float:right;}

.post .entry2 { background: url(../images/entry-bottom.gif) no-repeat 0 bottom; position: relative; width: 665px; margin-left: -175px; color: #666; padding-bottom: 1px; float:left;}
.post .entry2 a { color: #000; }
.post .entry2 p { padding-bottom: 10px; }
.post .entry-bottom2 { background: url(../images/post-top.png) no-repeat 0 top; padding-top: 21px; position: relative; }
.post .entry-top2 { background: url(../images/entry-bg.gif) repeat-y 0 0; padding: 14px 50px 15px 50px; height: 100%; }

/*
	Sidebar
*/

#sidebar { float: right; display: inline; width: 305px; position: relative; margin: 48px -259px 0 0; }

#sidebar .box { margin-top: -15px; }
#sidebar .box-top { background: url(../images/sidebar-top.png) no-repeat 0 top; height: 23px; }
#sidebar .box-cnt { background: url(../images/sidebar-box-bg.gif) repeat-y 0 0;  padding: 0 0 0 22px; height: auto; }

#sidebar .box-cnt .image a { width: 100%; overflow: hidden; }
#sidebar .box-bottom { background: url(../images/sidebar-box-bottom.gif) no-repeat 0 bottom; height: 25px; position: relative; }

#sidebar .image { width: 270px; height:auto; padding: 5px; border: 1px solid #999; background: #fff; float: left; position: relative; margin-bottom: -25px; }
/*#sidebar .image { width: 270px; max-height: 280px; min-height: 105px; padding: 5px; border: 1px solid #999; background: #fff; float: left; position: relative; margin-bottom: -25px; }*/
#sidebar .image img {  }
#sidebar .image a { display: block; }

#sidebar li { list-style-type: none; padding-bottom: 22px; }
#sidebar .wrapper { border: 1px solid #999; padding: 5px; background: #fff; float: left; width: 272px; position: relative; margin-bottom: -24px; height: 100%; }
#sidebar h2.section-title { line-height: 31px; background: #bcc8bc; padding: 0 12px; font-size: 12px; color: #fff; position: relative; height: 100%; }

#sidebar .box .text { padding: 15px; }
#sidebar .box .text p { padding-bottom: 10px; }
#sidebar .box .text a { color: #000; }

#sidebar .box .text h2{margin:0px 0px 10px 0px; font-size:14pxpx; color:#F30;}

#footer { padding: 5px 0 15px 115px; font-size: 9px; }

.comment-body em {
	color: red;
}


.cl img{float:right;}
/*---------------------------------------------------------new footer-------------------------------------------------------------------------*/
#footernew { width:759px; margin-left:9px; margin-top:-1px; }
.footerbody { background-image:url(../images/whitebody.gif); background-repeat:repeat-y; width:759px;}
.f_row { width:187px; height:auto; float:left; margin-left:45px;}
.f_row ul h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#dfe4df; font-weight:bold; margin:0px; margin-bottom:15px;}
.f_row ul { margin:0px; padding:0px; list-style-type:none; margin-bottom:24px;}
.f_row ul li { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#bcc8bc; line-height:12px;}
.f_row ul li a { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#bcc8bc; background-image:url(../images/dot.gif); background-repeat:no-repeat; background-position: left center; padding-left:8px; text-decoration:none; line-height:12px;}
.f_row ul li a:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; background-image:url(../images/dot_hover.gif); background-repeat:no-repeat; background-position: left center; padding-left:8px; text-decoration:underline;}
.f_row ul li ul { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#bcc8bc; margin:0px 0px 0px 7px; padding:0px;}
.f_row ul li ul li { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#bcc8bc; line-height:12px;}
.f_row ul li ul li a { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#bcc8bc; background-image:url(../images/dot.gif); background-repeat:no-repeat; background-position: left center; padding-left:8px; text-decoration:none; line-height:12px;}
.f_row ul li ul li a:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; background-image:url(../images/dot_hover.gif); background-repeat:no-repeat; background-position: left center; padding-left:8px; text-decoration:underline;}

.copyarea { width:auto; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#a2aba2; float:right; margin-right:27px; font-weight:normal;}

#upcoming-events .box10 { background: url(../images/uce-box1-bg.gif) repeat-y right 0; margin-bottom: 2px; }
#upcoming-events .box10-bottom { background: url(../images/uce-box1-bottom.gif) no-repeat right bottom; }
#upcoming-events .box10-top { padding: 0px 0 0; position: relative; height: 100%; background: url(../images/new_image.gif) no-repeat right bottom; width:auto; }
#upcoming-events .box10 .image { margin: -48px 0px 0 0px; }