@charset "utf-8";

*
{
    border: 0;
}

/* 틀 디자인 */

body
{
    background-color: #d9e2ff;
    
    font-family: '맑은 고딕', 나눔고딕, Meiryo, '은 돋움', 돋움, Sans-Serif;
    font-size: 10pt;
}

#outline
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

header,
footer
{
    display: block;
    float: left;
    
    width: 100%;
    margin: 20px 0;
    
    text-align: center;
}

#content
{
    display: block;
    float: left;
    
    width: 720px;
    padding: 15px;
    
    background-color: rgba(255, 255, 255, 0.9);
    
    -moz-border-radius: 15px;
    border-radius: 15px;
    
    -moz-box-shadow: 0 0 8px rgba(0, 0, 255, 0.3);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 255, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 255, 0.3);
}

#content:hover
{
    -moz-box-shadow: 0 0 8px rgba(0, 0, 255, 0.6);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 255, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 255, 0.6);
}

#sidebar
{
    display: block;
    float: right;
    
    width: 200px;
    margin: 0 25px;
    text-align: center;
}

/* 태그 */

a
{
    text-decoration: none;
    color: Black;
}

a:hover
{
    text-decoration: underline;
}

hr
{
    border: 1px inset;
}

input,
textarea
{
    border: 1px solid;
    
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    border-color: rgba(32, 32, 32, 0.8);
}

input:hover,
textarea:hover
{
    -moz-box-shadow: 0 0 8px rgba(255, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(255, 0, 0, 0.5);
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.5);
}

input:focus,
textarea:focus
{
    -moz-box-shadow: 0 0 8px rgba(255, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 8px rgba(255, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.3);
}

textarea
{
    width: 100%;
}

/* 클래스 */

input.submit
{
    background-color: rgba(128, 160, 255, 0.5);
}

input.submit:hover
{http://serna.tistory.com/admin/skin/edit
    background-color: rgba(255, 0, 0, 0.5);
    font-weight: bolder;
}

.date
{
    font-size: 0.8em;
    color: #808080;
}

.count
{
    font-size: 0.8em;
    color: #8080FF;
}

.name
{
    color: #404040;
}

/* 전체 */

#blogTitle
{
    margin-bottom: 30px;
}

#blogTitle a
{
    font-size: 20px;
    font-weight: 500;
    color: White;
    text-shadow: 0 0 4px #0000FF, 0 0 8px #0040FF, 0 0 12px #0080FF, 0 0 16px #00C0FF, 0 0 20px #00FFFF;
}

#blogMenu
{
    margin: 10px 0;
}

#blogMenu a
{
    text-decoration: none;
}

#blogMenu div
{
    display:inline;
    
    padding: 5px;
}

#blogMenu div.tabHome
{
    -moz-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
}

#blogMenu div.tabGuestbook
{
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
}

#blogMenu div.tabHome,
#blogMenu div.tabTaglog,
#blogMenu div.tabMedialog,
#blogMenu div.tabLocalog,
#blogMenu div.tabKeylog,
#blogMenu div.tabGuestbook
{    
    background-color: #D0D0FF;
    
    -moz-box-shadow: 0 0 6px rgba(0, 0, 255, 0.5);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 255, 0.5);
    box-shadow: 0 0 6px rgba(0, 0, 255, 0.5);
}

#blogMenu div.tabHome:hover,
#blogMenu div.tabTaglog:hover,
#blogMenu div.tabMedialog:hover,
#blogMenu div.tabLocalog:hover,
#blogMenu div.tabKeylog:hover,
#blogMenu div.tabGuestbook:hover
{
    background-color: #D0FFD0;
    
    -moz-box-shadow: 0 0 6px rgba(0, 255, 0, 0.8);
    -webkit-box-shadow: 0 0 6px rgba(0, 255, 0, 0.8);
    box-shadow: 0 0 6px rgba(0, 255, 0, 0.8);
}

#tt-body-page #blogMenu div.tabHome,
#tt-body-tag #blogMenu div.tabTaglog,
#tt-body-media #blogMenu div.tabMedialog,
#tt-body-location #blogMenu div.tabLocalog,
#tt-body-keylog #blogMenu div.tabKeylog,
#tt-body-guestbook #blogMenu div.tabGuestbook
{
    background-color: #FFD0D0;
    
    -moz-box-shadow: 0 0 6px rgba(255, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 6px rgba(255, 0, 0, 0.5);
    box-shadow: 0 0 6px rgba(255, 0, 0, 0.5);
}

.searchResult,
.articleType
{
    display: block;
    margin-bottom: 20px;
    
    font-size: 12pt;
    color: #4080FF;
    
    text-shadow: 1px 1px 10px #0000FF;
}

.searchKeyword,
.searchCount
{
    font-size: 12pt;
    color: #FF6060;
    
    text-shadow: 1px 1px 10px #FF0000;
}

.articleTitle
{
    text-align: center;
    margin-bottom: 10px;
}

.articleTitle a
{
    font-size: 14pt;
    color: #4080FF;
    
    text-shadow: 2px 2px 4px #A0A0FF, 3px 3px 8px #FFFFFF, 4px 4px 12px #0000FF;
}

.articleInfo,
.articleInfo *,
.articleAdmin,
.articleAdmin *
{
    font-size: 9pt;
    color: Black;
}

.protectedPrompt p
{
    text-align: center;
}

article
{
    display: block;
    margin: 10px 0;
    padding: 10px 0;
    
    border-top: 1px solid #8080FF;
    border-bottom: 1px solid #8080FF;
}

article a
{
    color: #6080FF;
    text-decoration: underline;
}

.moreless_fold,
.moreless_top,
.moreless_bottom
{
	color: #6080FF;
	font-weight: bold;
}

.cap1
{
	font-size: 0.9em;
	color: #808080;

	margin: 5px 0;
}

#tagLog ul
{
    padding: 0;
}

#tagLog li
{
    display: inline;
}

.actionTrail
{
    text-align: right;
}

.actionTrail .count
{
    font-size: 10pt;
    color: #4040FF;
}

.author
{
    text-align: right;
}

.input .name
{
    color: Black;
}

.comment,
.trackback
{
    margin: 10px 0;
    padding: 10px;
    
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.comment:hover,
.trackback:hover
{
    -moz-box-shadow: 0 0 8px rgba(64, 128, 255, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(64, 128, 255, 0.5);
    box-shadow: 0 0 8px rgba(64, 128, 255, 0.5);
}

.commentList li,
#guestList li,
.trackback li
{
    list-style-type: none;
    border-bottom: 1px solid #808080;
    padding: 5px;
    
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.commentList li:hover,
#guestList li:hover,
.trackback li:hover
{
    background-color: rgba(128, 192, 255, 0.2);
}

.commentList li:last-child,
#guestList li:last-child,
.trackback li:last-child
{
    border-bottom: 0px;
}

.commentList ul li,
#guestList ul li
{
    border-bottom: 0px;
}

.commentList ul li:hover,
#guestList ul li:hover
{
    background-color: rgba(255, 160, 160, 0.2);
}

.rp_secret 
{
    color: #FF6060;
}

.commentList .name,
#guestList .name,
.commentList .name a,
#guestList .name a
{
    font-size: 11pt;
    color: #4080FF;
}

.trackback .name
{
    color: #4080FF;
}

.control a
{
    text-decoration: none;
}

.control span
{
    background-color: #D0E0FF;
    font-size: 0.8em;
    padding: 2px;
    
    border: 1px solid rgba(0, 0, 255, 0.5);
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.control span:hover
{
    background-color: #D0FFE0;
    
    -moz-box-shadow: 0 0 8px rgba(64, 255, 128, 0.75);
    -webkit-box-shadow: 0 0 8px rgba(64, 255, 128, 0.75);
    box-shadow: 0 0 8px rgba(64, 255, 128, 0.75);
}

.commentWrite .button,
#guestWrite .button
{
    text-align: right;
}

#paging
{
    text-align: center;
}

#paging .selected
{
    border: 1px solid #FFA0C0;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    background-color: #FFE0F0;
    text-decoration: none;
}

#sidebar section
{
    display: block;
    margin: 0 0 20px 0;
    padding: 5px;
    
    background-color: rgba(255, 255, 255, 0.6);
    
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    -moz-box-shadow: 0 0 8px rgba(0, 255, 0, 0.2);
    -webkit-box-shadow: 0 0 8px rgba(0, 255, 0, 0.2);
}

#sidebar section:hover
{
    background-color: rgba(255, 255, 255, 0.8);
    
    -moz-box-shadow: 0 0 8px rgba(0, 255, 0, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(0, 255, 0, 0.5);
    box-shadow: 0 0 8px rgba(0, 255, 0, 0.5);
}

.navTitle
{
    display: block;
    color: #6060FF;
    font-size: 1.1em;
}

#searchBox p
{
    margin: 5px 0;
}

#category,
#notice,
#recentEntries,
#recentComment,
#recentTrackback
{
    text-align: left;
    
    text-shadow: 1px 1px 0 #FFFFFF;
}

#counter
{
    text-shadow: 1px 1px 0 #FFFFFF;
}

#category ul,
#notice ul,
#recentEntries ul,
#recentComment ul,
#recentTrackback ul
{
    padding-left: 20px;
    margin : 5px 0;
}

#category li,
#notice li,
#recentEntries li,
#recentComment li,
#recentTrackback li
{
    list-style-type: none;
}

#category ul a
{
    color: #8080FF;
}

#category ul ul a
{
    color: #FF4040;
}

#category ul ul ul a
{
    color: #40A040;
}

.copyright a
{
    color: #4080FF;
}