@charset "utf-8";
/* CSS Document */
/* Author : Robin John */
/* Css file for robinjohn.info*/
/* valid css file*/
/* no copyrights you can use, distribute, extent the css, excluding my images and the content */ 
body { margin: 0px;padding:0px; background: #f6f6f6 url(../images/site_bg.png) repeat;font-family:"trebuchet MS",helvetica,"Sans Serif"; font-size:14px;text-align:justify;}
h1{font-size:35px;color:#FFFFFF; font-weight:bold;text-align:center;margin:0px;padding:5px 0px;}
h1 a{font-size:35px;color:#FFFFFF;text-align:center;margin:0px;padding:0px;letter-spacing:.05em;text-decoration:none}
h1 a:hover{border-bottom:6px #757575 solid;border-top:6px #757575 solid;}
h2{font-size:18px;color:#f73f55;text-align:center;margin:0px;padding:5px 0px;}
h3 {font-size:17px;color:#FFFFFF;text-align:center;margin:0px;padding:0px;letter-spacing:.05em;line-height:36px;}
h3 a{font-size:17px;color:#FFFFFF;text-align:center;margin:0px;padding:0px;letter-spacing:.05em;text-decoration:none}
h3 a:hover{border-bottom:6px #757575 solid;border-top:6px #757575 solid;}
#container { margin:auto; background: #FFFFFF; width: 957px;border-left:4px #f74056 solid; border-right:4px #f74056 solid; height:100%;}
#header {margin:0 ; height:165px;width:957px;}
#header_name {margin:0px;padding-top:38px;height:135px;float:left;width:248px;}
#header_flash{height:135px;float:left;width:124px;padding-top:38px;padding-left:8px}
#header_fla{width:134px;float:left;}
#header_rest{height:165px;float:left;width:575px;margin:0px;padding:0px;padding-left:2px;}
#header_title{display:block; height:53px;width:240px;background:#f74056;border-right:8px #757575 solid;}
#header_subtitle{}
#header_topright{height:120px;float:right; width:575px;}
#header_topimgspc{float:left; width:380px;height:120px;}
/*new*/
#header_topimgspc{height:108px;width:372px;}
#headertwitbox{background:url(../images/twitter-bg.gif) no-repeat;width:340px;height:116px;padding:27px 0 0 30px;}
#header_topimg{float:right; background:url(../images/site_cutes.png) no-repeat scroll -465px 0px ;height:120px; width:180px;margin:0px;padding:0px;}
/*new*/
#header_topimg{float:left;}
/*#header_topimg{float:right; background:url(../images/vote-for-congress.jpg) no-repeat;height:120px; width:180px;margin:0px;padding:0px;}*/
/*#header_topimg{float:right; background:url(../images/sagar-elias-jacky.jpg) no-repeat;height:120px; width:180px;margin:0px;padding:0px;}*/

#header_nav{float:right;width:570px; height:35px;padding-left:0px;}
#nav{float:right;margin:0px;padding:0px;border-bottom:8px  #757575 solid;}
#nav ul {list-style-type: none;margin:0px;padding:0px;} 
#nav li {margin:0px;padding-right:0px;/*padding:0px 13px;*/float:left;}
#nav li a { font-family:"trebuchet MS",helvetica,"Sans Serif";font-size:17px;letter-spacing:.011em;display: block;padding:6px 17px ;text-decoration: none;
color:#ffffff;}
#nav li a:hover { background: #757575;color:#f73f55;border-top:4px #ffffff solid;padding:4px 17px !important;}
.selected{background: #f73f55;color:#ffffff;}
.check{background: #f73f55;color:#ffffff;border-top:6px #6f6e6e solid;padding:3px 17px !important;}
#nav li a.checkname{color:#ffffff;}
#header_middlespace{height:40px;width:937px;background:#FFFFFF;}
#middlecontainer{width:957px;}
#middlecontainer_sideimg{width:100px;height:524px;padding-left:22px;float:left;}
#middlecontainer_sideimg_aboutme{width:100px; background:url(../images/site_side.gif) no-repeat scroll -265px 10px;height:524px;}
#middlecontainer_sideimg_viewportfolio{width:100px; background:url(../images/site_side.gif) no-repeat scroll 5px 10px;height:524px;}
#middlecontainer_sideimg_myblog{width:100px; background:url(../images/site_side.gif) no-repeat scroll -674px 10px;height:524px;}
#middlecontainer_sideimg_hireme{width:100px; background:url(../images/site_side.gif) no-repeat scroll -133px 10px;height:524px;}
#middlecontainer_sideimg_contactme{width:100px; background:url(../images/site_side.gif) no-repeat scroll -402px 10px;height:524px;}
#middlecontainer_sideimg_guestbook{width:100px; background:url(../images/site_side.gif) no-repeat scroll -530px 10px;height:524px;}
#middlecontainer_middlecontent{padding-left:30px; width:785px;float:left;height:auto;}
.middlecontenttop{background-image:url(../images/middle_top.jpg);background-position:center top ;background-repeat:no-repeat;padding-left:15px;float:left;}
.middlecontentbottom{background-image:url(../images/content_bg_bottom.png);background-position:center bottom ;background-repeat:no-repeat;float:left;}
.content{padding:57px 102px;width:565px;}
.texttitle{color:#f73f55;font-weight:bold;}
.texttitleb{color:#f73f55;font-weight:normal;}
.texttitleb a{color:#f73f55 !important ;text-decoration:underline;}
.texttitleb a:hover{ font-style:italic;} 
.text{color:#757575;text-align:justify !important; padding-right:10px;font-family:"trebuchet MS",helvetica, "Sans Serif"; font-size:14px;line-height:23px;}
.text a{color:#757575;text-decoration: none}
.text a:hover{ font-style:italic;} 
.guestbook{height:auto;}
#footer{height:125px;clear:both;}
.valid{padding-left:7px;padding-top:25px;color:#ffc0c8;font-weight:normal;font-weight:bold;}
.valid a{color:#ffc0c8 !important ;text-decoration:none; font-size:12px}
.valid a:hover{ color:#f73f55 !important ;} 
#twitter_div{width:290px;}
#twitter_div ul li{margin:0px;padding:0px;}
#twitter_update_list{margin:0px;padding:0px;}
#footercontainer{width:957px;float:left}
#footer_linkcover {float:left;margin:0px;padding:0px;height:125px;width:265px;}
#footer_link{ display:block; height:35px;width:157px;background:#f74056;border-right:8px #757575 solid; margin-top:38px;}
#footer_bottomimg{float:right; background:url(../images/site_cutes.png) no-repeat scroll 0px 17px ;height:125px; width:475px;margin:0px;padding:0px;}
.smaller{font-size:9px;}
#twitter_update_list li {line-height:16px;}
#twitter_update_list li span{font-size:11px!important;line-height:16px!important;color:#ffffff!important;text-align:left!important;}
#twitter_update_list li a{font-size:10px!important;line-height:16px!important;}
#twitter_update_list li a:hover{font-style:normal!important;}
#twitter_div  a{font-size:10px;line-height:16px;padding-right:0!important;}
#election {color:#FC4D62;font-size:9px;padding:102px 0 0 31px;}
/*#election {color:#FC4D62;font-size:9px;padding:103px 0 0 0px;}*/
#election a {text-decoration:none;color:#FC4D62;text-align:left;}
#election a:hover{text-decoration:blink;color:#757575;}
ul.case{float:left;padding-bottom:50px;}
ul.case li{width:50%;float:left;}