/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } 
/* remember to define focus styles! */
:focus { outline: 0; } 
body { line-height: 1; color: black; background: white; } 
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/************************  reset end  ******************************/
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 
body { font: 12px/170% 'Georgia',Arial, Verdana, Sans-Serif; color: #666666; margin: 0; padding: 0; background: #121212;/* url('../images/back1.jpg') repeat;*/ text-align: center; } 
#wrap { text-align: left; width:715px; margin:0 auto; padding-top:60px; } 
#content { width:713px; height:476px; background-color:#222; padding:7px; border-bottom: 0px solid #666; } 
#mainContent {height:476px;}
.bottom { float:left; width:713px; margin-top:10px; position:relative; left:250px; } 
.aboutBottom { margin-top:15px; text-align:center; width:713px; } 
#nameOrLogo{font-size: 21px;color: #666;}
#nameOrLogo a:visited, #nameOrLogo a:active, #nameOrLogo a:link ,
.aboutBottom a:visited, .aboutBottom  a:active, .aboutBottom  a:link  {color : #666;text-decoration:none;}
#nameOrLogo a:hover,.aboutBottom  a:hover{color: #c0c0c0;}
#aboutText { color:#bbb; float:left; padding:7px; width:327px; } 
#aboutText h1{font-size:18px;margin-bottom: 5px;}
/*********Basak Sliding***********/
.trigger { position: absolute; } 
.popup { position: absolute; display: none; z-index: 50; } 
#dpop { margin:0;padding:0; border:5px solid #222; } 
#dpop img{float:left;margin:0;padding:0;}
.flickr1{color:#0063DC;}
.flickr2{color:#FF0084;}
a.flickr:visited, a.flickr:active, a.flickr:link {text-decoration:none;padding:2px;color:#bbb} 
a.flickr:hover {background-color:#121212;padding:2px;color:#fff;}