/*
-------------------------------------------------------
THEME NAME: Chugs Designs V4
THEME URI: http://chugsdesigns.com
DESCRIPTION: 
VERSION: 1.0
AUTHOR: Hussain SM
AUTHOR URI: http://chugsdesigns.com
-------------------------------------------------------
*/

/*
global styles
-------------------------------------------------- */

* { 
margin : 0;
padding : 0;
}
body {
background: #c6e2ff url(i/body.gif) repeat-x;
font: 100%/1.3em "Georgia", "Times New Roman", "Times", serif;
color: #000;
text-align: center;
}

/* links */

a:link {
font-weight: bold;
text-decoration: none;
color: #ff60ae;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #ff60ae;
}
a:hover {
font-weight: bold;
text-decoration: none;
color: #ff60ae;
}
a:active {
font-weight: bold;
text-decoration: none;
color: #ff60ae;
}
p {
margin: 15px 0;
}
abbr, acronym {
font-style: normal; 
border-bottom: 1px dotted #999; 
cursor: help;
}

/* blockquote */

blockquote {
margin: 10px 0 15px;
padding: 5px 45px 0;
font: italic 1em/1.5em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #666;
}

/* image styles */

a img {
border: none;
}
img.left {
float: left;
margin: 0 15px 10px 0;
}
img.right {
float: right;
margin: 0 0 10px 15px;
}
img.centered {
display: block;
margin: 10px auto;
}
img.border {
background: #D3C6B4;
padding: 2px;
border: 1px solid #9B8B77;
}

/* hn */

h1, h2, h3, h4 {
margin: 15px 0;
font-weight: normal;
color: #222;
}
h1 a, h2 a, h3 a, h4 a {

}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1em;
}

/*
layout 
-------------------------------------------------- */

#container {
width: 700px;
margin: 30px auto;
text-align: left;
}
#wrap {
padding: 0 0 25px;
background: url(i/container.gif) repeat-y 0 0;
}
#col-left {
float: left;
width: 200px;
}
#col-main {
float: right;
width: 480px;
font-size: 1em;
}
body#default #col-main {
float: none;
width: 700px;
}
#col-main-error {
float: none;
width: 700px;
}

/*
header
-------------------------------------------------- */

#header {
margin: 0 0 50px;
}
h1 {
float: left;
width: 240px;
margin: 0;
}
h1 a:link, h1 a:visited, h1 a:hover {
display: block;
width: 240px;
overflow: hidden;
padding: 67px 0 0 0;
background: url(i/title.gif) no-repeat;
text-decoration: none;
height: 0px !important;
height /**/: 67px;
color: #c6e2ff;
}
p#contact {
float: right;
width: 261px;
height: 29px;
margin: 30px 0 0;
background: url(i/contact.gif) no-repeat;
font-size: 0.65em;
color: #777;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 29px;
}
p#contact span {
display: block;
width: 254px;
margin: 0 0 0 7px;
}

/* 
navigation
---------------------------------------------------	 */

#nav {
white-space: nowrap;
}
#nav li {
list-style-type: none;
margin: 0 20px 0 5px;
}
#nav li a {
display: block;
width: auto;
margin: 0 0 5px;
padding: 0 0 0 5px;
idth: 180px;
font-size: 0.75em;
text-decoration: none;
line-height: 25px;
}
#nav li a:hover, 
body#default li#nav-psm a, 
body.psm li#nav-psm a, 
body.imdb li#nav-imdb a, 
body.gawds li#nav-gawds a, 
body.me li#nav-me a, 
body.baa li#nav-baa a, 
body.wc li#nav-wc a, 
body.sac li#nav-sac a, 
body.tm li#nav-tm a, 
body.rr li#nav-rr a, 
body.ib li#nav-ib a, 
body.sch li#nav-sch a, 
body.dp li#nav-dp a, 
body.teio li#nav-teio a, 
body.mj li#nav-mj a, 
body.proto li#nav-proto a, 
body.dd li#nav-dd a, 
body.ba li#nav-ba a, 
body.lp li#nav-lp a, 
body.brtc li#nav-brtc a, 
body.iy li#nav-iy a, 
body.er li#nav-er a, 
body.amb li#nav-amb a, 
body.br li#nav-br a, 
body.uniem li#nav-uniem a, 
body.teio2 li#nav-teio2 a, 
body.hic li#nav-hic a, 
body.osl li#nav-osl a, 
body.ss li#nav-ss a, 
body.umj li#nav-umj a, 
body.eir li#nav-eir a,
body.dyne li#nav-dyne a,
body.smursh li#nav-smursh a,
body.mcsr li#nav-mcsr a,
body.chordvine li#nav-chordvine a,
body.ltb li#nav-ltb a,
body.dp2 li#nav-dp2 a,
body.teio3 li#nav-teio3 a,
body.ini li#nav-ini a,
body.sray li#nav-sray a,
body.spi li#nav-spi a,
body.gaysi li#nav-gaysi a,
#nav li.current a {
background: #BAD3EE url(i/icon-arrow-nav.gif) no-repeat 98% 50%;
}

/*
homepage 
-------------------------------------------------- */

#intro {
height: 1%;
margin: 0 0 50px;
padding: 0 0 5px;
background: url(i/line.gif) repeat-x 0 100%;
}
#intro p {
margin: 0;
padding: 0 5px;
background: url(i/ruled.gif) repeat;
line-height: 36px;
}
h2#h2-recent {
float: left;
display: block;
width: 146px;
overflow: hidden;
margin: 0;
padding: 17px 0 0 0;
background: url(i/h2-recent.gif) no-repeat;
text-decoration: none;
height: 0px !important;
height /**/: 17px;
}
h2#h2-more {
margin: 0;
} 
h2#h2-more a {
float: right;
display: block;
width: 134px;
overflow: hidden;
padding: 17px 0 0 0;
background: url(i/h2-more.gif) no-repeat;
text-decoration: none;
height: 0px !important;
height /**/: 17px;
}
#recent-pic {
height: 310px;
margin: 15px 0 25px;
background: url(i/recent-pic-alt.gif) no-repeat;
text-align: center;
}
#recent-pic img {
margin: 10px auto 0;
}

/* 
portfolio pages 
---------------------------------------------------	 */

#col-left p {
padding: 0 20px 0 0;
font-size: 0.75em;
}
div.project {
font-size: 0.9em;
}
h2.project-title {
margin: 0 0 20px;
font: 1.5em Arial, "Trebuchet MS", Trebuchet, sans-serif;
letter-spacing: -1px;
}
div.project-details {
margin: 0 0 25px;
padding: 0 5px;
background: url(i/ruled.gif) repeat;
line-height: 36px;
}
div.project-details p {
margin: 0;
}

/* list style */

div.project-details ul {
margin: 0;
padding: 0 0 5px;
background: url(i/line.gif) repeat-x 0 100%;
}
div.project-details ul li {
list-style-type: none;
margin: 0;
padding: 0 0 0 25px;
background: url(i/icon-arrow.gif) no-repeat 0 50%;
line-height: 36px;
}

/* pics */

div.project-pic {
width: 480px;
height: 310px;
margin: 25px 0 0;
background: url(i/project-pic.gif) no-repeat;
text-align: center;
}
div.project-pic a {
height: 100%;
width: 100%;
}
div.project-pic img {
margin: 10px auto 0;
}

/*
footer
-------------------------------------------------- */

#footer {
clear: both;
background: url(i/ruled.gif) repeat-x;
margin: 0 0;
padding: 10px 0 0;
font-size: 0.65em;
ext-align: center;
text-transform: uppercase;
letter-spacing: 0.1em;
}

/* 
clear		
------------------------------------------------------ */

.clear {
clear: both;
height: 0;
line-height: 0;
}
.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 */