body {background:#000; word-wrap: break-word; min-width:1280px; overflow-x:hidden;}
a { text-decoration:none; color:#049eb5;
}
a:hover { text-decoration:none; color:#333 !important; }
a:link { text-decoration:none; color:#049eb5; }
a:visited { text-decoration:none; color:#049eb5;}

.profile_pic {
float:left;
overflow-x: hidden;
}

.wrapper {width:1280px; margin:auto;}

.resume_fields {float:left;}
.resume_fields li {float:none; clear:both; overflow:hidden; margin-bottom:-10px;}
.resume_fields li:last-child {margin-bottom:0px;} 
.resume_fields h1 {font-size:22px; letter-spacing:-1px; margin-bottom:0;}
.resume_fields p {margin-bottom:0px;}

.inspiration_showtime { padding-left:20px; padding-top:20px; overflow:hidden; float:none;}
.inspiration_showtime img { float:left; padding-right:20px;}

.facebook_like {float:left; margin-top:5px; margin-bottom:10px; }

.inspic {position:relative; float:left;}
.inspic img {position:relative; z-index:1;}
.inspic_desc {position: absolute; background: rgba(0, 0, 0, 0.75); opacity:0.0; bottom:0; z-index:5; height:100%; width:100%; -webkit-transition: opacity 0.5s ease-out; -moz-transition-duration: 0.5s; -moz-transition-property: opacity;}
.inspic_desc:hover {opacity:1}
.inspic_desc h2 {color:#bbb; padding-left:10px; padding-top:5px; padding-bottom:5px;}
.inspic_desc h3 {color:#aaa; padding-left:10px;}
.inspic_desc h1 {color:#fff; font-size:20px; letter-spacing:0; line-height:24px; padding-left:10px; padding-top:10px; margin:0; padding-bottom:0;}



li {display:block;}
ul {display:block;}

.navigation_holder {
    float: left;
    margin-top: 13px;
    overflow: hidden;
}

.twitter_feed {}

#twitter_container h1 {letter-spacing:-1px;}
#twitter_container h2 {font-size:14px;}
#twitter_container a:hover {color:#ccc !important;}


.break {border-bottom:3px dotted #ccc; padding-bottom:20px;}

.logo {height:18px; margin-left:20px; margin-top:10px; float:left;}
.navigation {margin-left:10px;}
.navigation li { display:block; padding-left:10px; padding-right:5px; float:left;}
.navigation li:last-child {border:0;}
.navigation li a { font-family: Arial, Helvetica, sans-serif; font-weight:100; font-size:16px; color:rgba(255,255,255,0.5); }

.end_footer {background:rgba(0, 0, 0, 0.7); overflow:hidden;}
.end_footer li {padding-bottom:5px; padding-top:5px;  }
.end_footer li a { font-family: Arial, Helvetica, sans-serif; font-weight:100; font-size:12px; }
.end_footer li a:hover { color:#ccc !important; }

.end_footer li:first-child {padding-top:0px;}
.end_footer li:last-child {padding-bottom:0px;}

.end_footer h2 {margin-bottom:5px;}


.navigation li a:hover {color:rgba(255,255,255,1.0) !important;}

.navigation li .selected {color:rgba(255,255,255,1.0); font-weight:bold;}

.global_header {
  height:35px;
background: #000;
}
http://hosseinbassir.com/inspirations/post/audi_a1/
.global_footer {clear:both; position:relative; z-index:5; }

.updates {background:#333; overflow:hidden; clear:both;}


.random_data {height:100px; background:url(http://hosseinbassir.com/images/interface/small_pic.png) no-repeat left top #333;}
.random_data .picture  {margin-top:-20px;}
.end { clear:both; height:50px; background:#000;}
.end p { font-size:10px; color:#666; margin:0; line-height:normal;}
.end .social { width:150px; margin-left:20px; margin-top:20px; float:left;}
.end .copyright { float:left; margin-left:20px; margin-top:20px; }

.spark_pic {float:left;}

.index_channels {clear:both; overflow: hidden; }
.inspirations {background:#ccc;}

.portfolio {background:#eee;}
.billboard_holder { background:#fff; margin-top: -20px; height:350px; position:relative;}
.billboard_holder h3 {font-size:22px; color:rgba(255, 255, 255, 0.5);}
.billboard_holder h1 {color:#fff; margin-bottom:0px;}

.sparks_holder {background:#f5f5f5;}



.content {clear:both; min-height:300px; overflow:hidden; background: #eee; }
.content .main {position:relative; overflow:hidden;}
.page_intro {overflow:hidden;}
.holder {float:left; width:850px;}


.list li .medium_col {border-bottom:1px dotted #ccc;}
.list li:last-child .medium_col {border:0;}

.date p {font-size:18px;}

.article_date {float:right;}
.article_date h2 {font-size:14px;}
.title {float:left;}
.subtitle {clear:both;}
.summary {}
.summary_in_page { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding-bottom:20px; margin-bottom:20px; padding-top:20px; margin-top:20px; }

.summary_in_page p {font-family: Arial, Helvetica, sans-serif; font-size:20px;  line-height:24px; margin:0;}
.body_text {margin-top:5px;}

.small_col { float:left; width:130px; margin:20px;}
.medium_col { float:left; margin:20px; width:640px; overflow:visible; }
.large_col { float:left; width:810px; margin:20px; } 
.fluid_col2 {margin:0px; background:#fff;} 
.fluid_col { float: left; margin:0px; width:85%;} 

.billboard_holder .text {    
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    bottom: 0;
    max-width: 450px;
    padding: 20px;
    position: absolute;
    z-index: 10;}

.billboard_holder .picture {  float: left;
    position: absolute;
    z-index: 5;
    text-align: right;
    overflow:hidden;
}

.post_page {margin:0; padding:20px;}
.sidebar_col { float:left; width:130px; margin:20px; min-height: 10px;}

.index_channels .large_col { float:left; width:1000px; min-height: 10px;} 


h1 {font-family: Arial, Helvetica, sans-serif; font-size:36px; font-weight:100; color:#777; letter-spacing:-2px; margin-bottom:10px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:100; line-height:20px; color:#888;  }
h3 {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666; }
.portfolio_thumbnail h2 {font-size:16px; margin-top:5px;}
.random_data h2 {color:#ccc;}
.random_data .large_col {margin-bottom:0;}
p {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; line-height:24px; margin-bottom:15px;}

.index_title h1 {font-size:100px; letter-spacing: -9px; text-shadow:0 2px #fff; text-indent:-9999px;}


.posts_navigation {width:150px; height:150px; margin-bottom:40px; text-align:center; text-indent:9999px;}
.next {background:url(http://hosseinbassir.com/images/interface/arrows.png) no-repeat left top; }
.next:hover {background:url(http://hosseinbassir.com/images/interface/arrows.png) no-repeat left bottom; }
.prev {background:url(http://hosseinbassir.com/images/interface/arrows.png) no-repeat left top; margin-left:-20px;
   -webkit-transform:rotate(180deg);
   -moz-transform:rotate(180deg);
   -ms-transform:rotate(180deg);
   -o-transform:rotate(180deg);
   transform:rotate(180deg);



}
.prev:hover {background:url(http://hosseinbassir.com/images/interface/arrows.png) no-repeat left bottom; 
   -webkit-transform:rotate(180deg);
   -moz-transform:rotate(180deg);
   -ms-transform:rotate(180deg);
   -o-transform:rotate(180deg);
   transform:rotate(180deg);
}
.more {background:url(http://hosseinbassir.com/images/interface/arrows.png) no-repeat right top; margin-left:-20px;}
.more:hover {background:url(http://hosseinbassir.com/images/interface/arrows.png) no-repeat right bottom; }

.top {position:absolute; display:none; bottom:0; background:url(http://hosseinbassir.com/images/interface/arrows.png) no-repeat left top; margin-left:-20px;
   -webkit-transform:rotate(-90deg);
   -moz-transform:rotate(-90deg);
   -ms-transform:rotate(-90deg);
   -o-transform:rotate(-90deg);
   transform:rotate(-90deg);
}
.top:hover {background:url(http://hosseinbassir.com/images/interface/arrows.png) no-repeat left bottom; 
   -webkit-transform:rotate(-90deg);
   -moz-transform:rotate(-90deg);
   -ms-transform:rotate(-90deg);
   -o-transform:rotate(-90deg);
   transform:rotate(-90deg);
}

.main_picture img {width:auto;}
.main_picture img:hover {}
.main_picture { clear:both;   background: none repeat scroll 0 0 #E9E9E9;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: center;}

.portfolio_thumbnail {overflow:hidden; background:#e5e5e5; margin:5px; padding:10px; float:left; width: 230px;}
.portfolio_thumbnail:hover {background:#f9f9f9;}
.portfolio_thumbnail img {margin-bottom:10px;}

.clause {width:150px;}

.portfolio_holder {margin:0px;}
.portfolio_holder .more {margin:0px; float:left;}
.side_bar_thumb {margin-left:0; margin-right:0;}

.random_stuff {clear:both;  background:#ddd;  overflow:hidden;}
.random_stuff  .portfolio_thumbnail {width:150px; margin-top:0;}
.random_stuff .large_col {width:1000px; margin-left:15px;}

.extra_picture {margin-left:-10px; width: 850px;}
.extra_picture li {margin:10px; float:left; }


.tab_container {height:auto;}

ul.tabs {
	margin-left:20;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	width: 100%;
}

ul.tabs li {
  background: none repeat scroll 0 0 transparent;
  overflow: hidden;
  position: relative;
float:left;
}

ul.tabs li a {
	text-decoration: none;
	color: #000 !important;
	display: block;
	outline: none;
padding-left:10px;
padding-right:10px;
padding-top:17px;
padding-bottom:15px;
}

ul.tabs li a h2 {	color: rgba(0, 0, 0, 0.5) !important; 
}

ul.tabs li a:hover {
background:#eee;
color:#333 important;

}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #eee;
color:#999 important;
}


.my_info {margin-left: 155px;}
.my_info h1 {font-size:32px; color:#eee; letter-spacing:-2px; }
.my_info p {color:#bbb;}

.category_desc {background: rgba(0, 0, 0, 0.3); overflow:hidden; height:50px; } 
.category_desc h2 {color:#fff;}

.link_icons {
    overflow: hidden;
margin-bottom:10px;
}
.link_icons li {
    height: auto;
float:left;
    width: auto;
    margin-right: 5px;
}
.contact .link_icons a {
    height: 100%;
    width: 100%;
}
.link_icons .email {
    height: 57px;
    width: 57px;
    background: url(http://hosseinbassir.com/images/interface/links.png) no-repeat 0 0;
}
.link_icons .email:hover {
    background: url(http://hosseinbassir.com/images/interface/links.png) no-repeat 0 -57px
}
.link_icons .facebook {
    height: 57px;
    width: 57px;
    background: url(http://hosseinbassir.com/images/interface/links.png) no-repeat -57px 0;
}
.link_icons .facebook:hover {
    background: url(http://hosseinbassir.com/images/interface/links.png) no-repeat -57px -57px
}
.link_icons .twitter {
    height: 57px;
    width: 57px;
    background: url(http://hosseinbassir.com/images/interface/links.png) no-repeat -114px 0;
}
.link_icons .twitter:hover {
    background: url(http://hosseinbassir.com/images/interface/links.png) no-repeat -114px -57px
}
.link_icons .linkedin {
    height: 56px;
    width: 56px;
    background: url(http://hosseinbassir.com/images/interface/links.png) no-repeat -171px 0;
}
.link_icons .linkedin:hover {
    background: url(http://hosseinbassir.com/images/interface/links.png) no-repeat -171px -57px
}



.notification_error
{
	height: auto;
	text-align: left;
	font-family: 'TitilliumText22LRegular', Arial; 
	font-size:12px;
	font-weight:100;
	color:#999;
	line-height:18px;
	margin:3px;
	background:#111;
	width:175px;
	padding:12px;


}

#note {float: left;}

.notification_ok
{	background: url(http://hosseinbassir.com/images/interface/check.png) no-repeat left top;
	height: auto;
	text-align: left;
font-family:Arial, Helvetica, sans-serif; 
	font-size:16px;
	font-weight:100;
	color:#999;
	padding-left:55px;
	padding-bottom:20px;}

.info_fieldset {  }

.info_fieldset legend
{
	border: 1px #dddddd solid; 
	color: black; 
	font: 12px Verdana;
	padding: 2px 5px 2px 5px;

}

.button
{
	width:75px;
	border:0;
	background: #999;
	color: #fff; 
	width:auto;
	padding: 10px;
	float:right;
        font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	cursor:pointer;
	right:0;
}

#fields {position:relative; float:left; }

.button:hover {background:#555;}


/* Label */
label  { 
	width: 100px; 
	float: left; 
	text-align: left; 
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; line-height:24px; 
	 }

/* Input, Textarea */
input, textarea
{
    border: 0 none;
    color: #666;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 10px;
    padding: 10px;
    width: 350px;
background:#ccc;

}

input:focus, textarea:focus
{background:#fff;}

/* BR */

br { clear: left; }
	




#twitter_m {
   padding: 0;
}

   #twitter_container {
       min-height:45px;
       height:auto !important;
       height:40px;
   }

       #twitter_update_list {
           padding: 0;
           overflow: hidden;
           font-family: Arial;
           font-size: 16px;
           font-style:normal;
           color: #ccc;
           line-height: 20px;
           font-weight:normal;

       }

       #twitter_update_list li {
           list-style: none;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px dotted #666;
       }
       #twitter_update_list li:first-child {padding-top:0;}
       #twitter_update_list li:last-child {border:0;}


       #twitter_update_list li a {
           text-decoration: none;
       }

       #twitter_update_list li a:hover {
       }