/*Theme Name:	1	OpenSource	Online	Magazine
					Theme URI:	http://wpdev.eternalurbanyouth.com/
     Description:	A	WordPress	Theme	created	originally	for	<a
					href="http://insideopenoffice.org">InsideOpenOffice.org</a>	and
     then	modified	for	Packt	Publishing's	WordPress	Theme	Design.
     Version:	1.3
     Author:	Tessa	Blakeley	Silver
     Author URI:	http://hyper3media.com
					The CSS, XHTML and design is released under GPL:
					http://www.opensource.org/licenses/gpl-license.php
			*/
body 
{
    background-color:#FFFFFF;
    background-image:none;
    padding:0;
    margin:0;
}
#sitemain 
{
    position:relative;
    clear:both;
    width:760px;
    background-color:transparent;
    font-size:10px;
    margin:0 auto 0 auto;
}
#headersp 
{
    position:relative;
    float:left;
    clear:both;
    width:760px;
    height:132px;
    background:transparent;
    font-size:1px;
} 
#header 
{
    position:relative;
    float:left;
    clear:both;
    left:10px;
    top:10px;
    width:740px;
    height:122px;
    background:#FF0000 url("images/uds1.gif") repeat-x;
    font-size:10px;
}
#header .lb 
{
    position:relative;
    float:left;
    background: url("images/dot1.gif") 0 100% repeat-x;
    width:100%;
    height:122px;
}
#header .lr 
{
    position:relative;
    float:left;
    background: url("images/dot1.gif") 100% 0 repeat-y;
    width:100%;
    height:122px;
}
#header .lt 
{
    position:relative;
    float:left;
    background: url("images/dot1.gif") 0 0 repeat-x;
    width:100%;
}
#header .ll 
{
    position:relative;
    float:left;
    background: url("images/dot1.gif") 0 0 repeat-y;
    width:100%;
    height:122px;
}
#header .tl 
{
    position:relative;
    float:left;
    background: url("images/tl1.gif") 0 0 no-repeat;
    width:100%;
    height:100%;
}
#header .tr 
{
    position:relative;
    float:left;
    background: url("images/tr1.gif") 100% 0 no-repeat;
    width:100%;
    height:100%;
}
#header .bl 
{
    position:relative;
    float:left;
    background: url("images/bl1.gif") 0 100% no-repeat;
    width:100%;
    height:122px;
}
#header .br 
{
    position:relative;
    float:left;
    background: url("images/br1.gif") 100% 100% no-repeat;
    width:100%;
    height:122px;
}
#menusp 
{
    position:relative;
    float:left;
    clear:both;
    width:760px;
    height:34px;
    background:transparent;
    font-size:1px;
    z-index:90;
} 
#menu 
{
    position:relative;
    float:left;
    clear:both;
    left:10px;
    top:10px;
    width:740px;
    height:24px;
    background:#87CDFC url("images/stp1.gif") repeat-x;
    font-weight:bold;
    font-size:10px;
    z-index:90;
}
#menu ul 
{
    margin:0;
    padding:0 0 0 5px;
    font-size:12px;
}
#menu li 
{
    overflow:inherit;
    list-style-type:none;
    margin:0;
    padding:0;
    float:left;
} 
#menu a 
{
    text-decoration:none;
    margin:0;
    padding:7px 10px 0;
    display:block;
    height:17px;
    color:#F0F0F0;
    float:left;
}
#menu a.first 
{
    margin:0;
    padding:7px 10px 0;
} 
#menu a:hover 
{
    background:#000080;
}
#wrappersp 
{
    position:relative;
    float:left;
    clear:both;
    width:760px;
    background:transparent;
    font-size:1px;
} 
#wrapper 
{
    position:relative;
    float:left;
    clear:both;
    left:10px;
    top:10px;
    width:740px;
    background-color:transparent;
    font-size:10px;
}
#contentsp 
{
    position:relative;
    float:left;
    width:468px;
    background:transparent;
    font-size:1px;
} 
#contentbot 
{
    position:relative;
    float:left;
    width:468px;
    height:20px;
    background:transparent;
    font-size:1px;
} 
#content 
{
    position:relative;
    float:left;
    left:10px;
    top:10px;
    width:458px;
    background-color:#FFE4E1;
    font-size:10px;
}
#postsp 
{
    position:relative;
    float:left;
    clear:both;
    width:458px;
    background:transparent;
    font-size:1px;
} 
#postbot 
{
    position:relative;
    float:left;
    clear:both;
    width:458px;
    height:20px;
    background:transparent;
    font-size:1px;
} 
#post 
{
    position:relative;
    float:left;
    clear:both;
    left:10px;
    top:10px;
    width:438px;
    background:#808000 url("images/umd1.gif") repeat-x;
    font-size:10px;
}
#post .lb 
{
    position:relative;
    float:left;
    background: url("images/dot1.gif") 0 100% repeat-x;
    width:100%;
}
#post .lr 
{
    position:relative;
    float:left;
    background: url("images/dot1.gif") 100% 0 repeat-y;
    width:100%;
}
#post .lt 
{
    position:relative;
    float:left;
    background: url("images/dot1.gif") 0 0 repeat-x;
    width:100%;
}
#post .ll 
{
    position:relative;
    float:left;
    background: url("images/dot1.gif") 0 0 repeat-y;
    width:100%;
}
#post .tl 
{
    position:relative;
    float:left;
    background: url("images/tl2.gif") 0 0 no-repeat;
    width:100%;
    height:100%;
}
#post .tr 
{
    position:relative;
    float:left;
    background: url("images/tr2.gif") 100% 0 no-repeat;
    width:100%;
    height:100%;
}
#post .bl 
{
    position:relative;
    float:left;
    background: url("images/bl2.gif") 0 100% no-repeat;
    width:100%;
}
#post .br 
{
    position:relative;
    float:left;
    background: url("images/br2.gif") 100% 100% no-repeat;
    width:100%;
}
#post .bspc 
{
    padding-bottom:20px;
    clear:both;
    font-size:1px;
}
#group2sp 
{
    position:relative;
    float:left;
    width:272px;
    background:transparent;
    font-size:1px;
} 
#group2bot 
{
    position:relative;
    float:left;
    width:272px;
    height:20px;
    background:transparent;
    font-size:1px;
} 
#group2 
{
    position:relative;
    float:left;
    left:10px;
    top:10px;
    width:252px;
    background-color:#FFC0CB;
    font-size:10px;
}
#sidebarsp 
{
    position:relative;
    float:left;
    clear:both;
    width:252px;
    background:transparent;
    font-size:1px;
} 
#sidebarbot 
{
    position:relative;
    float:left;
    clear:both;
    width:252px;
    height:20px;
    background:transparent;
    font-size:1px;
} 
#sidebar 
{
    position:relative;
    float:left;
    clear:both;
    left:10px;
    top:10px;
    width:232px;
    background:url("images/pattern2.jpg") repeat;
    font-size:10px;
}
#sidebar .lb 
{
    position:relative;
    float:left;
    background: url("images/dot1.gif") 0 100% repeat-x;
    width:100%;
}
#sidebar .lr 
{
    position:relative;
    float:left;
    background: url("images/dot1.gif") 100% 0 repeat-y;
    width:100%;
}
#sidebar .lt 
{
    position:relative;
    float:left;
    background: url("images/dot1.gif") 0 0 repeat-x;
    width:100%;
}
#sidebar .ll 
{
    position:relative;
    float:left;
    background: url("images/dot1.gif") 0 0 repeat-y;
    width:100%;
}
#sidebar .bspc 
{
    padding-bottom:20px;
    clear:both;
    font-size:1px;
}