CSSを追加するときの場所

下のようにして，トップページにした固定ページにボックスで囲った記事を３つ並べたいと，10以上も前に作ったホームページを思い出したので，これを利用できないものかと考えています。

そのためには，３つのCSSコードを追加しなければいけませんが，CSSのどの場所に追加すればよいのか判断できず困っています。
#contents .box3 {
　・・・・・
}　など

70歳を超えてボケ防止にと始めたwordpressですが，すでにボケ始めているのか皆さんに頼ってばかりで心苦しいのですがご教授をおねがいします。


<div class="box3">
<h5>Ｃ＃ノート</h5>
<div class="img_left"><img src="img/home/C_logo.gif " alt="C#ノート" /></div>
<p>DataGridViewのデータを罫線付きで印刷したり隣のセルに振り仮名を自動入力するなど、他には見られないＣ＃のサンプルとチップスがあります。
</p>
<div class="btn">＞＞詳細情報</div>
</div>


テーマのCSS（関係しないと思われるものは削除しています）


/* =GENERAL
-------------------------------------------------------------- */

body {
background: #FDFDFD url(images/background.jpg) center top no-repeat fixed;
color: #555555;
}

a {
color: #9B0030;
text-decoration: underline;
}

a:hover, a:focus {
color: #D70042;
text-decoration: none;
}

a:focus {
outline: none;
}

/* =LAYOUT
-------------------------------------------------------------- */

#container {
width: 960px;
margin: 0 auto;
}

#main {
padding: 15px;
background: #fff;
}

#main-fullwidth {
padding: 15px;
background: #fff;
}

#content {
overflow: hidden;
float: left;
width: 615px;
}

#sidebar-primary {
overflow: hidden;
float: left;
width: 300px;
margin-left: 15px;
}

/* =HEADER
-------------------------------------------------------------- */

#header {
height: 60px;
padding:20px 0;
}

.logo {
float: left;
}

.logo h1.site_title {
margin: 0;
padding:0;
font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
font-size:48px;
line-height: 40px;
font-weight: bold;
}

.logo h1.site_title a, .logo h1.site_title a:hover {
color: #424242;
text-decoration: none;
}

.logo h2.site_description {
margin: 0;
padding:0;
color: #BB0840;
font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
font-size:14px;
line-height: 14px;
}

.header-right {
float: right;
}

#top-social-profiles {
padding-top: 15px;
height: 32px;
text-align: right;
float: right;
}
#top-social-profiles img {
margin: 0 6px 0 0 !important;
}

#top-social-profiles img:hover {
opacity: 0.8;
}
#top-social-profiles .widget-container {
background: none;
padding: 0;
border: 0;
}

/* =POST
-------------------------------------------------------------- */

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

.post {
margin-bottom: 15px;
border-bottom: 0;
}

.page, .post-single {
border-bottom: 0;
margin-bottom: 0;
}

.title {
color: #333333;
margin: 0 0 10px 0;
padding: 0;
font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
font-size: 20px;
line-height: 20px;
font-weight: normal;
text-transform: uppercase;
}

.title a {
color: #333333;
text-decoration: none;
}

.title a:hover {
color: #B30339;
text-decoration: none;
}

.entry {
font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
font-size: 15px;
line-height: 20px;
font-weight: normal;
/*
line-height: 20px;
*/
}

.featured_image {
padding: 6px;
border: 1px solid #BDBDBD;
background: #fff;
}

.page-title {
color: #333;
margin: 0px 0 10px 0;
padding: 0 0 10px 0;
font-weight: normal;
text-transform: uppercase;
font-size: 20px;
font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
border-bottom: 2px solid #333;
}

/* =FOOTER
-------------------------------------------------------------- */