/*

Theme Name: Easy Portfolio

Theme URI: http://www.motiontheme.com

Description: Theme is designed and coded by MotionTheme

Version: 1.0

Author: MotionTheme.com

*/

* {margin: 0; padding: 0;}

body {font: 75%/170% Arial, Helvetica, sans-serif; color: #555555; background: #FFFFFF; margin: 0;	padding: 0;}

p {padding: 0 0 1.6em; text-align:justify;}

img {border: none;}

a {color: #1473A9; text-decoration: none; outline: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline; color:#000000;}


/* Super ton navigator
==============================*/
#topnav {background:#EFEFEF url('img/topnav.gif') repeat-x; /*border-bottom:1px solid #CCCCCC;*/ padding:5px; font-size:16px; text-align:center;}
#topnav a:link, #topnav a:active, #topnav a:visited {font-weight:bold;}
#topnav a:hover {color:#000000;}
#topnav ul {list-style:none; font-weight:bold;}
#topnav ul li {display:inline; padding:0 10px 0 10px;}


/* Content Container
==============================*/

#folder {width: 850px; margin: 0 auto; position: relative; background:url(img/folderbg.gif) repeat-y;}


/* Header
==============================*/

#header {position: relative; padding:10px 0 0 0; height:60px; background:#FFFFFF;}
#header .moto {font-size:20px; font-style:italic; float:left; padding:18px 0 0 15px;}

/*#header h1 {background: url(img/logo.gif) no-repeat; text-indent: -900em; width: 802px; height: 43px;	position: absolute;	left: 0px;}*/
#header h1 {font-size:45px; color:#000; font-weight:normal; padding:15px 0 10px 0; margin-left:15px; float:left;}
#header a {color:#000000;}
#header a:hover {text-decoration:none;}

/* ads
==============================*/

#ads {text-align:center; margin-bottom:20px;}


/* Sidebars
==============================*/

#sidebar {}
#sidebar h2 {font-size:16px; border-bottom:1px dashed #CCCCCC; color:#000000; margin-bottom:10px; padding:0 0 5px 0;}
#sidebar h3 {font-size:12px; padding:0 0 0 0; margin-top:10px; color:#595959;}

#sidebar .rss {margin:5px 0 0; padding: 0 0 0 20px; background:url('img/ico_rss.gif') no-repeat 0 0px; border:none; height:16px;}

#sidebar ul, #sidebar ul ol {margin: 0px; padding: 0px;}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 10px; /*border-bottom:2px dashed #9BC6EC;*/ padding:0 0 10px 0; background: url(img/libg.gif) no-repeat bottom;}
/*#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}*/
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 5px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 0px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin:0px 0 0px 0; padding: 0 0 0 15px; background:url('img/photo-ico.gif') no-repeat 0 3px; border:none;}

/*#sidebar .count {color:#999999;}
#sidebar .small {font-size:11px; font-weight:normal;}*/

/*Left*/
.left {float:left; width:538px; clear:left; position: relative;}
.left div.content {width: 494px; padding: 0px 22px 25px; overflow:hidden;}
.left h2 {font-size:16px; color:#FF6D00; margin-bottom:5px;}

/*Intro*/
#intro {margin-bottom:15px; background:url(img/introbg.gif) no-repeat; /*border-bottom:1px solid #D0D0D0;*/}
#intro li {list-style:none;}
#intro .cont {padding:10px;}
#intro p {padding:5px 0 5px 0px; text-align: justify;}


/*right*/
.right {float:right; width: 300px; }
.right p {padding-bottom:5px; text-align:justify;}
.right div.content {width: 280px; margin:0 auto; padding: 0px 0px 0px 5px; overflow: hidden;}


/*Portfolio List*/
#portfolio-list {list-style:none; position:relative;}
#portfolio-list li {font-size:16px; font-weight:bold;}

/*Resume*/
#resume {list-style:none; position:relative; margin-bottom:10px;}
#resume li {font-size:14px;}



/* Mis
==============================*/
.cleaner {clear:both;}

/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* jquery tooltips */
#tooltip img {
	background: #CCCCCC;
	padding: 5px;
	border: solid 1px #666666;
}

/*------ Contact Form
-------------------------------*/

#xform ol {margin:0 auto; padding:10px 0px 10px 0px; margin-bottom:10px; /*width:100%;*/}
#xform li {list-style: none; padding: 5px; margin: 0px; clear:both;}
#xform .label {float:left; width:100px; text-align:left; display:inline-block; color:#333333; font-weight:bold; padding-right:5px;}
#xform .note {font-size:11px;}
/*#xform strong {color:#FF0000; font-size:14px;}
#xform h3 {color:#34488F;}*/

/* display lists : thumb, full, details
-------------------------------------------------------------- */

#thumb {list-style:none; margin:0; padding:0; width: 530px; height: auto;}
#thumb li {float: left;	background: url(img/thumb-bg.gif) no-repeat; width: 217px; height: 150px; padding: 10px 9px 0; margin: 10px 24px 0px 0; position: relative;}
#thumb img {border: solid 1px #333333;}
#thumb a:hover img {border: solid 1px #999999;}
#thumb h3 {font: normal 100%/100% Arial, Helvetica, sans-serif;	position: absolute; top: 130px;	left: 10px;	overflow: hidden;}
#thumb h3 a {width: 215px; color: #6c8085; display: block; text-decoration: none; padding-top:5px;}
#thumb h3 a:hover {color: #000000;	text-decoration: none;}
#thumb h3 span {padding-right: 0; position: absolute; right: 0;}
#thumb .date {position: absolute; z-index:5; top: 145px; left: 10px; overflow: hidden; font-size:11px;}
#thumb .thumb-count {position: absolute; z-index:6; top: 132px; left: 220px; overflow: hidden; font-size:11px;}

/* Post data */
.postdata {font-size:11px; margin-bottom:10px;}
.postdata ul { list-style:none;}
.postdata ul li { display:inline; padding:0 5px 0 5px;}

.postdata .time {background:url(img/time.gif) no-repeat 0 0px; padding: 0 10px 0 20px;}
.postdata .comments {background:url(img/icon_comments.gif) no-repeat 0 0px; padding: 0 10px 0 20px;}
.postdata .posted {background:url(img/posted.gif) no-repeat 0 0px; padding:0 10px 0 20px;}

.count {color:#ffffff; font-weight:700; font-size:1.3em; float:left; background:url(img/count.gif) no-repeat; width:51px; height:41px; text-align:center; margin:0px 10px 10px 0; padding:10px 0 0 0;}

/* More link */
.more-link {background:url(img/rmore.gif) no-repeat 0 3px; font-size:12px; font-weight:bold; text-decoration:none; padding:0px 0 10px 23px; display:block; margin-top:10px; float:right;}

/* post */
.post {margin-bottom:20px; padding:0px 0px 0px 0px; border-bottom:1px dashed #CCCCCC;}
.post img {padding:3px; border:1px solid #CCCCCC;}
.post img.alignleft {margin-right:5px; margin-bottom:5px;}

/* Comments */

.alt {margin-bottom:10px; border-bottom:1px dashed #A9B8C5;}
.alt2 {margin-bottom:10px; border-bottom:1px dashed #A9B8C5;}
h3.ctitle {margin-bottom:10px;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist cite {background:url(img/author.png) no-repeat 0 4px; padding:0 0 0 15px;}
.date {margin-bottom:10px;}
.commentmetadata {margin-bottom:10px;}
.ctext {background:url(img/quote.png) no-repeat; padding:5px 0 0 30px;}


/* Paging */
#navigation {margin-top:20px;}
#navigation .alignleft {float:left;}
#navigation .alignright {float:right;}

/* Search */
#search {margin-bottom:10px;}
.itext {color:#8C8C8C; background:#FFFFFF; width:160px; padding:3px 5px; border:2px solid #cccccc; margin-right:2px; }
.ibut {color:#8C8C8C; background: url(img/search.gif) no-repeat; padding:4px 0px; border: none; width:100px; margin:0px !important;}

/* Flickr */
.flickr {padding:0 0 0 0px;}
.flickr a {float:left; border:1px solid #ccc; padding:4px; background:#ddd; margin-right:8px; margin-bottom:4px; list-style:none;}

/* Footer */
#footer {background:#FFFFFF;}