@font-face { font-family:League Gothic; src:url('type/League_Gothic.otf') format("opentype"); }
@font-face { font-family:Lobster; src:url('type/Lobster.ttf') format("truetype"); } 

* { margin:0; padding:0; }

body { margin:0; background:white url(images/body-bg.png); font-family:Georgia, Times New Roman, serif; color:#555; }

a { color:#bb6c37; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }
ul { list-style-type:square; }
.clear { clear:both; height:1px; }

#wrapper {  }
#container { width:750px; margin:0 auto; }

#header { text-align:center; }
#header a img { margin:30px auto; }

#page-heading { height:65px; background:url(images/ribbon60-left.png) no-repeat; margin-bottom:30px; }
#page-heading h1 { background:url(images/ribbon60-right.png) no-repeat top right; text-shadow:0 1px #f9ecd2;
	font-size:50px; line-height:60px; }

#nav { height:40px; background-color:#51382a; }
#nav .inner { width:750px; margin:0 auto; position:relative; }

#nav ul { list-style-type:none; font-family:Lobster, Arial, sans-serif; }
#nav li { float:left; position:relative; height:40px; line-height:40px; }
#nav li a { padding:0 14px; font-size:24px; font-weight:bold; display:block; text-transform:none; text-decoration:none; 
	color:#e2d7cc; text-shadow:-1px 1px #000; }
#nav li a:hover { color:#f5f0eb; background-color:#352116; text-decoration:none; }

#social-icons { position:absolute; top:8px; right:0; }
#social-icons a { float:left; display:block; height:25px; width:25px; margin-left:4px;
	background-image:url(images/social-icons.png); }
#social-icons .facebook { background-position:0 0; }
#social-icons .twitter { background-position:-25px 0; }
#social-icons .rss { background-position:-50px 0; }

#content { font-size:14px; }
#content h1 { margin-top:0px; padding-bottom:5px; text-align:center; font-size:50px;
	font-weight: bold; color:#4F3729; text-transform:uppercase; font-family:League Gothic, sans-serif; }

#footer { clear:both; text-align:center; font-size:12px; padding:20px; border-top:3px solid #1a1a1a; margin-top:20px; }

#content-main { float:left; width:620px; border:0px solid black; min-height:400px; }
#content-main p { text-align:justify; line-height:22px; }

#sidebar { float:right; width:200px; border:0px solid black; padding-top:10px; font-size:14px; margin:20px 20px 0 0; }
#sidebar h3 { border-bottom:1px solid #ccc; font-size: 14px; padding-bottom: 5px; margin-bottom:5px; text-transform: uppercase; }
#sidebar ul { list-style-type:square; padding-left:25px; margin-bottom:20px; }
#sidebar li { padding-bottom:2px; }
#sidebar p { text-align:justify; line-height:18px; }
#sidebar .sidebar-box { margin-bottom:20px; }

#portfolio h2 { clear:both; padding:10px; margin:20px 0 20px 0; /*background:#292929;*/ color:#4a3326; 
	text-transform:none; font-family:Lobster, Georgia, serif; font-size:36px; }

/*.portfolio { clear:both; padding:10px; margin:10px 0; background:url() repeat-x; 
	border-bottom:1px solid #ccc; }
.portfolio img { width:180px; height:125px; border:5px solid #292929; float:left; margin-right:20px; }
.portfolio h3 { font-size:24px; margin:0 0 10px 0; padding:0; font-family:Lobster, Georgia, serif; }
.portfolio ul { list-style-type:square; padding-left:240px; }
.portfolio li { padding:2px 0px; }
.portfolio p { margin:10px 0; }
.page-portfolio .portfolio img { height:125px; width:180px; }*/

#projects { padding-left:18px; }

.portfolio { float:left; margin:0 20px 20px 0; overflow:hidden; height:156px; width:226px; position:relative; border-bottom:3px solid #ccc; }
.portfolio.last { margin-right:0; }

.portfolio .inner { position:absolute; bottom:0; left:0; }

.portfolio img { border:3px solid #ccc; border-bottom:none; display:block; }

.portfolio .details { text-align:center; padding-bottom:5px; }
.portfolio .details h3 { margin-bottom:5px; }

#skills { float:right; width:180px; border:0px solid black; padding-top:50px; }
#skills h3 { font-size:14px; font-style:italic; margin:0; }
#skills ul { list-style-type:square; }
#skills li { font-size:14px; font-weight:bold; }

#scroll-up { position:fixed; display:none; bottom:10px; right:10px; height:60px; width:50px; 
	background:url(images/scroll-up.png) no-repeat; cursor:pointer; }

/* WP Loop */
.post { padding:0 20px; }

.post-meta { clear:neither; padding:5px 0; font-size:10px; margin:0 0 0 0; color:#999; }
.post-meta a { color: #999; }
.post-meta a:hover { color:#84755c; }
.post-meta .setting { padding:3px; padding-left:20px; margin-right:5px; }
.post-meta .datetime { background:url(images/media/clock.png) no-repeat 0 2px; }
.post-meta .user { background:url(images/media/user.png) no-repeat 0 2px; }
.post-meta .filedlink { background:url(images/media/document.png) no-repeat 0 2px; }
.post-meta .commentslink { background:url(images/media/comments.png) no-repeat 0 2px; }
.post-meta .editlink{ background:url(images/media/write.png) no-repeat 0 2px; }

.post-content {  }
.post-content p { text-align:justify; line-height:1.7em; margin-bottom:30px; }
.post-content img { padding:5px; border:1px solid #ccc; }
.post-content a:hover img { border:1px solid #888; }

.post-content img.alignright { float:right; margin:0 0 10px 20px; }
.post-content img.alignleft { float:left; margin:0 20px 10px 0; }
.post-content img.aligncenter { display:block; margin:10px auto; }

.design-thumb { float:left; width:48%; border:0px solid #000; }
.design-thumb img { border:3px solid #ccc; }

.design-skills { padding:10px 0 0 0; }
.design-skills a { background-color: #CCCCCC; color: #FFFFFF; padding: 5px; text-transform: uppercase;
	border-radius:2px; float: left; margin: 0 5px 5px 0; }
.design-skills a:hover { background-color:#BB6C37; text-decoration:none; }

.design-content { float:right; width:48%; border:0px solid #000; font-size:18px; line-height:24px; }
.design-content ul li { padding:4px 0; }

img.wp-smiley { border:none; padding:0; margin:0; }