body {
    margin:0px 0px 0px 0px;
    color:#5F5F5F;
    font:12px tahoma;
    background:url("img/bg.jpg") repeat-x top center fixed;
}
input {
    border:1px solid #CFCFCF;
    padding:5px;
}
img {
    border:0px;
}
textarea {
    border:1px solid #CFCFCF;
    padding:5px;
}
a {
    color:#3D8F00;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
#wrap {
    width:800px;
    height:auto;
    min-height:500px;
    margin:0px auto 0px auto;
    padding:10px;
}
#top {
    margin-top:20px;
    clear:both;
    background:url("img/bodytopbg.png") no-repeat;
    width:800px;
    height:22px;
}
#bottom {
    clear:both;
    background:url("img/bodybottombg.png") no-repeat;
    width:800px;
    height:26px;
}
#body {
    clear:both;
    background:url("img/bodybg.png") repeat-y;
    padding:1px 25px 1px 25px;
    min-height:500px;
    height:auto;
}
#content,.box {
    display:block;
    width:500px;
    clear:both;
    height:auto;
}
#content {
    float:left;
}
.box {
    border-bottom:1px solid #DFDFDF;
}
.comment,.commntbox {
    clear:both;
    width:500px;
    height:auto;
}
.commentbox {
    margin-top:10px;
    padding:10px;
    border:1px solid #DFDFDF;
}
.commentbox ul {
    list-style:none;
    margin-left:-40px;
}
.commentbox li {
    float:left;
    padding-right:10px;
}
.commentbox img {
    padding-right:10px;
}
.commentbox:hover {
    margin-top:10px;
    padding:10px;
    border:1px solid #DFDFDF;
    background:#EFEFEF;
}
#fbloginbutton {
    padding:10px;
}
.arrowgif {
    background:url("img/arrow_down.gif");
    width:16px;
    height:16px;
}
#userlogin {
    padding-top:10px;
}
userbox {
    padding-top:10px;
    padding-bottom:10px;
}
#userlogin img {
    padding-right:10px;
}
.addcomment textarea {
    margin-top:10px;
    width:400px;
    height:100px;
}
.addcomment input[type=button] {
    border:1px solid #2F2F2F;
    background:#3B5998;
    color:#FFF;
    font-weight:bold;
}
#panel {
    float:left;
    width:230px;
    height:auto;
    display:block;
    padding:10px;
}
#panel h3 {
    border-bottom:1px dotted #000000;
}
.catmenu,.catmenu:hover {
    display:block;
    width:230px;
    height:auto;
    padding:3px 3px 3px 10px;
    margin:2px;
    background:#00A2EB;
}
.catmenu:hover {
    background:#000;
    text-decoration:none;
}
.catmenu {
    color:#FFF;
}
.category {
    text-decoration:underline;
    color:#00A2EB;
    font-size:18px;
}
.uldetail { margin-left:-30px; }
.uldetail li { list-style:none;color:#358F08;font-size:10px; }
.imguser { display:block;width:16px;height:16px;background:url("img/user.png");float:left; }
.imgdate { display:block;width:16px;height:16px;background:url("img/time.png");float:left; }
.imgcat { display:block;width:16px;height:16px;background:url("img/cat.png");float:left; }

.liportfolio {
    list-style-image:url("img/user.png");
}

#sitemap li {
    list-style:url("img/reply.png");
}

#footer {
    clear:both;
    margin:10px auto 0px auto;
    background:url("img/footerbg.png") repeat-x;
    width:800px;
    height:100px;
    color:#FFF;
    font-size:11px;
    text-align:center;
}
#menufooter a,#menufooter {
    color:#FFF;
    padding-top:20px;
}
.title a {
    color:#F20012;
    font-size:15px;
}
.detail {
    clear:both;
    padding-top:1px;
}
#menu {
    background:url("img/bgmenu.png") repeat-x;
    margin-top:30px;
    width:800px;
}
.home,.home:hover {
    display:block;
    background:url("img/home.png") no-repeat;
    width:120px;
    height:45px;
    float:left;
}
.home:hover {
    background:url("img/home1.png") no-repeat;
}
.portfolio,.portfolio:hover {
    display:block;
    background:url("img/portfolio.png") no-repeat;
    width:145px;
    height:45px;
    float:left;
}
.portfolio:hover {
    background:url("img/portfolio1.png") no-repeat;
}
.bgmenu {
    background:url("img/bgmenu.png") repeat-x;
    width:100%;
    height:45px;
}
.contact,.contact:hover {
    display:block;
    background:url("img/contact.png") no-repeat;
    width:155px;
    height:45px;
    float:left;
}
.contact:hover {
    background:url("img/contact1.png") no-repeat;
}
#pagination {
    margin:20px;
}
#pagination a,#pagination strong {
    text-decoration:none;
    color:#666;
    background:#F4F4F4;
    border:1px solid #e0e0e0;
    padding:2px 5px;
    margin:2px;
    font-weight:700;
}
#pagination a:hover,#pagination strong {
    text-decoration:none;
    color:#fff;
    background:#0A85CB;
    border:1px solid #3af;
    padding:2px 5px;
    margin:2px;
}

/**** Portfolio Thumbnail ****/
.thumbnailWrapper ul {
	list-style-type: none;
	margin-left:70px;
	padding:0px;
}
.thumbnailWrapper ul li {
	float:left;
	position:relative;
	overflow:hidden;
}
.thumbnailWrapper ul li a img {
	width:300px;
	position:relative;
	border:none;
}
.caption{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	display:none;
	/* styling bellow */
	background:#33333F;
	color:white;
	opacity:0.9;
}
.caption .captionInside{
	/* just styling */
	padding:10px;
	margin:0px;
}

/**** Menu ****/
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 80px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#navigation li a {
    text-align: right;
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;
    background-color:#CFCFCF;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    opacity: 0.6;
    text-decoration:none;
    font-weight:bold;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
ul#navigation .facebook a{
    background-image: url("img/facebook_cloud.png");
}
ul#navigation .rss a{
    background-image: url("img/feed_cloud.png");
}
.news {
    margin-left:0px;
    padding-left:15px;
}
.news li {
    padding-bottom:7px;
}